/* @group Reset Default Values */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	}

blockquote, q {
	quotes: none;
	}


/* remember to define focus styles! */

:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* @end */






/* @group Basic Elements */

*, div, ol, ul, li, img, embed, object {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	background: #222 url(bg-matte.gif) repeat fixed top left;
	font: normal 14px/150% Helvetica, Arial, Verdana, Sans-Serif;
	color: #555;
	}

blockquote {
	border-left: 3px solid #EAEAEA;
	margin-left: 10px;
	padding-left: 10px;
	}

input, textarea {
	resize: none;
	}
	
p {
	margin-bottom: 14px;
	}


ol, ul {
	margin-bottom: 15px;
	padding-left: 20px;
	}

ol {
	padding-left: 25px;
	}
	
.code,	
code {
	background: #666;
	color: #FFF;
	}
.code {
	display: block;
	padding: 5px;
	border: solid 1px #555;
	border-top-color: #333;
	border-bottom-color: #777;
	font-size: 0.8em;
	line-height: 1.1em;
	}

small {
	font-size: 0.85em;
	}

a {
	text-decoration: none;
	outline: none;
	color: #000;
	}

a:hover {
	color: #FFF;
	background-color: #444;
	}
a:active {
	background-color: #000;
	}

a:hover img,
a:active img {
	background-color: transparent;
	}

:focus {
	outline: none;
	}

.clear {
	clear: both;
	}
	
.hide {
	display: none;
	}
	
.fLeft {
	float: left;
	margin-right: 15px;
	}
.fRight {
	float: right;
	margin-left: 15px;
	}
.border {
	border: solid 1px #444;
	}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: transparent url(trans.png) repeat top left;
	cursor: pointer;
	}
.modul {
	position: absolute;
	z-index: 1000;
	background: transparent url(trans.png) repeat top left;
	}
.modul .loading {
	background: #000 url(loading-white.gif) no-repeat center center;
	opacity: 0.6;
	}
.modul .zoomImg {
	}
.modul .close {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: -8px;
	left: -8px;
	background: transparent url(close.png) no-repeat center center;
	}

/* @end */






/* @group Layout */


#body {
	position: relative;
	width: 100%;
	min-height: 650px;
	background: transparent url(bg-gradient.gif) repeat-x fixed top left;
	}

#layoutWrapper {
	position: relative;
/*	width: 741px;
	width: 992px; */
	width: 1022px;
	width: 771px;
	background: transparent url(bg-side.gif) repeat-y top right;
	}

#layout {
	position: relative;
	z-index: 5;
	width: 540px;
	margin-left: 200px;
	border: solid 1px #222;
	border-width: 0px 1px;
	background: #BBB url(bg-layout.gif) repeat-y top center;
	}
#layoutInner {
	width: 540px;
	min-height: 1500px;
	background: transparent url(bg-layoutlight.png) no-repeat top center;
	}

#side {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 250px;
	min-height: 300px;
	padding-right: 30px;
	}


/* @end */






/* @group Header */

#header {
	position: relative;
	width: 500px;
	height: 110px;
	padding: 20px;
	}
#header h1 {
	width: 290px;
	height: 70px;
	margin-top: 40px;
	text-indent: -9999px;
	}
#header h1 a {
	display: block;
	width: 290px;
	height: 69px;
	background: transparent url(sprites.png) no-repeat 0 0;
	}
#header h1 a:hover {
	background-position: 0 -70px;
	}
#header h1 a:active {
	background-position: 0 -140px;
	}
	
#infoToggle {
	position: absolute;
	bottom: 20px; right: 20px;
	width: 52px;
	height: 23px;
	}
#infoToggle a {
	display: block;
	width: 52px;
	height: 23px;
	background: transparent url(sprites.png) no-repeat 0 -209px;
	}
#infoToggle a.hover,
#infoToggle a:hover {
	background-position: -52px -209px;
	}
#infoToggle.on a {
	background-position: -156px -209px;
	}
#infoToggle.on a.hover,
#infoToggle.on a:hover {
	background-position: -208px -209px;
	}
