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

/*Copyright 2008, Michael Jubel Hutagalung
View detailed license info in license.txt file 


/* 
TABLE OF CONTENTS 

  HTML Elements
  Structure
  Navigation Bar
  Text
  Index Page
  Content Page
  Sidebar
  Form Elements  
  Comments
  Footer
  Clear

/* CSS Reset */
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;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {line-height: 1;	color: black; background: white; }
ol, ul { list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
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: "" "";}

/* HTML Elements */
/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.

*/
.imagecaptioneasy {
  padding: 5px;
  font-family: Helvetica, sans-serif;
  font-size: 9px;
  line-height: 1.05em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }

* {
	margin:0;
	padding:0;
	}

body {
	font:1.0em Calibri, segoe ui;
	background: #F1F2CF;
	color: #261b11;
	}

p {	
	margin: 15px 0;
	}

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

a:hover, a:active {
	color: #760101;
	text-decoration:none;
	}

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 0px 10px;
	border-top: 1px solid #760101;
	border-bottom: 1px solid #760101;
	background: #F6FFCE;
	font:12px constantia, georgia;
            color:#760101;
	line-height:1.4em;
	margin:10px 20px;
	}

select {
	width: 130px;
	}	

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

/* Structure */


#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:#ffffff;
	font-size:12px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}

#inner {
    margin:0;
    padding:0;
    background:#ffffff;
}

.left {
	float:left;
	}

.right {
	float:right;
	}


/* Navigation Bar*/
#navbar {
	margin:0 auto;
	padding:0px 10px 0px 10px;
	text-transform:uppercase;
	background:#333333 url(images/navbar.png) no-repeat;
	width:920px;
	font-size:10px;
	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 #fff;
	}

#page-bar li:hover {
	background: #5b5b5b;
	}

#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:7px 14px;
	font-weight:bold;
	color:#eeeeee;
	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;
	}

/* Dropdown Menus */		
#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;
	background: #fff url(images/dots_nav.gif) repeat-x top;
	}
	
#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;
	}



/* Text*/

h1 {
	font:32px constantia, georgia;
	font-weight:bolder;
	}

h2 {
	font:32px constantia, georgia;
            line-height:1.1em;
	font-weight:bolder;
	}

h3 {
	font:28px constantia, georgia;
            line-height:1.2em;
	margin-bottom:3px;
	color:#303030;
	font-weight:bolder;
	}

h4 {
	font:12px constantia, georgia;
         font-weight:bolder;
	}

h3.cat_title, h3.cat_title a {
	color:#261B11;
	}

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

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

h3.authors {
	margin-top:15px;
	}

/* Index Page*/

#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:#760101;
	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.2em;
	margin:0;
	background:#760101;
	color:#fff;
	overflow:hidden;
	}

#headline a {
	color:#fff;
	}

#headline a:hover {
	color:#fff;
            text-decoration: underline;
	}

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

#headline div.title {
	font:24px constantia, georgia;
	font-weight:bolder;
	line-height:1.0em;
	padding-bottom:5px;
	padding-top:5px;
    margin-top:0px;
	}

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

#headline p {
	padding-bottom:25px;
	}

#featured {
            background:#261B11;	
            width:320px;
	float:right;
	padding:0px 0px 0px 10px;
	font-size:12px;
            color: #fff;
}

#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;
	/*float:right;*/
	/*width:203px;*/
	font-size:11px;
	}

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

#featured .title {
	font:12px constantia, georgia;
            font-weight:bold;
	}

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

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

#featured a {
	color:#fff;
	}

#featured a:hover {
	color:#fff;
            text-decoration: underline;
	}

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

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

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

#single_head a img {
	border:2px solid #fff;
	}

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

#single_desc div.title {
	font:28px constantia, georgia;
	font-weight:bolder;
	line-height:1.0em;
	display:block;
	padding-bottom:5px;
	padding-top:10px;
	}

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

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

#single_desc a {
	color:#fff;
	}

#single_desc a:hover {
	color:#fff;
            text-decoration: underline
	}

#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:164px;
	float:left;
	border-top:8px solid #333333;
	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:14px;
	}

#front-list .cat_title {
	font:12px constantia, georgia;
            font-weight:bolder;
    margin-bottom:5px;
	}

#front-popular h3 {
	color:#fff;
	}

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

.category a {
	color:#261b11;
	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:14px;
	line-height:1.4em;
	margin-bottom:10px;
	border-top:1px solid #ececec;
    }

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

#front-list .title {
	font:32px constantia, georgia;
            color:#000000;
	font-weight:bolder;
    line-height:1.0em;
	}

#front-list .title a {
            color:#000;
	}

#front-list .title a:hover {
            color:#760101;
	font-weight:bolder;
	}

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

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

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

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


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

