/*  
Theme Name: Arthemia Premium
Theme URI: http://colorlabsproject.com/
Description: Designed by <a href="http://michaelhutagalung.com">Michael Jubel Hutagalung</a> of <a href="http://colorlabsproject.com">Colorlabs Project</a>.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://colorlabsproject.com/
Tags: thumbnails, newspaper, magazine, widgets, admin panel
*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

:focus{outline:0}
body{line-height:1; color:black; background:white}
body{font-family:Tahoma,Verdana,sans-serif}
ol, ul{list-style:none}

table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}

*{margin:0; padding:0}

body{color: #505050; color:#000;  background:#FFF}

p{margin:15px 0}

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

a:hover, a:active{color:#808080; 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;  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:#ececec; font:1.0em; line-height:1.5em; margin:10px 0px}

select{width:130px}

strong{ font-weight:bold}

em{ font-style:italics}

#head{width:930px; margin:0px auto; margin-top:0px; padding:10px 5px 15px 5px; font-size:0.7em; background:#fff; border-left:5px solid #fff; border-right:5px solid #fff}

#page{width:920px; margin:0px auto; padding:10px; background:#FFF; font-size:12px; border-left:5px solid #fff; border-right:5px solid #fff}

#inner{ margin:0;  padding:0}

.left{float:right}

.right{float:left}

#navbar{margin:0 auto; padding:0px 10px 0px 10px;  text-transform:uppercase; background:#333; width:920px; font-size:12px; border-left:5px solid #fff; border-right:5px solid #fff}

#page-bar{padding:0px}

#page-bar ul{list-style:none}

#page-bar li{float:left; list-style:none; cursor:pointer; display:block; border-right:1px solid #943c93}

#page-bar li:hover{background:#943c93}

#page-bar a, #page-bar a:visited{margin:0px; padding:7px 14px; font-weight:bold; color:#eee; display:block}

#page-bar a:hover{text-decoration:none; display:block}

#page-bar p{margin:0; padding:0}

#searchform{width:184px; float:right; text-align:right; padding-top:3px; margin-right:10px}

#page-bar li{float:left; margin:0px; padding:0px}

#page-bar li li{float:left; margin:0px; padding:0px; width:132px; text-transform:none}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited{width:122px; float:none; margin:0px; padding:4px 10px 4px 10px}

#page-bar li li a:hover, #page-bar li li a:active{background:#909090; padding:4px 10px 4px 10px}

#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-size:16px; font-weight:bold;  color:#FD156E}

h2{font-size:25px; font-weight:bold;  color:#FD156E}

h3{font-size:12px; margin-bottom:3px; color:#FD156E; font-weight:bold}

h4{font-size:12px}

h3.cat_title, h3.cat_title a{color:#000;  color:#DF00B0}

h3#respond{margin-top:0px; padding-top:20px}

h3#comments{margin-top:32px; padding-left:0px; margin-bottom:15px}

h3.authors{margin-top:15px}

#logo{width:165px; height:90px; background:#fff}

#tagline{margin-top:10px; color:#1d3566; font-weight:bold}

#top{margin:0 auto; padding:0px 10px 0px 0px; background:#FFF; width:930px; border-left:5px solid #fff; border-right:5px solid #fff}

#headline{width:560px; float:left; padding:0px 12px 25px 25px;  font-size:12px; line-height:1.5em; margin:0; background:#FFF; color:#474141; overflow:hidden}

#headline a{color:#a0a0a0}

#headline a:hover{color:#d0d0d0}

#top div.label{font-size:14px; font-weight:bold; text-transform:lowercase;  line-height:0.9em; display:block; padding-bottom:0px; padding-top:15px}

#headline div.title{font-size:28px; font-weight:bold;  line-height:0.9em; padding-bottom:5px; padding-top:5px;  margin-top:0px}

#headline div.meta{display:block; padding:4px 0px 4px 0px; color:#ececec; font-size:10px}

#headline p{padding-bottom:25px}

#featured{width:320px; float:right; padding:0px 0px 0px 10px; font-size:12px}

#featured li{ list-style:none;  width:320px;  height:79px;  margin-bottom:0px;  padding-bottom:0px}

#featured .arthemia-carousel{ overflow:hidden;  width:320px}

#featured .info{ margin-top:0px; padding-top:10px; font-size:11px}

#featured .meta{margin-top:5px;  font-weight:normal;  font-size:10px}

#featured .title{font-weight:bold}

#featured .divider{margin-left:95px}

#headline a img, #featured a img{margin-top:5px}

#featured a{color:#000}

#featured a:hover{color:#808080}

#featured a img{border:2px solid #fff; margin-right:10px}

#headline a img{border:3px solid #fff; margin-right:15px}

#single_head{width:195px; float:left; padding:15px 12px 20px 25px; margin:0; background:#333; color:#fff}

#single_head a img{border:3px solid #fff}

#single_desc{width:675px; float:right; padding:0px 10px 5px 10px;  font-size:12px; line-height:1.5em}

#single_desc div.title{font-size:25px; font-weight:bold;  line-height:0.9em; display:block; padding-bottom:5px; padding-top:10px}

#single_desc div.meta{display:block; padding-bottom:5px; font-size:10px}

#single_desc p{margin:0px; padding-bottom:10px}

#single_desc a{color:#000}

#single_desc a:hover{color:#808080}

#middle{margin:0 auto; padding:10px 10px 0px 10px; background:#fff; width:920px; border-left:5px solid #fff; border-right:5px solid #fff}
 
.category{width:128px; float:left; border-top:8px solid #333; margin:0px; padding:5px 10px 15px 10px; background:#fff;  cursor:pointer}

.category p{margin:0;  font-size:11px}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3{text-transform:lowercase; margin:0; font-weight:bold; font-size:16px}

#front-list .cat_title{font-size:14px;  margin-bottom:5px}

#front-popular h3{color:#fff}

.more-link{display:block; margin:15px 0px}

.category a{color:#333; display:block; background:none}

.category a:hover{background:none; color:#fff; text-decoration:none}

#bottom{width:920px}

#bottom-left{float:left}

#bottom-left .meta, #content.archive .meta{font-size:10px}

#front-list{width:570px; padding:10px; background:#fff; font-size:12px; line-height:1.75em; margin-bottom:10px; border-top:1px solid #ececec}

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

#front-list .title{font-size:18px; font-weight:bold;   line-height:1.0em}

#front-list .divider{margin-left:216px; margin-top:0px; margin-bottom:0px}

.author{font-size:11px; font-weight:bold}

.meta{color:#333; font-weight:bold}

#headline p, #featured p{margin:0}

#paged-list{width:570px; padding:0px 10px; background:#fff; font-size:12px; line-height:1.75em; border-top:1px solid #ececec}

#paged-list .clearfloat{ padding-bottom:1px}

.onecolumn{line-height:1.5em; padding:10px 0px; margin:0}

.onecolumn img{float:left; margin:8px 10px 7px 0px; border:1px solid #ccc; padding:2px}

.tanbox{width:275px; line-height:1.5em; padding:10px 0px; margin:0}

.archive .tanbox{width:570px;  padding-bottom:1px}

.tanbox img{float:left; margin:8px 10px 7px 0px; border:1px solid #ccc; padding:2px}

.tanbox span.title a, .onecolumn span.title a{font-size:14px; font-weight:bold}

.tanbox p, .onecolumn p{margin:5px 0px}

#navigation{padding:15px 10px; background:#fff; font-size:12px; width:550px}

#content{width:570px; background:#fff; padding:10px; font-size:14px; line-height:1.75em; float:left; border-top:1px solid #ececec; list-style:circle}

.post{line-height:1.75em}

.post p{margin-top:0px}

.post .clearfloat{border-bottom:1px solid #e2e2e2}

.entry ul, .post ol, #front-list ul, #front-list ol{margin-bottom:15px; list-style:circle}

#content h2.title{ border-bottom:1px solid #e2e2e2; border-top:3px solid #e2e2e2; margin-bottom:0px; padding:5px 0px; color:#000}

.entry ul li, #front-list ul li{ margin-left:30px}

.entry ol li, #front-list ol li{list-style:decimal; margin-left:30px}

.entry ol li ul li, #front-list ol li ul li{ margin-left:20px}

.entry img, .post a img, #front-list img{border:1px solid #ccc; margin:0 10px 5px 0; padding:2px}

.entry a{text-decoration:underline}

.post .ads{margin-top:10px}

#stats{margin-bottom:15px; padding:8px 0px; font-size:11px; display:block; border-bottom:1px solid #e2e2e2; font-weight:bold}

span#map{font-size:11px}

img.centered{display:block; margin-left:auto; margin-right:auto}

img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}

img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline}

.alignright{float:left}

.alignleft{float:right}

#bio{ padding:10px;  background:#efefef;  margin:20px 0px}
#bio p{ margin:0;  padding:0}

#bio .avatar{border:1px solid #ccc; margin:0px 10px 5px 0; float:left; padding:2px; width:80px; height:80px}

#sidebar{width:320px; float:left; margin:0px 0px 0px 0px; overflow:hidden}

.spoiler{padding:0px 12px 12px 12px; background:#fff; border-top:1px solid #ececec; margin-bottom:12px; overflow:hidden}

.spoiler img{border:1px solid #ccc; padding:2px; margin-right:10px; margin-bottom:5px}

.spoiler h3{font-size:12px;  font-weight:bold;  color:#DF00B0; margin:0px 0px 8px 0px; padding:3px 10px; border-bottom:1px solid #ececec}

.spoiler h3 a{ color:#DF00B0; text-decoration:none}

.spoiler p{margin:0; color:#6d6d6d}

.spoiler h4{font-size:12px;  font-weight:bold; margin-bottom:5px}

.spoiler h4 a{color:#333}

#sidebar{ font-size:12px}

#sidebar h3{font-size:12px; font-weight:bold; color:#DF00B0; margin:10px 0px 5px 0px; padding:3px 10px}

#sidebar-top, #sidebar-bottom{width:300px; float:right; padding:0px 10px 10px 10px; background:#fff; border-top:1px solid #ececec}

#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; border-top:1px solid #ececec}

#sidebar-right{width:135px; padding:0px 10px 10px 10px; float:right; background:#fff; border-top:1px solid #ececec}

#sidebar li{list-style:none; border-bottom:0px dotted #bbb; display:block; padding:2px 0px 2px 13px}

#sidebar li ul li{border-bottom:0px}

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

#sidebar h3 img{margin-top:1px}

select{border:1px solid #333; width:100%}

.submitbutton{padding:2px 5px; border:1px solid #aaa; background:#fff; font-size:11px; color:#aaa; cursor:pointer}

.submitbutton:hover{ background:#303030;  color:#fff}
 
.field{padding:1px; border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#fff; font-size:11px}

#search .searchbutton{padding:1px; border:1px solid #333; background:#fff; font-size:11px}

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

#commentform textarea{width:99%; margin-top:5px; border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #eee; border-bottom:1px solid #eee}

#comments{line-height:1.5em}

.commentlist cite{font-style:normal; margin-bottom:0px; display:block; font-size:11px}

.commentlist blockquote{background:#ededed}

.commentlist li{color:#4d4d4d; padding:10px 14px 10px 14px; /* background:#f2f2f2;*/ border-bottom:1px solid #dcdbd7; list-style:none; margin-bottom:3px; line-height:1.25em}