#infoToggle a.active,
#infoToggle a:active,
#infoToggle.on a.active,
#infoToggle.on a:active  {
	background-position: -104px -209px;
	}


/* @end */




/* @group Navbar */


.navBar {
	position: relative;
	height: 43px;
	background: transparent url(navbar.png) repeat-x 0 0;
	line-height: 43px;
	text-align: left;
	padding-left: 20px;
	font-size: 14px;
	color: #156076;
	text-shadow: #79D1EB 0 1px 0;
	}
.navBar .page {
	margin: 0;
	}
.navBar .page strong {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 16px;
	color: #0B313C;
	}
.navBar .page strong a:hover {
	color: #FFF;
	text-shadow: #0B313C 0 1px 0;
	background: transparent;
	}
.navBar .page strong a:active {
	text-shadow: #0B313C 0 -1px 0;
	}
.navBar .page em {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 16px;
	color: #0B313C;
	}
.navBar .nav {
	position: absolute;
	height: 43px;
	top: 0;
	right: 0;
	overflow: hidden;
	list-style: none;
	}
.navBar .nav li {
	display: block;
	float: left;
	height: 43px;
	background: transparent url(navbar.png) no-repeat 0 -129px;
	padding-left: 2px;
	}
.navBar .nav li a {
	display: block;
	float: left;
	width: 90px;
	height: 43px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	text-shadow: #072128 0 1px 0;
	}
.navBar .nav li a:hover {
	background: transparent url(navbar.png) repeat-x 0 -43px;
	}
.navBar .nav li a:active {
	padding-top: 1px;
	height: 42px;
	background-position: 0 -86px;
	line-height: 42px;
	}
.navBar .nav li.hide,
.navBar .nav li a.hide {
	display: none;
	}
	

/* @end */




/* @group Main */
	
h2.date {
	position: absolute;
	top: 18px;
	left: -102px;
	}
/*
#main .post:first-child h2.date {
	top: -2px;
	}
*/
h2.date a {
	display: block;
	width: 100px;
	height: 70px;
	padding: 20px 0 10px 0;
	border: solid 1px #1E1E1E;
	border-right: none;
	background: #666 url(navbar.png) repeat-x 0 -172px;	
	text-decoration: none;
	text-align: center;
	}
h2.date strong {
	display: block;
	line-height: 42px;
	font-size: 68px;
	letter-spacing: -2px;
	color: #FFF;
	text-shadow: #1A1A1A 0 1px 0;
	}
h2.date em {
	display: block;
	font: normal 16px/28px Georgia, 'Times New Roman', serif;
	color: #AAA;
	text-shadow: #2A2A2A 0 1px 0;
	}
h2.date a:hover {
	background-position: 0 -272px;
	}
h2.date a:hover em {
	background-position: 0 -272px;
	color: #CCC;
	}
h2.date a:active {
	padding: 21px 0 9px 0;
	background-position: 0 -372px;
	}
	

.post {
	position: relative;
	min-height: 70px;
	padding: 20px;
	}
.post h3 {
	margin-bottom: 15px;
	}	
.post h3,
.post h3 a {
	color: #000;
	font-size: 1.3em;
	line-height: 0.9em;
	letter-spacing: -0.02em;
	}
.post h3 a:hover {
	color: #FFF;
	}
.post .content img {
	max-width: 500px;
	}
.post .content blockquote cite,
.text .content cite {
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-weight: bold;
	}
	
.metaBar {
	position: relative;
	min-height: 30px;
	margin-top: 20px;
	font-size: 12px;
	color: #888;
	line-height: 30px;
	vertical-align: middle;
	}
.metaBar img {
	vertical-align: middle;
	}
	
.metaBar .time {
	position: absolute;
	top: -9px;
	right: -30px;
	margin: 0;
	}
.metaBar .time a {
	display: block;
	width: 112px;
	height: 32px;
	margin-right: 3px;
	padding: 8px 0 0 10px;
	background: transparent url(sprites.png) no-repeat 0 -232px;	
	line-height: 32px;
	font-size: 15px;
	color: #FFF;
	text-shadow: #7A6008 0 1px 0;
	text-align: center;
	}
