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

@import url("./origin.css");
@import url("./sociable.css");

.fixed {
	clear:both;
}
body {
	background:#666 url(images/bg/floral-train_s.jpg) repeat fixed center;
	font: 100% Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
	}
select {
	width:auto;
}
p {
	margin:0;
}
blockquote, pre {
	background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}

.wp-caption {
	background:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 0;
	margin-bottom:5px;
	text-align:center;
	line-height: 1.2em;
	font-size:11px;
}
.entry .wp-caption img {
	margin:0 5px;
	border:0;
	padding:0;
}
.wp-caption-text {
	text-align:center;
	padding:0 5px !important;
	padding:3px 5px 0;
}

a[icon ^="out"] {
   padding-right: 15px;
   background: transparent url(http://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png) no-repeat center right;
}

*+html .wp-caption-text {
	padding:3px 5px 0 !important;
}
.post .entry .wp-caption p {
	margin:5px 0 0;
}

.left, .alignleft {
	margin-right:10px;
}
.right, .alignright {
	margin-left:10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.post {
	font-size:12px;
/*	line-height:normal;	*/
}
#content {
	font-size:12px;
	line-height:normal;
}
input.textfield, 
textarea {
	background:#FFF url(images/textfield.gif) top repeat-x;
	border:1px solid #A6A6A6;
	padding:2px 1px;
	font-size:12px;
}
.boxcaption {
	background:#E3E4E6 url(images/box.gif) 0 0 no-repeat;
	padding:6px 12px;
	border-bottom:1px solid #CCC;
}
.boxcaption h3 {
	font-size:12px;
	font-family:Verdana,"BitStream vera Sans";
	letter-spacing:0em;
}
.box {
	background:#F4F5F7 url(images/box.gif) 100% 100% no-repeat;
	padding:8px 12px;
	margin-bottom:10px;
}
.messagebox, 
.errorbox {
	background:#EDEFF0 url(images/messagebox.gif) no-repeat;
	padding:0 12px;
	height:27px;
	line-height:27px;
	font-size:11px;
}

.entry {
	line-height:1.75em;
}
	
.avatar {
	width:32px;
	height:32px;
	float:none;
	margin:0;
}
	
#container {
	width:960px; 
	padding:0 5px;
	background:#FFF;
	margin:5px auto;
}	
#head {
	padding-top:10px;
	margin-top:8px;
}	
#page {
	padding: 9px 9px;
	width:942px;
	background: #ECECEC url(images/diag_stripe.gif) repeat scroll 0 0;
}		
	
#content {
	width:605px;
	padding: 9px 9px;
}
#top {
	margin:-9px -9px;
	padding: 0 0 0 9px;
	background: #333;
}
#headline {
	width:610px;
	padding:9px;
	background:#333;
	color: #FFF;
}

#headline .meta {
	color: #FFF;
}
#headline .meta a {
	color: #DDD;
}
#headline a {
	color:#e4f2fd;
}

#featured {
	width:302px;
	padding:9px;
	background: #DDD;
}

#middle {
	margin: 9px 0;
	width:922px;
	padding: 5px 11px 0 11px;
}

#bottom {
	width: 942px;
}
#front-list {
	width:605px;
	padding:9px;
}	
#navbar {
	margin-top:5px;
	}
	
#logo {
	width:190px;
	margin-left:10px;
	}

#wp-email, #wp-print {
	margin-left: 20px;
}	

#postnavi {
	border-top:1px solid #CCC;
	margin:10px -5px 0;
	padding:10px 5px 0;
}

#postnavi .prev a {
	background:url(images/icons.gif) 0 -224px no-repeat;
	padding-left:22px;
	float:left;
	height:16px;
	line-height:16px;
}

#postnavi .next a {
	background:url(images/icons.gif) 100% -240px no-repeat;
	padding-right:22px;
	float:right;
	height:16px;
	line-height:16px;
}
	
#content .breadcrumbs {
	line-height:1.4em;
}	

