/* layout */
#container { margin:12px 212px 0px 100px; }
	#sidebar { position:absolute; right:12px; width:200px; z-index:1; }
		#logo { margin-top:96px; margin-bottom:100px; }
	#tags { clear:both; padding-bottom:96px; }
	#content { margin-top:96px; clear:both; }
	#footer { clear:both; font:11px Verdana, Arial, sans-serif; display:none; }

/* common stuff */
body { font:16px Helvetica, Arial, sans-serif; }	
a { color:#000; text-decoration:underline; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#00f; text-decoration:none; }
a:active { color:#fff; }

/* sidebar */
#sidebar_info { font:11px Verdana, Arial, sans-serif; margin-top:1em; }
	#sidebar_info p { margin-bottom:1em; }
#websites { margin-top:20px; font:11px Verdana; }
p.blog-header { margin-bottom:20px; padding-right:40px; }

/* tags */
#website_tags { font:11px Verdana, Arial, sans-serif; margin-bottom:1em; }
#tags li { float:left; }
#tags a { width:200px; height:21px; display:block; overflow:hidden; }
	#tags li a:hover { color:#000; text-decoration:none; }
	#tags li a:active { color:#00F; }
	#tags li.more a span { display:none; }
	#tags li.more a:hover { color:#00f; }
	#tags li.more a:active { color:#fff; }
#tags li span { display:none; color:#00f; }
#tags li:hover span { display:inline; }

a.utterleast { color:#ddd; }
a.least { 	color:#ccc; }
a.less { 	color:#aaa; }
a.normal { 	color:#888; }
a.abitmore { color:#666;}
a.more { 	color:#444; }
a.most { 	color:#222; }
a.uttermost { color:#111; }

a.current { color:#00f; }
#tags li a.current span { /*border-bottom:2px solid #000;*/ display:inline; }
#tags li a.current:hover { color:#f00; }
#tags li a.current:hover span { border:0; background:url(images/lineover.gif) 0px -1px repeat-x; }

/* content */
.thumbs_vertical li { width:160px; height:160px; float:left; margin:0 40px 40px 0; text-align:center; }
.thumbs_vertical li img { /*max-width:160px; max-height:160px;*/ }
.thumbs_horizontal li { float:left; height:320px; margin:0 20px 40px 0; }

/* more */
ul.more {}
.more li.letter { width:200px; float:left; margin-bottom:42px; }
.more .letter h3 { text-transform:uppercase; height:18px; font-weight:normal; padding-left:20px; }
.more .letter li { width:200px; font:11px Verdana, Arial; line-height:18px; }
.more .letter li a { color:#000; }

/* article */
.mmx-article { width:560px; margin-right:40px; float:none; margin-bottom:60px; }
.mmx-article h2 { font-weight:normal; margin-bottom:40px; }
.mmx-article h2 span { border-bottom:2px solid #000; }
.mmx-article p, .mmx-article object { display:block; margin-bottom:12px; }
.mmx-article img { display:block; margin-bottom:12px; padding-top:24px; }
.mmx-article p { /*font:11px Verdana, sans-serif;*/ font:14px Helvetica, Arial, sans-serif; line-height:19px; width:420px; }
.mmx-article p.caption { font:11px Verdana, sans-serif; line-height:15px; padding-bottom:15px;}

.image {}
.image img { margin-right:100px;  }
.image p { font:11px Verdana, sans-serif; margin-bottom:40px; }
.similar-shizzle { float:left; /*width:400px;*/ }
img.mnemo { margin-bottom:20px; display:block; float:left; }

/* similar */
/*div.similar { width:160px; height:160px; margin:0 40px 40px 0; text-align:center; display:block; }*/
/*div.similarsmall { width:60px; height:60px; margin:0 40px 40px 0; text-align:center; display:block; }*/
div.similar-large { width:200px; height:600px; float:left; margin:0 40px 40px 0; }
div.similar-small { width:100px; height:500px; float:left; }
div.similar-large h4, div.similar-small h4 { font:11px Verdana; margin-bottom:20px; font-weight:normal; }

.similar-large li { width:160px; height:160px; margin:0 40px 40px 0; text-align:center; display:block; }
.similar-small li { width:60px; height:60px; margin:0 40px 40px 0; text-align:center; display:block; }

/* calendar */
#calendar { margin-bottom:100px; }
#calendar h4 { font-weight:normal; margin:2em 0; font:11px Verdana, sans-serif; }
#calendar p { font:11px Verdana, sans-serif; }
#calendar li { margin-bottom:25px; }
#calendar p.title { font:16px Helvetica, Arial, sans-serif; margin:5px 60px 10px 0; }
#calendar p.date { margin-bottom:.3em; /*color:#f0c;*/ color:#00f; }
#calendar p.text a { color:#000; border-bottom:1px solid #000; }
#calendar p.text { margin-right:20px; }
#content #calendar { width:560px; }
#content #calendar li { background:#fef; background:#ff9; padding:10px 10px 20px; }
#content #calendar p.date { color:#000; }