.metaBar .time a:hover {
	background-position: -122px -232px;
	}
.metaBar .time a:active {
	margin-right: 0px;
	padding-left: 11px;
	background-position: -246px -232px;
	}
	
.metaBar .meta {
	position: absolute;
	right: 100px;
	margin: 0;
	}
.metaBar .meta a {
	padding: 0px 5px;
	color: #777;
	}
.metaBar .meta a strong {
	color: #555;
	}
.metaBar .meta a:hover,
.metaBar .meta a:hover strong {
	background-color: transparent;
	color: #000;
	}
	
.metaBar .reblog a {
	overflow: hidden;
	font-style: normal;
	color: #777;
	padding: 8px 5px;
	}
.metaBar .reblog a:hover {
	background-color: #888;
	}
.metaBar .reblog a:active {
	background-color: #000;
	}
.metaBar .reblog a img {
	float: left;
	opacity: 0.5;
	}
.metaBar .reblog a em {
	font-style: normal;
	font-family: Georgia, 'Times New Roman', serif;
	color: #555;
	}
.metaBar .reblog a:hover,
.metaBar .reblog a:hover em {
	color: #FFF;
	}
.metaBar .reblog a:hover img {
	opacity: 1;
	}

/*
.metaBar .meta,
.metaBar .reblog {
	display: none;
	}
.post:hover .metaBar .meta,
.post:hover .metaBar .reblog {
	display: block;
	}
.post:hover .metaBar {
	background: #AAA;
	}
*/
.metaBar {
	background: #AAA;
	}
	
/* @end */





/* @group Post */

.conversation .metaBar,
.quote .metaBar {
	margin-top: 0;
	}
	
.photo,
.video {
	background: #000;
	}
.photo .metaBar,
.video .metaBar {
	background: #141414;
	color: #222;
	}
.photo .metaBar .meta a,
.video .metaBar .meta a,
.photo .metaBar .reblog a,
.video .metaBar .reblog a {
	color: #333;
	}
.photo .metaBar .meta a strong,
.video .metaBar .meta a strong,
.photo .metaBar .reblog a em,
.video .metaBar .reblog a em {
	color: #444;
	}
.photo .metaBar .meta a:hover,
.video .metaBar .meta a:hover,
.photo .metaBar .meta a:hover strong,
.video .metaBar .meta a:hover strong {
	color: #FFF;
	}
.photo .metaBar .reblog a:hover,
.video .metaBar .reblog a:hover {
	background-color: #222;
	color: #FFF;
	}
.photo .metaBar .reblog a:hover em,
.video .metaBar .reblog a:hover em {
	color: #FFF;
	}
.photo .content a,
.video .content a,
.photo .caption a,
.video .caption a {
	color: #FFF;
	}
	
	
.photo .imageFrame a {
	display: block;
	background-color: transparent;
	}
.photo .caption a {
	display: inline;
	}

.photo p {
	margin-bottom: 0;
	}
.photo img {
	max-width: 500px;
	background: transparent url(loading-white.gif) no-repeat center center;
	}
.photo dl {
	position: relative;
	}
.photo .caption {
	position: absolute;
	bottom: 20px;
	width: 480px;
	padding: 10px;
	background: transparent url(trans.png) repeat center center;
	color: #CCC;
	display: none;
	}
.photo .caption a {
	font-weight: bold;
	color: #FFF;
	}
.photo .caption a:hover {
	text-decoration: underline;
	}
.photo dl:hover .caption {
	display: block;
	}
	
.video object,
.video embed {
	width: 500px;
	margin-bottom: 10px;
	}
.video .content,
.post.video .content {
	margin-top: 0;
	}

.photo blockquote,
.video blockquote {
	border-color: #555;
	color: #999;
	}
.photo blockquote a,
.video blockquote a,
.photo .caption blockquote a,
.video .caption blockquote a {
	color: #CCC;
	}
.photo blockquote a:hover,
.video blockquote a:hover,
.photo .caption blockquote a:hover,
.video .caption blockquote a:hover {
	color: #FFF;
	text-decoration: underline;
	}
	

