/*
Theme Name: Arthemia Theme
URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Version: 1.0
Author: Michael Jubel Hutagalung
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:#FFF;
color:#333;
position:relative
}
p{margin:15px 0}
a:link,a:visited{color:#3c78a7;text-decoration:none}
a:hover,a:active{color:#3c78a7;text-decoration:underline}
a img{border:0}
acronym,abbr,span.caps{
font-size:0.9em;
letter-spacing:.07em;
cursor:help
}
acronym,abbr{border-bottom:1px dashed #999}
#content 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;padding:2px 5px 2px 2px}
.right,.alignright{
float:right;
padding-left:2px 2px 2px 5px
}
.center,.aligncenter{
display:block;
margin:0 auto;
text-align:center;
padding:2px 5px
}
/* Navigation Bar*/
#navbar{
margin:0 auto;
margin-top:15px;
padding:0px 10px;
text-transform:uppercase;
background:#2c2c2c
}
#page-bar{width:722px;height:}
#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:8px;
margin-right:10px
}
#cse-search-box{
float:right;
text-align:right;
padding-top:8px;
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*/
h1{
font:3.5em Arial;
font-weight:bold;
letter-spacing:-0.08em
}
h2{
font:2.3em "Palatino Linotype",Georgia,"Times New Roman",serif
}
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}
#tagline{margin-top:5px;font-size:1.5em;color:#333}
#socialmedia a:link,#socialmedia a:visited,#socialmedia a:active{
color:#FF8C00;
font:bold 1.5em arial,verdana,sans-serif;
word-spacing:300px
}
#socialmedia a:hover{text-decoration:underline}
#socialmedia p{font-size:1.5em}
#top{padding:0}
#headline{
width:590px;
height:225px;
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 "Palatino Linotype",Georgia,serif;
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:4px;margin-bottom:5px}
#featured.info
{
padding:7px 0;
float:right;
width:300px
}
.title{font-size:1.5em}
#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:600px;
background:#fff;
padding:10px;
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.title,#archive.title{
font-weight:bold;
font:2.0em "Palatino Linotype",Georgia,serif;
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 Page*/
#content{
width:590px;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.75em;
float:right;
min-height:400px
}
#content.breadcrumbs,#content.breadcrumbs a{
font-weight:bold;
color:#333
}
#content h2.title{
font:2.2em "Palatino Linotype",Georgia,serif;
font-weight:bold;
letter-spacing:-0.05em;
border-bottom:1px solid #ddd;
border-top:3px solid #ddd;
padding:5px 0px
}
.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
}
.post img,.post a img{
border:1px solid #ccc;
margin:0 5px 10px 0px;
padding:2px
}
.wp-caption{
background:#ececec;
text-align:center;
font-style:italic
}
.wp-caption img,.wp-caption a img{margin:5px 7px 5px 7px}
.post .ads{margin-top:10px}
.entry{margin-top:20px}
#stats{
margin-top:0px;
padding:4px 0px;
text-transform:uppercase;
font:0.8em Arial;
display:block
}
#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 img a:hover{background:#cccccc}
.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;
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;
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;
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: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
}
/* 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: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}
/* Footer*/
#front-popular{
font-size:0.7em;
color:#fff;
width:940px;
background:#2c2c2c;
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
}
#footer img{vertical-align:text-top}
#footer p{vertical-align:text-top}
/* Float Properties*/
.clearfloat:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfloat {display:inline-block;padding:10px 0;margin-top:5px;}
/* Hides from IE-mac \*/*html .clearfloat {height:1%;}*+html .clearfloat {height:1%;}.clearfloat {display:block;}*/
.randy-esl em{
color:#8A2BE2;
font-style:normal;
font-weight:bold
}
.randy-esl strong{color:#FF0000}
.randy-esl img a:link{border:2px ridge #FF0000}
.randy-esl h3{color:#000000;text-align:center}
.hidden{display:none}
.unhidden{display:block}
.clear{
/* generic container (i.e. div) for floating buttons */
overflow:hidden;
width:100%
}
a.button{
background:transparent url('http://www.englishadvantage.info/wp-content/uploads/bg_button_a.gif') no-repeat scroll top right;
color:#444;
display:block;
float:left;
font:normal 12px arial,sans-serif;
height:24px;
margin-right:6px;
padding-right:18px;
/* sliding doors padding */
text-decoration:none
}
a.button span{
background:transparent url('http://www.englishadvantage.info/wp-content/uploads/bg_button_span.gif') no-repeat;
display:block;
line-height:14px;
padding:5px 0 5px 18px
}
a.button:active{
background-position:bottom right;
color:#000;
outline:none/* hide dotted outline in Firefox */
}
a.button:active span{
background-position:bottom left;
padding:6px 0 4px 18px
/* push text down 1px */
}