/*  
Theme Name: Arthemia
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Theme modification, March 2009 by etherea / liquidskydesign.org
*/

* { margin:0; padding:0; }
body { font: 100% Verdana, Arial, Helvetica; background: #f5f4f4; background-image: url(/top/bggrey.jpg); background-repeat: no-repeat; color: #333; }
/* 
<!--/wp-content/themes/arthemia/images/lsdbg.jpg-->
*/
p { margin: 15px 0; }
a:link, a:visited { color: #3c78a7; text-decoration:none }
a:hover, a:active { color: #3c78a7; text-decoration:none; }
a img { border:0; }
a.miles:link { color: #3c78a7; text-decoration:none; }
a.miles:active { color: #3c78a7; text-decoration:none; }
a.miles:visited { color: #3c78a7; text-decoration:none; }
a.miles:hover { color: #3c78a7; text-decoration:none; background: #FFECF5; }
a[href^="mailto:"] { background: url(/top/email.png) no-repeat right center; padding-right:20px; }
code { font: 1.0em 'Courier New', Courier, Fixed; background:#ececec; }	
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; }			
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { padding: 10px 10px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; font:1.0em Tahoma, Geneva, sans-serif; line-height:1.5em; margin:10px 0px; }
select { width: 130px; }	
ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}
ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;}
ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
ol.related-posts li{font-size:12px;}
#head { width:960px; margin:0px auto; margin-top:15px; padding:0px; font-size:0.7em; }
#page { width:940px; margin:0px auto; padding:10px; background:#ececec; font-size:0.7em; }
.left, .alignleft { float:left; }
.right, .alignright { float:right; }
#navbar { margin:0 auto; margin-top:15px; padding:0px 10px; text-transform:none; background:#2c2c2c url(images/navbar.png); }
#page-bar { width:722px; }
#page-bar ul { list-style: none; }
#page-bar li { float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #333; }
#page-bar li:hover { background: #ef94ba; }
#page-bar a, #page-bar a:visited { margin: 0px; padding:10px 16px; font-weight:bold; color:#FFF; display:block; }
#page-bar a:hover { text-decoration:none; display:block; }
#searchform { width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px; }
#page-bar li { float: left; margin: 0px; padding: 0px; }
#page-bar li li { float: left; margin: 0px; padding: 0px; width: 122px; text-transform:none; }
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { background: #2B2B2B; width: 122px; float: none; 	margin: 0px; padding: 5px 10px 5px 18px; border-top: 1px solid #C0C0C0; }
#page-bar li li a:hover, #page-bar li li a:active { background: #c4bec0; padding: 5px 10px 5px 18px; }
#page-bar li ul { position: absolute; width: 10em; left: -999em; }
#page-bar li:hover ul { left: auto; display: block; }
#page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; }
h1 { font:3.5em Georgia, Verdana, Geneva, sans-serif; font-weight:bold; letter-spacing:-0.08em; }
h2 { font:2.3em Georgia, Verdana, Geneva, sans-serif; }
h3 { font:1.3em Georgia, Verdana, Geneva, sans-serif; margin-bottom:3px; color:#3c78a7; font-weight:bold; }
h4 { font:1.0em Georgia, Verdana, Geneva, sans-serif; }
h3.cat_title, h3.cat_title a { color:#333; letter-spacing:-0.05em; font-size:0.85em; }
h3#respond { margin-top:0px; padding-top:20px; }
h3#comments { margin-top:32px; padding-left:0px; }
h3.authors { margin-top:15px; }
#logo { width:350px; }
#tagline { margin-top:5px; font-size:1em; color:#333; }
#top { padding:0; }
#headline { width:590px; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; }
#headline  div.title { font-weight:bold; font:2.4em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px; }
#headline div.meta { display:block; margin-top:-5px; padding-bottom:2px; }
#headline p { padding-bottom:15px; }
#featured { width:300px; background:#fff; float:right; padding:10px 10px 9px 10px; }
#featured .clearfloat { margin-top:7px; margin-bottom:8px; }
#featured .info { margin-top:5px; padding-top:5px; float:right; width:180px; }
#featured .title { font-weight:bold; }
#headline a img, #featured a img { border:1px solid #ccc; margin-top:5px; margin-right:10px; padding:2px; }
#middle { width: 920px; background:#fff; float:right; padding:10px; margin:10px 0; }
.category { width:164px; float:left; border-top:8px solid #333; margin:0px; padding:5px 10px 10px 10px; background:#fff; }
.category p { margin:0; }
#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title { text-transform:lowercase; 	margin:0; font-weight:bold; font-size:1.5em; letter-spacing:-0.05em; }
#front-popular h3 { color:#fff; }
.category a { color:#333; display:block; background:none; }
.category a:hover { background:none; color:#fff; text-decoration:none; }
#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }
#bottom { width: 940px; }
#front-list { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; }
#nate {	width:591px; height:338px; background-image: url(/wp-content/themes/arthemia/images/slide/daft.jpg); }
#rot { width:591px; height:338px; }
#archive { padding-top:15px; font-size:1.05em; line-height:1.75em; }
#front-list blockquote { padding: 0px 10px 0 10px; }
#front-list .title, #archive .title { font-weight:bold; font:2.0em Georgia; letter-spacing:-0.05em; }
#front-list .clearfloat, #archive .clearfloat { padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:10px; }
#front-list .spoiler, #archive .spoiler { display:block; margin-top:3px; }
#front-list p, #archive p { margin:0px; padding:0px; }
.author { font-size:0.8em; font-weight:bold; }
.meta { font-size:0.8em; color:#333; }
.meta a { color:#333; }
#headline p, #featured p { margin:0; }
#content { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px; }
#content .breadcrumbs, #content .breadcrumbs a { font-weight:bold; color:#333; }
#content h2.title { font:2.2em Georgia; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0px; }
.post { font-size:1.05em; line-height:1.75em; }
.post p { margin-top:0px; }
.post .clearfloat { border-bottom:1px dotted #ccc; margin:10px 0px; }
.post ul, .post ol, #front-list ul, #front-list ol { margin-bottom:15px; }
.post ul li, #front-list ul li { list-style:square; margin-left:30px; }
.post ol li, #front-list ol li { list-style:decimal; margin-left:30px; }
.post ol li ul li, #front-list ol li ul li { list-style:square; margin-left:20px; }
#front-list img, #archive img { border:1px solid #ccc; margin:0 10px 5px 0; padding:2px; }
.post .ads { margin-top:10px; }
.entry { margin-top:20px; }
#stats { margin-top:0px; padding:4px 0px; font:0.8em Verdana; display:block; }
#tweetme { color:#1e8abb; }
#stats span { padding: 0px 20px 0px 0px; }
#stats span a:hover { background:none; }
#stats span a { color:#333; }
#stats img, #nav img { border:0px; margin:0px; padding:0px; }
#tools { width:590px; height:25px; font-size:0.95em; }
#tools a:hover { background:none; }
.navigation { padding:5px 0px; text-align:Center; }
#sidebar { width:320px; float:right; margin:0px 0px 0px 0px; }
#sidebar h3 { font:1.1em Georgia, Verdana, Geneva, sans-serif; font-weight:bold; background:#333; color:#fff; margin:10px 0px 5px 0px; padding:3px 10px; }
#sidebar-top, #sidebar-bottom { width:300px; float:right; padding:0px 10px 10px 10px; background:#fff; }
#sidebar-bottom, #sidebar-middle { margin-top:10px; }
#sidebar-middle { width:320px; float:right; }
#sidebar-left { width:135px; padding:0px 10px 10px 10px; float:left; background:#fff; }
#sidebar-right { width:135px; padding:0px 10px 10px 10px; float:right; background:#fff; }
#sidebar li { list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0px 2px 13px; }
#sidebar li ul li:last-child{ list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px;	}
#sidebar-ads { width:300px; float:right; margin-bottom:10px; padding:10px; background:#fff; }
select { border:1px solid #333; width:100% }
.field { padding: 2px; border:1px solid #333; background:#fff; font-size:1.0em; }
#s { padding:1px; font-size:1.0em; width:150px; }
#searchsubmit { padding-left:5px; }
#commentform input { width: 140px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 99%; margin-top:5px; }
.commentlist cite { font-style:normal; margin-bottom:4px; display:block; }	
.commentlist blockquote { background:#ededed; }
.commentlist li { padding: 10px 0px 10px 0px; list-style:none; margin-bottom:3px; }
.commentlist li li { background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0; }
.commenttext { padding: 10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; width:495px; float:right; }
.commentlist cite strong { font-size:1.1em; }
li.my_comment { background: #FFF; border:none; }
li.my_comment cite strong { font-size: 1.3em; color:#313228; }
#commentform small { background:#FFF; font-weight:bold; padding:0; }
.commentmetadata { color:#4d4d4d; display: block; margin-top:3px; text-align:right; font-size:0.9em; }
.commentmetadata a, .commentmetadata a:visited { color:#959382; }
.commentlist small { background:#e9e9e9; }
.avatar { border:1px solid #bbb; margin:0px 10px 0px 0px; float:left; padding:2px; width:55px; height:55px; }	
#comment { width:590px; background:#fff; }
#front-popular { font-size:0.7em; color:#fff; width: 940px; background:#2c2c2c url(images/bottombar.png) bottom no-repeat; margin: 0 auto; padding:10px; }
#recentpost, #mostcommented { width:280px; float:left; padding:10px; border:1px solid #fff; }
#mostcommented { margin-left:17px; }
#recent_comments { width:280px; float:right; padding:10px; border:1px solid #fff; }
#recentpost a, #mostcommented a, #recent_comments a { color:#fff; }
#recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; }
#recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style:none; border-top:1px dotted #fff; padding:5px; display:block; }
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background:#3c78a7; color:#fff; }
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { border-top:0px dotted #fff; }
#footer { margin: 0 auto; width: 960px; font-size:0.6em; padding-top:10px; padding-bottom:10px; font-family:Verdana, Geneva, sans-serif; }
.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfloat { display: inline-block; }
* html .clearfloat { height:1%; }
*+html .clearfloat { height:1%; }
.clearfloat { display:block; }
a.rollover { display: block; width: 590px; height: 335px; text-decoration: none; background: url("/wp-content/themes/arthemia/images/slide/lsd0.jpg"); }
a.rollover:hover { background-position: -150px 0; }
.displace { position: absolute; left: -5000px; }
.popular { clear: both; float: none; margin: 10px 0; width: 300px; }
.popular ul, .popular ul li { margin: 0; padding: 0; font-size: 12px; }
.popular ul li { margin: 4px 0; padding-left: 20px; }
.popular h2 { border: 0; border-bottom: 1px solid #aaa; font-size: 22px; font-weight: normal; font-family:  Helvetica,Georgia,serif; margin: 0 0 15px; padding: 0 0 5px; }
#deviantart { display: block; width: 300px; height: 250px; background: url("http://www.liquidskydesign.org/top/deviantART.gif") no-repeat 0 0; }
#deviantart:hover { background-position: 0 -250px; }
#deviantart span { display: none; }
#japan { display: block; width: 468px; height: 106px; background: url("http://www.liquidskydesign.org/top/japan.gif") no-repeat 0 0; }
#japan:hover { background-position: 0 -106px; }
#japan span { display: none; }
#freeds { display: block; width: 300px; height: 142px; background: url("http://www.liquidskydesign.org/top/feed.png") no-repeat 0 0; }
#freeds:hover { background-position: 0 -142px; }
#freeds span { display: none; }
#cip { display: block; width: 292px; height: 69px; background: url("http://www.liquidskydesign.org/top/cips.png") no-repeat 0 0; }
#cip:hover { background-position: 0 -69px; }
#cip span { display: none; }
#awareness { display: block; width: 300px; height: 250px; background: url("http://www.liquidskydesign.org/top/FuckCancerAwareness2.jpg") no-repeat 0 0; }
#awareness:hover { background-position: 0 -250px; }
#awareness span { display: none; }
p.pink a:link { color: #df5b76; }
p.pink a:visited { color: #df5b76; }
p.pink a:hover { color: #df5b76; }
p.pink a:active { color: #df5b76; }
#cipx { display: block; width: 292px; height: 80px; background: url("http://www.liquidskydesign.org/xmas/XmasCips.png") no-repeat 0 0; }
#cipx:hover { background-position: 0 -80px; }
#cipx span { display: none; }
#lizard { display: block; width: 292px; height: 80px; background: url("http://www.liquidskydesign.org/top/lizard.jpg") no-repeat 0 0; }
#lizard:hover { background-position: 0 -80px; }
#lizard span { display: none; }
#oscarpeterson { display: block; width: 260px; height: 60px; background: url("http://www.liquidskydesign.org/top/GraphikDesign.jpg") no-repeat 0 0; }
#oscarpeterson:hover { background-position: 0 -60px; }
#oscarpeterson span { display: none; }
#thelonius { display: block; width: 260px; height: 60px; background: url("http://www.liquidskydesign.org/top/ItalianWebDesign.jpg") no-repeat 0 0; }
#thelonius:hover { background-position: 0 -60px; }
#thelonius span { display: none; }
#marsalis { display: block; width: 260px; height: 60px; background: url("http://www.liquidskydesign.org/top/mascaradesign.jpg") no-repeat 0 0; }
#marsalis:hover { background-position: 0 -60px; }
#marsalis span { display: none; }
#abercrombie { display: block; width: 260px; height: 60px; background: url("http://www.liquidskydesign.org/top/JackalStudio.jpg") no-repeat 0 0; }
#abercrombie:hover { background-position: 0 -60px; }
#abercrombie span { display: none; }
#jaco { display: block; width: 260px; height: 60px; background: url("http://www.liquidskydesign.org/top/YourInspirationWeb.jpg") no-repeat 0 0; }
#jaco:hover { background-position: 0 -60px; }
#jaco span { display: none; }