.quote .content,
.post.quote .content,
.quote blockquote.content,
.post.quote blockquote.content {
	border-left: none;
	margin-left: 0;
	padding: 27px 20px 20px 100px;
	background: #777 url(quote.png) no-repeat top left;
	color: #FFF;
	font-size: 1.3em;
	}
.quote .content cite {
	display: block;
	margin-top: 15px;
	text-align: right;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 0.8em;
	font-style: normal;
	color: #444;
	}
.quote .content cite em {
	font-style: italic;
	}
	



.conversation ul.content {
	list-style: none;
	margin: 14px 0 0 0;
	padding-left: 0;
	border: solid 1px #444;
	border-top-color: #222;
	border-bottom-color: #DDD;
	}
.conversation ul.content li blockquote {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	}
.conversation ul.content li cite {
	display: block;
	position: absolute;
	left: 0;
	width: 130px;
	font-weight: bold;
	color: #888;
	text-align: right;
	font-style: normal;
	}
.conversation ul.content li {
	position: relative;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 20px 10px 140px;
	font-family: Helvetica, Arial, sans-serif;
	overflow: hidden;
	}
.conversation ul.content li.odd {
	background: #4A4A4A;
	color: #BBB;
	}
.conversation ul.content li.even {
	background: #555;
	color: #EEE;
	}


.answer .answerContent {
	list-style: none;
	margin: 14px 0 0 0;
	padding-left: 0;
	border: solid 1px #444;
	border-top-color: #222;
	border-bottom-color: #DDD;
	}
.answer .answerContent h3 {
	margin-bottom: 0;
	background: #4A4A4A;
	color: #BBB;
	padding: 10px;
	line-height: 1.2em;
	}
.answer .answerContent .content {
	border-top: dotted 1px #333;
	padding: 10px;
	margin-bottom: 0;
	background: #555;
	color: #EEE;
	}
.answer .metaBar {
	margin-top: 0;
	}
.answer .metaBar .reblog {
	color: #666;
	font-style: normal;
	}
.answer a.asker {
	font-style: normal;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', serif;
	color: #333;	
	}
.answer a.asker:hover {
	background-color: #888;
	}
.answer a.asker:active {
	background-color: #000;
	}




.formspringmeQuestion {
	padding-top: 15px;
	margin-bottom: 5px;
	color: #444;
	border-top: solid 1px #DFDFDF;
	font-size: 0.9em;
	line-height: 1.3em;
	}
.formspringmeAnswer {
	color: #666;
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: solid 1px #888;
	}




/* @group notes */
ol.notes,
.notes-container ol {
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	}

ol.notes li.note,
.notes-container ol li {
	border-top: solid 1px #bfbfbf;
	padding: 10px;
	background: #aaa;
	}

ol.notes li.note:first-child,
.notes-container ol li:first-child {
	}

ol.notes li.note img.avatar,
.notes-container ol li img.avatar {
	vertical-align: -4px;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	}

ol.notes li.note span.action,
.notes-container ol li span.action {
	}

ol.notes li.note .answer_content,
.notes-container ol li .answer_content {
	font-weight: normal;
	}

ol.notes li.note blockquote,
.notes-container ol li blockquote {
	border-left: none;
	border-color: #eee;
	padding: 4px 10px;
	margin: 10px 0px 0px 25px;
	}

ol.notes li.note blockquote a,
.notes-container ol li blackquote a {
	text-decoration: none;
	}

ol.notes .reblog, ol.notes .like,
.notes-container ol .reblog,
.notes-container ol .like {
	height: auto;
	line-height: 1em;
	}
	
.photo ol.notes li.note,	
.video ol.notes li.note,
.photo .notes-container li,
.video .notes-container li  {
	background-color: #141414;
	border-top: solid 1px #000;
	color: #555;
	}
.photo ol.notes li.note a,	
.video ol.notes li.note a,
.photo .notes-container li a,
.video .notes-container li a {
	color: #888;
	}
.photo ol.notes li.note a:hover,	
.video ol.notes li.note a:hover,
.photo .notes-container li a:hover,
.video .notes-container li a:hover {
	background: #444;
	color: #FFF;
	}