.commentlist li li{background:none; border:none;  margin:3px 0 3px 20px; padding:3px 0}

.commenttext{width:482px; float:right; line-height:1.5em;  font-size:11px}

li.my_comment{background:#fff}

li cite strong{font-size:14px; color:#313228}

#commentform small{background:#FFF; font-weight:bold; padding:0}

.commentmetadata{color:#4d4d4d; display:block; margin-top:3px; text-align:right; font-size:10px}

.commentmetadata a, .commentmetadata a:visited{color:#959382}

.commentlist small{background:#e9e9e9}

.commentlist li .avatar{border:1px solid #ccc; margin:15px 8px 6px 0; float:left; padding:2px; width:45px; height:45px}

#comment{width:590px; background:#fff}

#gallery{font-size:11px; color:#333; width:925px; background:#fff; margin:0 auto; padding:15px 0px 15px 15px; border-left:5px solid #fff; border-right:5px solid #fff}

#gallery #random{ float:right;  width:613px}

#gallery #random img{ padding:2px;  border:1px solid #ccc;  margin-right:16px;  margin-bottom:15px;  background:#fff}
#gallery #video{ float:left;  width:281px;  padding-right:15px;  border-right:1px solid #b0b0b0}

#gallery h3{ display:block;  padding-bottom:5px}
#front-popular{font-size:11px; color:#fff; width:910px; background:#303030; margin:0 auto; padding:15px; border-left:5px solid #fff; border-right:5px solid #fff}

#recentpost, #mostcommented{width:276px; float:left; padding:0px 20px 0px 0px; border-right:1px solid #808080}

#mostcommented{margin-left:20px}

#recent_comments{width:276px; float:right; padding:0px}

#recentpost a, #mostcommented a, #recent_comments a{color:#fff}

#recentpost ul, #mostcommented ul, #recent_comments ul{margin-top:5px}

#recentpost li, #mostcommented li, #recent_comments li{list-style:none;  padding-top:1px}

#recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a{padding:5px; display:block; text-decoration:none}

#recentpost ul li a:hover, #mostcommented ul li a:hover, #recent_comments ul li a:hover{background:#000; color:#fff}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child{background:none}

#footer{margin:0 auto; width:920px; font-size:10px; background:#fff; color:#333; padding:5px 10px; border-left:5px solid #fff; border-right:5px solid #fff}

#footer a:hover{color:#808080}

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

.addtofavourites IMG{border:0; padding:0; margin:0; padding-right:3px}

body{font-family:Tahoma,Verdana,sans-serif; }
h1, h2{line-height:1.2em}
.entry{color:#1E1E1E;  font-family:Arial,"san serif",arial; line-height:2em}

 #cat-6{border-top:8px solid #D54491; color:}
 #cat-6:hover{background:#D54491; color:#FFF}
 
 #sidebar h3.catt-6{background:#D54491; color:#000}
 #sidebar h3.catt-6 a{color:#000}

 
 #cat-1{border-top:8px solid #C667D5; color:}
 #cat-1:hover{background:#C667D5; color:#FFF}
 
 #sidebar h3.catt-1{background:#C667D5; color:#000}
 #sidebar h3.catt-1 a{color:#000}

 
 #cat-4{border-top:8px solid #FF7EF0; color:}
 #cat-4:hover{background:#FF7EF0; color:#FFF}
 
 #sidebar h3.catt-4{background:#FF7EF0; color:#000}
 #sidebar h3.catt-4 a{color:#000}

 
 #cat-8{border-top:8px solid #C432F0; color:}
 #cat-8:hover{background:#C432F0; color:#FFF}
 
 #sidebar h3.catt-8{background:#C432F0; color:#000}
 #sidebar h3.catt-8 a{color:#000}

 
 #cat-2{border-top:8px solid #E758FF; color:}
 #cat-2:hover{background:#E758FF; color:#FFF}
 
 #sidebar h3.catt-2{background:#E758FF; color:#000}
 #sidebar h3.catt-2 a{color:#000}

 
 #cat-5{border-top:8px solid #EB99DC; color:}
 #cat-5:hover{background:#EB99DC; color:#FFF}
 
 #sidebar h3.catt-5{background:#EB99DC; color:#000}
 #sidebar h3.catt-5 a{color:#000}

 
#featured .arthemia-carousel{ height:737px}

.contactform{position:static; overflow:hidden; width:95%}

.contactleft{width:25%; white-space:pre; text-align:right; clear:both; float:left; display:inline; padding:4px; margin:5px 0}

.contactright{width:70%; text-align:left; float:right; display:inline; padding:4px; margin:5px 0}

.contacterror{border:1px solid #f00}

.contactsubmit{}

.wp-pagenavi a, .wp-pagenavi a:link{padding:2px 5px 2px 5px; margin:3px; text-decoration:none; border:1px solid #303030; color:#303030; background-color:#FFF}
.wp-pagenavi a:visited{padding:2px 5px 2px 5px; margin:3px; text-decoration:none; border:1px solid #303030; color:#303030; background-color:#FFF}
.wp-pagenavi a:hover{border:1px solid #808080; color:#808080; background-color:#fff}
.wp-pagenavi a:active{padding:2px 5px 2px 5px; margin:3px; text-decoration:none; border:1px solid #808080; color:#808080; background-color:#FFF}
.wp-pagenavi span.pages{padding:2px 5px 2px 5px; margin:3px 3px 3px 3px; color:#303030; border:1px solid #303030; background-color:#FFF}
.wp-pagenavi span.current{padding:2px 5px 2px 5px; margin:3px; font-weight:bold; border:1px solid #303030; color:#fff; background-color:#303030}
.wp-pagenavi span.extend{padding:2px 5px 2px 5px; margin:3px; border:1px solid #303030; color:#303030; background-color:#FFF}

*{font-family:Arial,Verdana,sans-serif; }

body{font-family:Arial}

.wp-pagenavi a, .wp-pagenavi a:link{padding:2px 5px 2px 5px; margin:3px; text-decoration:none; border:1px solid #303030; color:#303030; background-color:#FFF}
.wp-pagenavi a:visited{padding:2px 5px 2px 5px; margin:3px; text-decoration:none; border:1px solid #303030; color:#303030; background-color:#FFF}
.wp-pagenavi a:hover{border:1px solid #808080; color:#808080; background-color:#fff}
.wp-pagenavi a:active{padding:2px 5px 2px 5px; margin:3px; text-decoration:none; border:1px solid #808080; color:#808080; background-color:#FFF}
.wp-pagenavi span.pages{padding:2px 5px 2px 5px; margin:3px 3px 3px 3px; color:#303030; border:1px solid #303030; background-color:#FFF}
.wp-pagenavi span.current{padding:2px 5px 2px 5px; margin:3px; font-weight:bold; border:1px solid #303030; color:#fff; background-color:#303030}
.wp-pagenavi span.extend{padding:2px 5px 2px 5px; margin:3px; border:1px solid #303030; color:#303030; background-color:#FFF}

h1 {font-size:16px;}