#content h2.title {
	margin-top:0;
}

#page-bar a, #page-bar a:visited {
padding:7px 16px;
}

#searchform { 
	padding-top:4px;
}
	
/* Post */	
.post .entry p {
	margin-bottom:10px;
}

.post h2 {
border-bottom:1px solid #CCCCCC;
display:block;
font-family:Verdana,"BitStream vera Sans";
font-size:16px;
margin-top:10px;
padding:0 5px 3px;
}

.post h6 {
	font-weight: bolder;
	font-size: 100%;
}	
	
.post h3, h4 {
	font-size: 130%;
	margin-bottom:10px;
	color:#080;
	font-weight: bolder;
}

.post .entry ul li {
	list-style-type: none;
	list-style-position: inside;
	margin-left:0;
	padding-left:5px;
}
.post li {
	list-style-type: none;
}

.post ul li {
	margin-left:10px;
}

.post .entry table {
	background:#FFF;
	border:2px solid #CCC;
	border-collapse:collapse;
	margin:5px 0 10px;
}
.post .entry th, 
.post .entry td {
	border:1px solid #CCC;
	padding:3px 1px;
	text-align:left;
	vertical-align:top;
}
.post .entry tr.even td {
	background:#F7F7F7;
}
.post .entry th {
	background:#EDEFF0;
}

.post img, .post a img {
	border:0;
	padding:0;
	}

.entry img, .entry a img {
	border:0;
	padding:0;
	}	

.entry .highslide-image  img {
	padding: 3px;
	border: 1px #BBB solid;
}

.wp-caption .highslide-image  img {
	padding: 0;
	border: none;
}
.entry .ngg-singlepic {
	padding: 3px;
	border: 1px #BBB solid;
}	
.post .info {
	margin:5px;
}
.post .info span.first {
	margin-left:0;
}
.post .date, 
.post .author, 
.post .editpost, 
.post .comments, 
.post .addcomment, 
.post .addlink, 
.post .editlinks {
	background:url(images/icons.gif) no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	font-size:11px;
}	
	
.post .date {
	background-position:0 -48px;
	margin-right:15px;
	float:left;
}
.post .author {
	background-position:0 0;
	float:left;
}
.post .editpost {
	background-position:0 -64px;
	margin-left:15px;
	float:right;
}
.post .comments {
	background-position:0 -96px;
	float:right;
}
.post .addcomment {
	background-position:0 -112px;
	margin-left:15px;
	float:right;
}	
.post .tags, 
.post .categories {
	background:url(images/icons.gif) no-repeat;
	width:16px;
	height:16px;
	line-height:16px;
	display:block;
	text-indent:-999em;
}
.post .under span.tags, 
.post .under span.categories {
	margin-right:6px;
}
.post .tags {
	background-position:0 -400px;
}
.post .categories {
	background-position:0 -480px;
}
	
.post .under {
	height:16px;
	line-height:16px;
	font-size:11px;
	margin-bottom:10px;
}
.post .under span {
	float:left;
	margin-right:15px;
}	

.post .adsense {
	text-align:center;
	margin:-10px 0 5px 0;
}
/* post end */
	
/* sidebar */	
#sidebar {
	width:310px;
}

#sidebar-ads {
	padding:5px 5px;
	margin:0;
}

#sidebar-middle {
	width:310px;
}
#sidebar-bottom {
	margin-top:0;
}

#sidebar-top, #sidebar-bottom {
	padding: 0 5px 5px;
	width:300px;
}

#sidebar-left, #sidebar-right {
	width:130px;
}

#sidebar .widget_feeds {
	padding:5px 15px 14px;
}
#sidebar #feedrss, 
#sidebar #feedemail {
	height:25px;
	line-height:25px;
	display:block;
	padding:5px 5px 5px 36px;
	float:left;
	text-decoration:none;
}
#sidebar #feedrss {
	background:url(images/feeds.gif) 5px 5px no-repeat;
	margin-left:15px;
}
#sidebar #feedemail {
	background:url(images/feeds.gif) 5px -45px no-repeat;
	margin-left:15px;
}	
/* sidebar end */