.photo ol.notes li.note a:active,	
.video ol.notes li.note a:active,
.photo .notes-container li a:active,
.video .notes-container li a:active {
	background: #000;
	}

.notes-container {
	display: none;
	}
.notes-container ol {
	list-style: none;
	margin-bottom: 1px;
	}
.notes-container .loading {
	height: 50px;
	background: transparent url(loading.gif) no-repeat center center;
	text-indent: -99999px;
	}
.photo .notes-container .loading,
.video .notes-container .loading {
	background-image: url(loading-white.gif);
	}
.notes-hide {
	display: block;
	font-size: 10px;
	background-color: #999;
	color: #DDD;
	padding: 0px 10px;
	text-align: right;
	}
.photo .notes-container .notes-hide,
.video .notes-container .notes-hide {
	background-color: #1A1A1A;
	color: #666;
	}
.photo .notes-container .notes-hide:hover,
.video .notes-container .notes-hide:hover {
	background-color: #777;
	color: #333;
	}
.photo .notes-container .notes-hide:active,
.video .notes-container .notes-hide:active {
	background-color: #FFF;
	color: #000;
	}

/* @end */	




/* @group disqus comments */
#disqus_thread {
	padding: 20px;
	}

html #dsq-content #dsq-comments .dsq-even {
	background: #d4d4d4;
	}

html #dsq-content #dsq-comments .dsq-odd {
	background: #aaa;
	color: #fff;
	}

html #dsq-content #dsq-comments .dsq-comment-header {
	color: #000;
	}

html #dsq-content #dsq-comments .dsq-comment.special .dsq-comment-header,
html #dsq-content #dsq-comments .dsq-comment-header {
	background: #fff;
	height: 32px;
	line-height: 32px;
	}

html #dsq-content #dsq-comments .dsq-header-avatar img {
	float: none;
	margin: 0;
	}

html #dsq-content #dsq-comments .dsq-comment-body {
	padding: 20px 20px 20px 0;
	font-size: 14px;
	}

html #dsq-content #dsq-comments .dsq-comment-footer {
	padding-bottom: 10px;
	}

html #dsq-content #dsq-comments .dsq-comment-footer {
	font-size: 1em;
	font-weight: bold;
	}

html #dsq-content #dsq-comments .dsq-header-avatar {
	width: 32px;
	height: 32px;
	margin: 0;
	}

html #disqus_thread #dsq-content iframe {
	overflow-y: hidden;
	overflow-x: hidden;
	}
/* @end */






/* @end */













/* @group Footer */

#fixedFooter {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 15;
	width: 100%;
	padding-top: 1px;
	background: transparent url(trans.png) repeat top left;
	}

#footer {
	padding: 15px 20px;
	color: #777;
	border-top: solid 1px #DADADA;
	background: #BBB url(bg-layout.gif) repeat-y bottom center;
	}
#footer p {
	margin-bottom: 0;
	}
#footer small {
	font-family: Georgia, 'Times New Roman', serif;	
	font-style: italic;
	}
#footer small a {
	padding: 1px 3px;
	font-style: normal;
	font-weight: bold;
	text-shadow: #FAFAFA 0 1px 0;
	color: #666;
	}
#footer small a:hover {
	color: #FFF;
	text-shadow: #000 0 1px 0;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}


.scrollLoading {
	width: 540px;
	height: 140px;
	background: transparent url(trans.png) repeat top left;
	}
.scrollLoading .loading {
	height: 140px;
	background: #000 url(loading-white.gif) no-repeat center center;
	opacity: 0.6;
	}

/* @end */











/* @group Side */

#infoTab {
	position: absolute;
	top: 102px;
	right: -4px;
	margin: 0;
	cursor: pointer;
	}
#infoTab a {
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 4px;
	border: solid 1px #222;
	border-left: none;
	background: #577 url(sprites.png) no-repeat -290px -70px;
	text-indent: -9999px;
	}
#infoTab a.hover,
#infoTab a:hover {
	background-position: -290px -100px;
	}
#infoTab a.active,
#infoTab a:active {
	width: 34px;
	margin-right: 0px;
	background-position: -290px -130px;
	}
