/*  
Theme Name:Arthemia
Theme URI:http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description:Modified Theme for Gourmantic
Version:1.0
Author:Michael Jubel Hutagalung 
Author URI:http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
*/

/*HTML ELEMENTS*/
*{margin:0; padding:0}

body{font:100% Arial,Helvetica; background:#FFF; color:#333}
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}
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:10px; /* GG changed from 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:0px; /* GG was 15 */padding:0px 10px; background:#3c78a7 url(images/navbar.png); /* GG was #2c2c2c */}

.menu-header{width:722px;  text-transform:uppercase}
.menu-header ul{list-style:none}
.menu-header li{float:left; list-style:none; cursor:pointer; display:block; border-right:1px solid #3c78a7; /* GG was #333 */}
.menu-header li:hover{background:#3c78a7}
/*GG dropdown menu behind gallery*/
.menu-header li li{float:left; margin:0; padding:0; text-transform:none; width:122px; position:relative; z-index:10}
.menu-header a, #page-bar a:visited{margin:0px; padding:10px 10px; /*GG was 10 10*/font-weight:bold; color:#FFF; display:block}
.menu-header a:hover{text-decoration:none; display:block}

/*SEARCH FORM*/
/*GG searchform hidden add cse search box*/
/*#searchform{width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px}
*/
#cse-search-box{/*width:194px; gg 194*/float:right; text-align:right; padding-top:8px; margin-right:10px}

/*DROPDOWN MENUS*/
.menu-header li{float:left; margin:0px; padding:0px}
.menu-header li li{float:left; margin:0px; padding:0px; width:122px; text-transform:none}
.menu-header li li a, #page-bar li li a:link, #page-bar li li a:visited{background:#3c78a7;  /* GG was #2B2B2B */ width:120px; float:none; margin:0px; padding:5px 10px 5px 10px; border-top:1px solid #C0C0C0}
.menu-header li li a:hover, #page-bar li li a:active{background:#666666; padding:5px 10px 5px 10px}
.menu-header li ul{position:absolute; width:10em; left:-999em}
.menu-header li:hover ul{left:auto; display:block}
.menu-header li:hover ul, #page-bar li.sfhover ul{left:auto}

/*SUBNAVBAR*/
#subnavbar{background:#eee; /*#3c78a7; */width:960px; height:25px; color:#FFFFFF; margin:0px 5px 0px -10px; padding:0px}
#subnav{margin:0px; padding:0px}
#subnav ul{float:left; list-style:none; margin:0px; padding:0px}
#subnav li{list-style:none; margin:0px; padding:0px}
#subnav li a, #subnav li a:link, #subnav li a:visited{color:#000; display:block; /*font-size:11px; */ font-family:Arial; font-size:12px;  font-weight:bold;  margin:0px 5px 0px 0px; padding:6px 6px 6px 6px}
#subnav li a:hover, #subnav li a:active{background:#3c78a7; color:#FFFFFF; display:block; text-decoration:none;  margin:0px 5px 0px 0px; padding:6px 6px 6px 6px}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited{background:#3c78a7;  color:#ffffff; width:150px; float:none; margin:0px; padding:6px 6px 6px 6px; border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF}
#subnav li li a:hover, #subnav li li a:active{background:#666666; margin:0px; padding:6px 6px 6px 6px}
#subnav li{float:left; padding:0px}
#subnav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:160px; margin:0px; padding:0px}
#subnav li li{}
#subnav li ul a{width:140px}
#subnav li ul a:hover, #subnav li ul a:active{}
#subnav li ul ul{margin:-25px 0 0 161px}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul{left:-999em}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul{left:auto}
#subnav li:hover, #subnav li.sfhover{position:static}

/*TEXT*/
h1{font:3.5em Arial; font-weight:bold; letter-spacing:-0.08em}
h2{/*GG was font:2.3em Georgia,"Times New Roman"; */ /*GG seo */ font:2.0em Arial;  letter-spacing:-0.05em}
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:0.80em Georgia;  font-weight:bold;  text-transform:uppercase}
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:310px}
#tagline{margin-top:0px; /* GG changed from 5px */font-size:0em; /* GG changed from 1.0em was 1.2 old logo */color:#fff; /* GG changed from #333; */  font-style:italic; /* GG add */ font-weight:bold; /* GG add */ padding-left:60pt; /* GG add */ }
#top{padding:0}

#middle{width:920px; background:#fff; float:right; padding:0px; margin:5px 0}

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

#bottom{width:940px}

#front-list{width:590px; 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}

/* GG SEO */
/*#front-list .title, #archive .title{*/#front-list .title,#front-list .title h2,#archive .title{/* GG font-weight:bold;  font:2.0em Arial; /* GG seo was 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}
.frontbox{line-height:1.5em; margin:0; padding:10px 0; width:275px}
.frontbox div.title a{font:0.8em Arial}

