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

#mycarousel{width: 20000px !important;}
#mycarousel li{width: 95px !important;}

* {margin:0; padding:0;}
body {font: 100% Arial, Helvetica; background: #FFF; color: #4c4c4c;}
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;}
ul, li{list-style:none;}

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 {background: url('images/header.png') no-repeat left top; width:960px; margin:37px auto 0px ; padding:0px; font-size:0.7em; height: 78px;}
#page {width:960px; margin:0px auto; padding:10px 0; font-size:0.7em; }
.left, .alignleft {float:left;}
.right, .alignright {float:right;}



/* Header*/
#page-bar {float:right; margin-top:13px;}
#page-bar ul {list-style: none;}
#page-bar li {float:left; list-style:none; cursor: pointer; display:block;}
#page-bar a, #page-bar a:visited {color:#fff; display:block; font-size:9px; height:15px; text-transform:uppercase; float:left;}
#logo {margin-top:-23px; *+margin-top:4px; padding-left:20px; float:left;}

.search_ {text-align:center;}
#searchform {width:320px; float:right; background:#ccc;}
.search {border:1px solid black;}


/* Text*/
h1 {font-size:3.5em; font-weight:bold; letter-spacing:-0.08em; }
h2 {font-size:2.3em;}
h3 {font-size:1.3em; color:#3c78a7; font-weight:bold;}
h4 {font-size:1.0em;}
h3.cat_title, h3.cat_title a {color:#bbb; letter-spacing:-0.05em; font-size:13px; text-transform:lowercase; }
h3#respond {margin-top:0px;	padding-top:20px;}
h3#comments {margin-top:32px; padding-left:0px;}
h3.authors {margin-top:15px;}


/* Index Page*/

#tagline {margin-top:5px; font-size:1em; color:#333;}
#top {padding:0; }



#headline {width:610px; float:left; background:#fff; padding:10px 0; font-size:1.05em; line-height:2.1em; margin:0;}
#headline  div.title, .title_ {font-weight:bold; font-size:22px; letter-spacing:-0.05em; padding-bottom:1px; background: url('images/kubik.jpg') no-repeat left center; padding-left:17px; margin-bottom:3px;}
#headline div.meta {display:block; margin-top:-5px; padding-bottom:2px;}

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


#featured {width:300px !important; background:#f7f7f7; float:right; padding:10px 10px 30px 10px; overflow: hidden !important;}
#featured .clearfloat {margin-top:7px; margin-bottom:8px;}
#featured .info {margin-top:5px; padding-top:5px; float:right; width:180px; }
#featured .title { font-weight:bold; }
#featured ul{width:300px; list-style: none; margin: 0; padding: 0; display:block; height:90px; overflow:hidden;}
#featured img {border:none; width: 90px; height: 90px;}
#featured li {position: relative; float:left; display:block; height:90px; width:90px; margin:0 0 0 4px;}
#featured .desc {position:absolute; z-index: 20; bottom: 0px; left: 0; width: 90px; height:30px; line-height: 14px; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;  background: #fff;}
#featured .desc a {display: block; padding:0 3px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; color:#000;}
#featured .desc:hover {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; background:#678398; text-decoration: none;}
#featured #nav { padding: 0 4px; text-align: right;} 

#headline a img, #featured a img {border:1px solid #ccc; margin-top:5px; margin-right:10px; padding:2px;}

#middle {width: 960px; background:#fff; float:right; 	margin:10px 0;}

.category_name {font-size:13px; text-transform:uppercase; font-weight:bold;}

.category {width:164px; float:left; border-top:8px solid #333; margin:0px; padding:5px 10px 10px 10px; background:#fff; text-align:center;}

.category p {margin:0;}
#cat-1, #cat-5  {border-top:8px solid #627595;}
#cat-2, #cat-4 {border-top:8px solid #cccccc;}
#cat-3  {border-top:8px solid #173569;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {text-transform:lowercase; margin:0; font-weight:bold; font-size:13px; letter-spacing:-0.05em; }
#front-popular h3 {color:#fff;}
.category a {color:#4c4c4c; display:block; background:none; text-transform:uppercase;}
.category a:hover {background:none; color:#fff; text-decoration:none;}
#cat-1:hover, #cat-5:hover {background:#627595; color:#fff;}
#cat-2:hover, #cat-4:hover {background:#cccccc; color:#fff;}
#cat-3:hover {background:#173569; color:#fff;}
#cat-1:hover a, #cat-5:hover a {background:#627595 !important; color:#fff;}
#cat-2:hover a, #cat-4:hover a {background:#cccccc; color:#fff;}
#cat-3:hover a {background:#173569; color:#fff;}
#bottom {width: 960px;}


.post_share_legend {color:#3C78A7;}


#front-list {width:610px; background:#fff; padding:10px 0; 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-size:22px; letter-spacing:-0.05em; padding-bottom:1px;  background: url('images/kubik.jpg') no-repeat left center; padding-left:17px; margin-bottom:3px; padding-top:3px;}
#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; color:#555;font-size:12px;line-height:18px;font-family:"Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;}
#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:610px; background:#fff; padding:10px 0; font-size:1.05em; line-height:1.75em; float:left; min-height:400px;}
#content .breadcrumbs, #content .breadcrumbs a {font-weight:bold; color:#333;}
#content h2.title {font-weight:bold; font-size:22px; letter-spacing:-0.05em; display:block; padding-bottom:5px; margin-bottom:20px;}

.post {font-size:1.05em; line-height:1.75em;}
.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:1px 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; 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 a:hover {background:none;}

.navigation {padding:5px 0px; text-align:Center;}



/* Sidebar*/



#sidebar {width:320px; float:right; margin:0px 0px 0px 0px; background:#f7f7f7;}
.twitter {float:right; padding-bottom:20px; padding-top:20px; margin:0; margin-right:35px;}

#sidebar h3 {font:1.1em Arial; font-weight:bold; background:#f7f7f7; color:#000; padding:10px; background: url('images/kubik.jpg') no-repeat left center; padding-left:17px; margin-left:5px;}
#sidebar-top, #sidebar-bottom {width:320px; float:right; padding:0px 0px 10px 0px; background:#f7f7f7;}
#sidebar-bottom, #sidebar-middle {padding-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: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: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:140px;}
#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 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:11px; padding-top:10px; padding-bottom:10px; background:#173569; color:#fff;}
#footer .copyright{padding-left:10px;}
#footer a{color:#ccc; text-decoration:underline;}
#footer a:hover{color:#ccc; 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;}
#front-list .title a, #headline .title a, #archive .title a {color:#617b88;} 
#front-list .title a:hover, #headline .title a:hover, #archive .title a:hover {background:#617b88;color:#fff; text-decoration:none;}
.post_date {position:relative;float:right;width:50px;color:#bbb;text-align:center;}
.post_date_day {font-size:28px;font-weight:normal;height:25px;}
.post_date_my  {font-family:Arial, Helvetica, sans-serif;height:11px;font-size:11px;text-transform:uppercase;letter-spacing:-1px;}
.post_meta {position:relative;float:left;background:#f6f6f6;border-bottom:2px solid #ccc;height:18px;padding:3px;font-size:11px;font-weight:bold;margin-top:10px;clear:both;width:605px;}
.post_meta a{color:#888; background: transparent url(images/comments.gif) no-repeat scroll left 3px; padding-left:16px; display:block;}
.flota_izq {position:relative; float:left;}
.flota_der {position:relative; float:right;}
.post_share {font-size:11px; color:#222; font-weight: bold; line-height:16px;}
a.more-link {position:relative; float:right; display:block; margin:20px 0 10px 300px; border-left:#617b88 1px solid; background: url(arrow.png) top right no-repeat; height: 20px; padding: 0px 15px 0px 5px; line-height:18px !important;}
a.more-link:hover {background-color:#617b88; text-decoration:none; color:#FFFFFF; line-height:18px !important;}