#recentpost, #mostcommented {
	border:0;
	border-right:1px solid #fff;
	}
	
#recent_comments {
	border:0;
	}

/* comment START */
#commentform input {
	margin:0;
	width:auto;
}

#commentlist {
	background:#FCFCFC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0 -9px;
	padding:0 9px;
}
#commentlist ol, 
#commentlist li {
	list-style:none;
}
#cmtswitcher {
	background:#FFF;
	font-size:10px;
	padding-top:5px;
}
#cmtswitcher a.tab, 
#cmtswitcher a.curtab {
	padding:5px 10px;
	margin-bottom:-1px;
	display:block;
	float:right;
	color:#555;
	text-decoration:none;
}
#cmtswitcher a.tab {
	border:1px solid #FFF;
	border-bottom-color:#CCC;
}
#cmtswitcher a.curtab {
	background:#FCFCFC;
	border:1px solid #CCC;
	border-bottom-color:#FCFCFC;
}
#cmtswitcher .addcomment, 
#cmtswitcher .addtrackback {
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	font-size:11px;
	float:left;
	margin-right:15px;
	margin-top:4px !important;
	margin-top:3px;
}
#cmtswitcher .addcomment {
	background:url(images/icons.gif) 0 -112px no-repeat;
}
#cmtswitcher .addtrackback {
	background:url(images/icons.gif) 0 -144px no-repeat;
}
#thecomments, 
#thetrackbacks {
	padding-bottom:15px;
}
#thecomments .comment, 
#thecomments .messagebox {
	margin-top:15px;
}
.comment .author {
	float:left;
	width:81px;
	text-align:center;
}
.comment .pic {
	background:url(images/commentpoint.png) 100% 33% no-repeat;
	padding-right:14px;
	margin-top:10px;
}
.comment .name {
	width:67px;
	padding-right:14px;
	font-weight:bold;
	overflow:hidden;
}
.comment .avatar {
	padding:1px;
	border:1px solid #999;
}
.comment .info {
	background:#EDEFF0 url(images/comment.gif) 0 0 no-repeat;
	float:left;
	padding:10px 15px 0;
	width:494px;
}
.comment .date, 
.trackback .date {
	float:left;
	font-size:10px;
}
.comment .act, 
.trackback .act {
	float:right;
	font-size:10px;
}
.comment .content {
	background:url(images/comment.gif) 100% 100% no-repeat;
	margin:0 -15px;
	padding:0 15px 10px;
	line-height:145%;
}
.comment .content p {
	margin-top:10px;
}
.comment .content blockquote p {
	margin-top:0;
	margin-bottom:10px;
}
.admincomment .author {
	float:right;
}
.admincomment .pic {
	background:url(images/commentpoint.png) 0% 33% no-repeat;
	padding-right:0;
	padding-left:14px;
}
.admincomment .name {
	padding-right:0;
	padding-left:14px;
}
.admincomment .info {
	float:right;
}
#comment_login {
	margin-top:15px;
}
#thetrackbacks {
	display:none;
}
#thetrackbacks li {
	margin-top:15px;
}
.trackback {
	background:#EDEFF0 url(images/box.gif) 0 0 no-repeat;
	padding:10px 15px 0;
	width:575px;
}
.trackback .title {
	background:#EDEFF0 url(images/box.gif) 100% 100% no-repeat;
	padding:10px 15px !important;
	padding:0 15px 10px;
	width:575px;
	margin:0 -15px;
}
#respond {
	padding:10px 0 0;
	font-size:11px;
}
#respond .row {
	margin-bottom:5px;
}
#respond .textfield {
	width:200px;
}
#emoticon {
	float:right;
	margin-top:1px;
	margin-right:10px;
}
#comment {
	width:601px;
	background:#FFF url(images/textfield.gif) top repeat-x;
}
#commentnavi {
	background:#EDEFF0 url(images/box.gif) 0 0 no-repeat;
	padding:10px 15px;
	font-size:11px;
}
#commentnavi a.page-numbers {
	padding:5px 7px;
	text-decoration:none;
	border:1px solid #EDEFF0;
	margin:0 -2px;
}
#commentnavi a.page-numbers:hover {	
	background:#F7F7F7;
	border:1px solid #CCC;
	text-decoration:none;
}
#commentnavi span.pages {
	padding:0 7px 0 22px;
	background:url(images/icons.gif) 0 -272px no-repeat;
	height:16px;
	line-height:16px;
	float:left;
}
#commentnavi span.current {
	background:#F7F7F7;
	padding:5px 7px;
	border:1px solid #F7F7F7;
	font-weight:bold;
	margin:0 -2px;
}
#commentnavi #commentpager {
	line-height:16px;
}
#submitbox a.feed {
	background:url(images/icons.gif) 0 -256px no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	float:left;
}
#submitbox #submit {
	padding:3px 6px;
	background:#B4D666;
	border-top:1px solid #B4D666;
	border-right:1px solid #81B840;
	border-bottom:1px solid #81B840;
	border-left:1px solid #B4D666;
	color:#2970A6;
	font-size:11px;
	cursor:pointer;
}
#submitbox #submit:hover {
	background:#98C64C;
	border-top:1px solid #76B33A;
	border-right:1px solid #98C64C;
	border-bottom:1px solid #98C64C;
	border-left:1px solid #76B33A;
	color:#074A7E;
}
#submitbox .submitbutton {
	float:right;
}
#cp_post_id {
	display:none;
}
/* comment END */

