/*  
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
*/

/* HTML Elements */
* { 
margin : 0; 
padding : 0; 
} 
body { 
font : 100% Arial, Helvetica; 
background-image : url(images/background.jpg); 
background-repeat : no-repeat; 
color : #333; 
} 
p { 
margin : 15px 0; 
} 
a:link, a:visited { 
color : #50ab50; 
text-decoration : none; 
} 
a:hover, a:active { 
color : #50ab50; 
text-decoration : underline; 
} 
a img { 
border : 0; 
} 
code { 
font : 1em 'Courier New', Courier, Fixed; 
background : #ececec; 
} 
acronym, abbr, span.caps { 
font-size : 2em; 
letter-spacing : 0.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 : 1em Arial; 
line-height : 1.5em; 
margin : 10px 0; 
} 
select { 
width : 130px; 
} 
#head { 
width : 960px; 
margin : 0 auto; 
margin-top : 15px; 
padding : 0; 
font-size : 0.7em; 
} 
#page { 
width : 940px; 
margin : 0 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 : 0 10px; 
text-transform : uppercase; 
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 : #ff99cc; 
} 
#page-bar a, #page-bar a:visited { 
margin : 0; 
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 : 0; 
padding : 0; 
} 
#page-bar li li { 
float : left; 
margin : 0; 
padding : 0; 
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 : 0; 
padding : 5px 10px 5px 18px; 
border-top : 1px solid #c0c0c0; 
} 
#page-bar li li a:hover, #page-bar li li a:active { 
background : #666666; 
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 Arial; 
font-weight : bold; 
letter-spacing : -0.08em; 
} 
h2 { 
font : 2.3em Georgia, "Times New Roman"; 
} 
h3 { 
font : 1.3em Arial; 
margin-bottom : 3px; 
color : #50ab50; 
font-weight : bold; 
} 
h4 { 
font : 1em Arial; 
} 
h3.cat_title, h3.cat_title a { 
color : #333; 
letter-spacing : -0.05em; 
font-size : 0.85em; 
} 
h3#respond { 
margin-top : 0; 
padding-top : 20px; 
} 
h3#comments { 
margin-top : 32px; 
padding-left : 0; 
} 
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; 
word-wrap: break-word;
white-space: normal;
} 
#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 : 0; 
padding : 5px 10px 10px 10px; 
background : #fff; 
white-space: normal;
} 
.category p { 
margin : 0; 
} 
#cat-1, #cat-3, #cat-5 { 
border-top : 8px solid #333333; 
} 
#cat-2, #cat-4 { 
border-top : 8px solid #ff99cc; 
} 
.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 : #ff99cc; 
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 : #ff99cc; 
color : #fff; 
} 
#bottom { 
width : 940px; 
} 
#front-list { 
width : 590px; 
background : #fff; 
padding : 10px; 
font-size : 1.05em; 
line-height : 1.75em; 
float : left; 
white-space: normal;

} 
#archive { 
padding-top : 15px; 
font-size : 1.05em; 
line-height : 1.75em; 
} 
#front-list blockquote { 
padding : 0 10px 0 10px; 
} 
#front-list .title, #archive .title { 
font-weight : bold; 
font : 2em 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;
word-wrap:break-word;
} 
#front-list p, #archive p { 
margin : 0; 
padding : 0; 
} 
.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; 
white-space: normal;
} 
#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 0; 
} 
.post { 
font-size : 1.05em; 
line-height : 1.75em;
word-wrap: break-word; 
} 
.post p { 
margin-top : 0; 
} 
.post .clearfloat { 
border-bottom : 1px dotted #ccc; 
margin : 10px 0; 
} 
.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; 
} 
.post img, .post a img, #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 : 0; 
padding : 4px 0; 
text-transform : uppercase; 
font : 0.8em Arial; 
display : block; 
} 
#stats span { 
padding : 0 20px 0 0; 
} 
#stats span a:hover { 
background : none; 
} 
#stats span a { 
color : #333; 
} 
#stats img, #nav img { 
border : 0; 
margin : 0; 
padding : 0; 
} 
#tools { 
width : 590px; 
height : 25px; 
font-size : 0.95em; 
} 
#tools a:hover { 
background : none; 
} 
.navigation { 
padding : 5px 0; 
text-align : center; 
} 
#sidebar { 
width : 320px; 
float : right; 
margin : 0 0 0 0; 
} 
#sidebar h3 { 
font : 1.1em Arial; 
font-weight : bold; 
background : #333; 
color : #fff; 
margin : 10px 0 5px 0; 
padding : 3px 10px; 
} 
#sidebar-top, #sidebar-bottom { 
width : 300px; 
float : right; 
padding : 0 10px 10px 10px; 
background : #fff; 
white-space: normal;
} 
#sidebar-bottom, #sidebar-middle { 
margin-top : 10px; 
} 
#sidebar-middle { 
width : 320px; 
float : right; 
} 
#sidebar-left { 
width : 135px; 
padding : 0 10px 10px 10px; 
float : left; 
background : #fff; 
} 
#sidebar-right { 
width : 135px; 
padding : 0 10px 10px 10px; 
float : right; 
background : #fff; 
} 
#sidebar li { 
list-style : none; 
border-bottom : 1px dotted #ccc; 
display : block; 
padding : 2px 0 2px 13px; 
background : url(images/sub.png) no-repeat 0% 0; 
} 
#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 : 1em; 
} 
#s { 
padding : 1px; 
font-size : 1em; 
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 0 10px 0; 
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 0 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 : 0 10px 0 0; 
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) no-repeat bottom; 
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 : #ff99cc; 
color : #fff; 
} 
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { 
border-top : 0 dotted #fff; 
} 
#footer { 
margin : 0 auto; 
width : 960px; 
font-size : 0.6em; 
padding-top : 10px; 
padding-bottom : 10px; 
} 
.clearfloat:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
* html .clearfloat { 
height : 1%; 
} 
.clearfloat { 
display : block; 
} 
div.wpcf7 { 
margin : 0; 
padding : 0; 
} 
div.wpcf7-response-output { 
margin : 2em 0.5em 1em; 
padding : 0.2em 1em; 
} 
div.wpcf7-mail-sent-ok { 
border : 2px solid #398f14; 
} 
div.wpcf7-mail-sent-ng { 
border : 2px solid #ff0000; 
} 
div.wpcf7-spam-blocked { 
border : 2px solid #ffa500; 
} 
div.wpcf7-validation-errors { 
border : 2px solid #f7e700; 
} 
span.wpcf7-form-control-wrap { 
position : relative; 
} 
span.wpcf7-not-valid-tip { 
position : absolute; 
top : 20%; 
left : 20%; 
z-index : 100; 
background : #fff; 
border : 1px solid #ff0000; 
font-size : 10pt; 
width : 280px; 
padding : 2px; 
} 
span.wpcf7-not-valid-tip-no-ajax { 
color : #f00; 
font-size : 10pt; 
display : block; 
} 
span.wpcf7-list-item { 
margin-left : 0.5em; 
} 
.wpcf7-display-none { 
display : none; 
} 
img.ajax-loader { 
border : none; 
vertical-align : middle; 
} 
.wp-pagenavi a, .wp-pagenavi a:link { 
padding : 2px 4px 2px 4px; 
margin : 2px; 
text-decoration : none; 
border : 1px solid #66cc66; 
color : #66cc66; 
background-color : #ffffff; 
} 
.wp-pagenavi a:visited { 
padding : 2px 4px 2px 4px; 
margin : 2px; 
text-decoration : none; 
border : 1px solid #66cc66; 
color : #66cc66; 
background-color : #ffffff; 
} 
.wp-pagenavi a:hover { 
border : 1px solid #303030; 
color : #303030; 
background-color : #ffffff; 
} 
.wp-pagenavi a:active { 
padding : 2px 4px 2px 4px; 
margin : 2px; 
text-decoration : none; 
border : 1px solid #3c78a7; 
color : #3c78a7; 
background-color : #ffffff; 
} 
.wp-pagenavi span.pages { 
padding : 2px 4px 2px 4px; 
margin : 2px 2px 2px 2px; 
color : #303030; 
border : 1px solid #303030; 
background-color : #ffffff; 
} 
.wp-pagenavi span.current { 
padding : 2px 4px 2px 4px; 
margin : 2px; 
font-weight : bold; 
border : 1px solid #303030; 
color : #303030; 
background-color : #ffffff; 
} 
.wp-pagenavi span.extend { 
padding : 2px 4px 2px 4px; 
margin : 2px; 
border : 1px solid #303030; 
color : #303030; 
background-color : #ffffff; 
} 
.recentcomments a { 
display : inline !important ; 
padding : 0 !important ; 
margin : 0 !important ; 
}