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

*/ 


* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
background: #756C6C;
color: #000;
}

p {
margin: 15px 0;
}

a:link,a:visited {
color: #296391;
text-decoration:none;
}

a:hover,a:active {
color: #3c78a7;
text-decoration: underline;
}

a img {
border: 0;
}

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 Arial;
line-height: 1.5em;
margin: 10px 0px;
}

select {
width: 130px;
}

/* Structure */
#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;
}

/* Navigation Bar*/
#navbar {
margin: 0 auto;
margin-top: 15px;
padding: 0px 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: #3c78a7;
}

#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: 7px;
margin-right: 10px;
}

/* Dropdown Menus */
#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: #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;
}

/* Text*/

h3 {
font: 1.3em Arial;
margin-bottom: 3px;
color: #3c78a7;
font-weight: bold;
}

h4 {
font: 1.0em Arial;
}

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;
}

/* Index Page*/

#logo {
width: 350px;
padding:0 0 0 10px;
}

#logo a:link, #logo a:visited {
color:#fff;
text-decoration:none;
font-size:40px;
font-family: Times New Roman, Verdana, Arial, Sans-Serif;
}

#tagline {
margin-top: 5px;
font-size: 1em;
color: #000;
padding-left:7px
}

#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;
}

#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: 580px;
background: #fff;
padding: 10px 15px 10px 14px;
font-size: 1.05em;
line-height: 1.75em;
float: left;
}

#archive {
padding-top: 15px;
font-size: 1.05em;
line-height: 1.75em;
}

#front-list blockquote {
padding: 0px 10px 0 10px;
}

#front-list .clearfloat,#archive .clearfloat {
padding-bottom: 00px;
border-bottom: 1px dotted #ccc;
margin-bottom: 20px;
}

#front-list .spoiler,#archive .spoiler {
display: block;
margin-top: 3px;
}

.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 Page*/
#content {
width: 580px;
background: #fff;
padding: 10px 15px 10px 14px;
font-size: 1.05em;
line-height: 1.75em;
float: left;
min-height: 400px;
}

#content .breadcrumbs,#content .breadcrumbs a {
font-weight: bold;
color: #333;
}

h2.title {
font-size:23px;
font-weight:normal;
border-bottom: 1px solid #9C9C9C;
padding:0 0 8px 0;
margin:0 0 0px 0;
}

h1.title {
font-family: Times New Roman, Verdana, Arial, Sans-Serif;
font-size: 37px;
font-weight: normal;
color: #242121;
padding: 5px 0px;
border-bottom: 1px solid #C0C0C0;
line-height:39px;
text-align:left;
letter-spacing: -0.03em;
}

.clearfloat h1.title {
padding-top:0;
}

h1.title a:link, h1.title a:visited {
color:#124064;

}

h1.title a:hover {
text-decoration:none;
color:#000
}

.post, .spoiler {
font-size:13px;
line-height:23px;
}

.post h2, .spoiler h2 {
font-family: Times New Roman, Verdana, Arial, Sans-Serif;
font-size:26px;
font-weight: normal;
margin-bottom:11px;
line-height:30px;
}

.post p {
margin-top: 0px;
}

.spoiler 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;
}

.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 {
line-height:23px;
margin-top: 0px;
padding: 0 0 0 4px;
text-transform: uppercase;
font-size:10px;
display: block;
}

#stats span {
padding: 0 30px 0 0;
}

#stats span a:hover {
background: none;
}

#stats span a {
color: #000;
}

#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*/
#sidebar {
width: 320px;
float: right;
margin: 0px 0px 0px 0px;
}

#sidebar h3 {
font: 1.1em Arial;
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: 5px 0px 6px 13px;
background: url(images/sub.png) no-repeat 0 5px;
}

#sidebar li ul li:last-child {
list-style: none;
border-bottom: 0px dotted #ccc;
display: block;
padding: 2px 0px 0px 13px;
background: url(images/sub.png) no-repeat 0 0px;
}

#sidebar-ads {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 10px;
background: #fff;
}

/* Form Elements */
select {
border: 1px solid #333;
width: 100%
}

.field {
padding: 2px;
border: 1px solid #333;
background: #fff;
font-size: 1.0em;
}

#s {
padding:3px 4px;
font-size:11px;
width: 150px;
border:1px solid #000
}

#searchsubmit {
padding-left: 5px;
}

#commentform input {
width: 140px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 99%;
margin-top: 5px;
}

/* Comments*/
.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: 485px;
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;
}

/* Footer*/
#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 {
color:#fff;
margin: 0 auto;
text-align:center;
width: 960px;
font-size: 0.6em;
padding-top: 10px;
padding-bottom: 10px;
}

#footer a:link, #footer a:visited {
color: #fff;
text-decoration:none;
}

/* Float Properties*/
.clearfloat:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfloat {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat {
height: 1%;
}

*+html .clearfloat {
height: 1%;
}

.clearfloat {
display: block;
}

img#wpstats{display:none}


.feed_flag {
background:url("images/flag.png") no-repeat scroll 2px 0 transparent;
border-color:-moz-use-text-color #C3C3C3 -moz-use-text-color -moz-use-text-color;
border-style:none solid none none;
border-width:0 1px 0 0;
cursor:pointer;
display:block;
float:left;
height:84px;
margin-right:10px;
margin-top:10px;
width:60px;
}