.brdrd{background:#FFF url(images/brdrdfloat2.gif) repeat-y center top}

.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:left; min-height:400px}
#content .breadcrumbs, #content .breadcrumbs a{font-weight:bold; color:#333}
/* GG SEO Add h2 */
/* #content h2.title{*/#content h2.title,#content h1.title{font:2.0em Arial; /*GG was Georgia 2.2*/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;  /* GG changed from 1.75 and justify*/line-height:1.5em;  text-align:justify}
.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, #front-list img, #archive img{border:0px 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.9em Arial;  font-weight:bold; display:block}
#stats span{padding:0px 20px 0px 0px}
#stats span a:hover{background:none}
#stats span a{color:#3c78a7}
#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; /* GG - change sidebar head colour - background:#fff; color:#333; border:1px dashed #999999;*/ background:#3c78a7; color:#fff;  border:0px dashed #999999; margin:10px 0px 5px 0px; padding:3px 10px}
#sidebar-top, #sidebar-bottom{width:300px; float:right; padding:0px 10px 10px 10px; background:#fff;  margin-bottom:10px; /*ad swap*/}
#sidebar-bottom{margin-top:10px}
#sidebar-middle{margin-top:5px}/*GG AD Swap was 10*/
#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; background:url(images/sub.png) no-repeat 0 0px}
#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:5px; padding:0px 10px 0px 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}

/*THREADED COMMENTS*/
.alt{margin:0; padding:10px}
.even, .alt{border-left:1px solid #DDDDDD}
.children{padding:0}
.commentlist{padding:0; text-align:justify}
.commentlist li{background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #DCDBD7; color:#4D4D4D; font-weight:bold; line-height:1.25em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:15px 0 10px; padding:5px 5px 10px 10px}
.commentlist li ul li{margin-right:-5px; margin-left:10px; font-size:1em; background:#F8F8F8}
.commentlist li .avatar{float:right; width:32px; height:32px; border:1px solid #eee; padding:2px; background:#fff}
.commentlist p{margin:10px 5px 10px 0; font-weight:normal; line-height:1.5em; text-transform:none}
.commentlist blockquote{background:#ededed}
.commentlist small{background:#e9e9e9}
.commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em}
.commentlist li.comment-author-admin{background:#E8E8E8}
.commentmetadata{margin:0; display:block; font-weight:normal}
#commentform{margin:5px 10px 0 0}
#commentform p{margin:5px 0}
#commentform input{width:170px; padding:2px; margin:5px 5px 1px 0}
#commentform small{background:#FFF; font-weight:bold; padding:0}
#commentform textarea{width:100%; padding:2px}
#commentform #submit{margin:0 0 5px auto; float:right}
#respond:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.nocomments{text-align:center; margin:0; padding:0}

/*FOOTER*/
#front-popular{font-size:0.7em; color:#fff; width:940px; background:#3c78a7 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;  text-align:center}
#hfooter { padding:10px 0px 0px 0px; text-align:center; clear:both; font-size:6px; display: 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}

/*jQUERY SLIDER*/
#myslider{width:630px; padding-right:300px; position:relative; border:5px solid #ccc; height:310px; background:#fff}
#myslider ul.ui-tabs-nav{position:absolute; top:0; left:610px; list-style:none; padding:0; margin:0; width:320px}
#myslider ul.ui-tabs-nav li{padding:1px 0; padding-left:13px; font-size:12px; color:#666}
#myslider ul.ui-tabs-nav li img{float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee}
#myslider ul.ui-tabs-nav li span{font-size:11px; font-family:Verdana; line-height:18px}
#myslider li.ui-tabs-nav-item a{display:block; height:75px; color:#333;  background:#fff; line-height:20px}
#myslider li.ui-tabs-nav-item a:hover{background:#f2f2f2}
#myslider li.ui-tabs-selected{background:url('images-slider/selected-item.gif') top left no-repeat}
#myslider ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc}
#myslider .ui-tabs-panel{width:610px; height:310px; background:#999; position:relative}
#myslider .ui-tabs-panel .info{position:absolute; top:240px; left:0; width:610px; height:70px; background:url('images-slider/transparent-bg.png')}
#myslider .info h2{font-size:18px; font-family:Georgia,serif; color:#fff; padding:5px; margin:0; overflow:hidden}
#myslider .info p{margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0}
#myslider .info a{text-decoration:none; color:#fff}
#myslider .info a:hover{text-decoration:underline}
#myslider .ui-tabs-hide{display:none}

/*AUTHOR BIO*/
#author-bio { border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; padding: 15px 0; }
#author-bio h4 { font-size: 12px; FONT-WEIGHT: BOLD; color:#3c78a7; margin: 0 0 3px 0; }
#author-bio img { float: left; width: 75px; padding: 2px; border: 1px solid #cccccc; margin: 5px 15px 0 0; }
#author-bio { background: #eeeeee; border:1px solid #ccc; padding: 12px; margin: 0 7px 2px 5px; }