#infoTab.opened a.active,
#infoTab.opened a:active {
	width: 26px;
	margin-right: 8px;
	background-position: -290px -160px;
	}

#descriptions {
	width: 210px;
	height: 45px;
	padding: 85px 20px 20px 20px;
	line-height: 1.2em;
	font-weight: normal;
	font-size: 0.9em;
	color: #333;
	}
#descriptions a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #000;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	}
#descriptions a:hover {
	color: #FFF;
	}
	
	
#search {
	position: relative;
	height: 31px;
	padding: 6px 18px;
	background: #355;
	border-right: solid 1px #222;
	}
#search input {
	height: 21px;
	width: 170px;
	margin: 0;
	padding: 5px 30px 5px 10px;
	background: transparent url(search.png) no-repeat 0 0;
	line-height: 21px;
	font-size: 15px;
	font-family: Georgia, 'Times News Roman', serif;
	}
#search input.defaultText {
	height: 15px;
	padding: 9px 30px 8px 10px;
	line-height: 15px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color: #AAA;
	}
#search:hover input.defaultText {
	color: #888;
	}
#search label {
	position: absolute;
	top: 6px;
	right: 23px;
	width: 30px;
	height: 30px;
	background: transparent url(search.png) no-repeat -210px 0;
	text-indent: -9999px;
	cursor: pointer;
	}
#search:hover label {
	background-position: -240px 0;
	}
#search:hover label:hover {
	background-position: -270px 0;
	}
#search:hover label.active,
#search:hover label:active {
	background-position: -300px 0;
	}

#side .section {
	padding: 20px 20px 10px 20px;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #222;
	background: transparent url(side-divider.png) no-repeat -35px 100%;
	}
#side .section h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: #233 0 1px 0;
	font-size: 1.4em;
	font-weight: normal;
	}
#side .section p {
	margin-bottom: 10px;
	}
#side .section ul {
	margin-bottom: 10px;
	color: #455;
	}
#side .section ul li a {
	display: block;
	padding: 3px 5px;
	}
#side .section ul li a:hover {
	padding: 2px 4px;
	border: solid 1px #466;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #466;
	}
#side .section ul li a:active {
	padding: 2px 4px;
	border: solid 1px #244;
	border-top-color: #022;
	border-bottom-color: #8AA;
	background-color: #355;
	}


#aboutMe {
	overflow: hidden;
	}
#aboutMe #myAvatar {
	display: block;
/*	float: right; */
	border: solid 5px #333;
/*	margin: 3px 0 5px 5px; */
	margin: 3px 0 5px 0;
	}
#aboutMe #myAvatar:hover {
	border-color: #000;
	}
#aboutMe #myAvatar:active {
	border-color: #FFF;
	}

#meta {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
#meta li {
	display: block;
	float: left;
	width: 100px;
	margin-bottom: 5px;
	}
#side .section #meta li a {
	padding-left: 27px;
	background-image: url(sprites.png);
	background-repeat: no-repeat;
	}
#metaRandom {
	background-position:  1px -277px;
	}
#metaRandom:hover {
	background-position:  -100px -277px;
	}
#metaRandom:active {
	background-position:  -200px -278px;
	}
#metaArchive {
	background-position:  1px -307px;
	}
#metaArchive:hover {
	background-position:  -100px -307px;
	}
#metaArchive:active {
	background-position:  -200px -308px;
	}
#metaPhotos {
	background-position:  1px -337px;
	}
#metaPhotos:hover {
	background-position:  -100px -337px;
	}
#metaPhotos:active {
	background-position:  -200px -338px;
	}
#metaFollow {
	background-position:  1px -367px;
	}
#metaFollow:hover {
	background-position:  -100px -367px;
	}
#metaFollow:active {
	background-position:  -200px -368px;
	}
#metaRSS {
	background-position:  1px -397px;
	}
#metaRSS:hover {
	background-position:  -100px -397px;
	}
#metaRSS:active {
	background-position:  -200px -398px;
	}



#whiteknot a {
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999px;
	background: transparent url(whiteknot.png) no-repeat center center;
	}

/* @end */