/* related posts START */
/* when related posts with title */
#related_posts {
	padding-bottom:10px;
	margin-top:5px;
}
#related_posts h3 {
	background:#E3E4E6 url(images/box.gif) 0 0 no-repeat;
	font-size:12px;
	padding:6px 12px;
	font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;
	letter-spacing:0em;
	border-bottom:1px solid #CCC;
	margin-bottom:0;
}
#related_posts ul {
	background:#F4F5F7 url(images/box.gif) 100% 100% no-repeat;
	padding:3px 12px 8px;
}
#related_posts ul li {
	list-style:none;
	padding:3px 5px;
	border-bottom:1px solid #E3E4E6;
	line-height:18px;
}
#related_posts .count {
	font-size:10px;
}
#related_posts .excerpt {
	color:#999;
	font-size:11px;
	display:block;
}
/* when related posts without title */
/*
#related_posts {
	padding-top:3px;
	padding-bottom:8px;
}
#related_posts ul li {
	list-style:none;
	padding:3px 5px;
	border-bottom:1px solid #E3E4E6;
	line-height:18px;
}
*/
/* related posts END */

/* linkcat START */
.post .content .linkcat ul li {
	list-style:none;
	float:left;
	width:45%;
	padding:2px 0;
	overflow:hidden;
}
.post .content .linkcat ul li a {
	background:url(images/icons.gif) 0 -160px no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
}
/* linkcat END */

/*BLog Carnival*/
#carnivallogo {
	background: #FFF;
	border: #888 solid 3px;
	float:left;
	margin-top:4px;
	margin-right: 10px;
	color: #444;
	padding:2px;
}
#carnivallogo a {
	color: #666;
}
#carnivallogo img {
	float: left;
	margin-right: 5px;
}
#carnivaltext {
	line-height: 1.5em;
}

#mostcommented {
	margin-left:5px;
	width:290px;
}

#recent_comments {
	width:300px;
	padding-right:5px;
}
/*Carnival end*/

.highslide-close {
	font-size:11px;	
}

/*stray-quote*/
#lightbulb {
	float:left;
	margin:5px 10px 0 5px;
}

#sq-author {
	float:right;
}