#paged-list .clearfloat {
	background:url(images/dots_content.gif) repeat-x bottom;
    padding-bottom:1px;
	}

.onecolumn {
	line-height:1.4em;
	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.4em;
	padding:10px 0px;
	margin:0;
	}

.archive .tanbox {
	width:570px;
	background:url(images/dots_content.gif) repeat-x bottom;
    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:14px constantia, georgia;
	font-weight:bold;
	}

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

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


/* Content Page*/

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

.post {
	line-height:1.4em;
	}

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

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

.entry ul li, #front-list ul li {	
	list-style:square;
	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 {	
	list-style:square;
	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:11px Calibri, segoe ui;
	display:block;
	border-bottom:1px solid #e2e2e2;
	font-weight:bold;
	}

span#map {
	font-size:11px;
	}

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

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

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

.alignright {
	float: right;
}

.alignleft {
	float: left
}


#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*/
#sidebar {
	width:320px;
	float:right;
	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:12px constantia, georgia;
   	font-weight:bold; 	
	color:#fff; 	
	margin:0px 0px 8px 0px; 	
	padding:3px 10px;
	border-bottom:1px solid #ececec; 	}

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

.spoiler p {
	margin:0;
	color:#261B11;
	}

.spoiler h4 {
	font:12px constantia, georgia;
    font-weight:bold;
       color:#000;
	margin-bottom:5px;
	}

.spoiler h4 a {
       color:#261b11;
	}

#sidebar {
      font-size:11px;
        color:#261B11;
}

#sidebar h3 {
	font:12px constantia, georgia;
	font-weight:bold;
	background:#760101;
	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;
	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 {
	color:#766257;
            list-style:none;
	border-bottom:1px dotted #bbbbbb;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

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

/* Form Elements */

select {
	border:1px solid #333333;
	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 #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#fff;
	font-size:11px;
	}

#search .searchbutton {
	padding: 1px;
	border:1px solid #333333;
	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 #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	}



/* Comments*/

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

div#cancel-comment-reply { font-weight:bold; }

#comments ul.commentlist { margin-top:20px; list-style:none; }

#comments ul.commentlist blockquote { background:#ededed; }
    
#comments .clearfloat { background:none; }

#comments div.navigation { padding:5px 0px 20px 0px; font-weight:bold; }

ul.commentlist li.comment { color:#4d4d4d; padding: 11px 14px 11px 14px; background:#f2f2f2; list-style:none; margin-bottom:10px; font-size:11px; line-height:18px; border-bottom: 1px solid #dcdbd7; }
ul.commentlist li.comment h3#respond { background:#fff; margin-top:15px; }
ul.commentlist li.comment img.avatar { border:1px solid #ccc; margin:0px 0px 13px 13px; float:right; padding:2px; width:45px; height:45px; }	
ul.commentlist li.comment cite { color:#313228; font-weight:bold; font-size:14px; }
ul.commentlist li.comment div.comment-meta { font-size:10px; margin-top:0px; }
ul.commentlist li.comment div.comment-meta a { color:#4d4d4d; text-decoration:none; }
ul.commentlist li.comment a { text-decoration:underline; }
ul.commentlist li.comment cite a { text-decoration:none; }
ul.commentlist li.comment div.reply { clear:both; display:block; }
ul.commentlist li.comment div.reply a { text-decoration:none; font-weight:bold; }
ul.commentlist li.comment p { margin:15px 0px; padding:0;  }
ul.commentlist li.comment blockquote { width:380px; }

ul.children li.comment { margin-top:15px; color:#4d4d4d; padding: 12px 12px 12px 12px; background:#fff; border:none; list-style:none; margin-bottom:0px; font-size:11px; }

ul.commentlist li.depth-1, ul.children li.depth-3, ul.children li.depth-5, ul.children li.depth-7, ul.children li.depth-9 { background:#f2f2f2; }
ul.children li.depth-2, ul.children li.depth-4, ul.children li.depth-6, ul.children li.depth-8, ul.children li.depth-10 { background:#fff; }

#respond textarea { width:99%; font-size:13px; }
#respond label { font-weight:bold; }
#respond a {text-decoration:none; }
#respond h3 {margin-top:15px; }

li.comment div#respond h3 { display:none; }

/* Footer*/

#gallery {
	font-size:11px;
	color:#333;
	width: 925px;
	background:#360000;
	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:#5C0101;
	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;
	background:url(images/dots_footer.gif) repeat-x top;
    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:#000000;
	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:#360000;
	color:#fff;
	padding:5px 10px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}

#footer a: {
	color:#fff;
	}

#footer a:hover {
	color:#fff;
	text-decoration:underline;
	}

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