/*  







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







*/























/* HTML Elements */







* {







	margin:0;







	padding:0;







	}















body {







	/*font: 100% Arial, Helvetica;







	font-size:20px;







	color: #333;**/







	/*background: #FFF;*/







	text-align: justify;







	font-family: 100% Arial,Tahoma,Verdana;







	/*background:#010166;*/







	background: #7090B9; /* Bright Blue  - #0278C2 ;*/







}















#wrap1{







	margin:0px auto; padding:0px;







	width:980px;







	/*background:url(images/wrap1.jpg) repeat-y;*/







	background: #0278C2 url(images/wrap1.jpg) repeat-y;







}







p {	







	margin: 15px 0;







	font-family: Arial,Tahoma,Verdana;







	font-size:16px;







	line-height:20px;







	color:#222222;

	

	

	

	}















a:link, a:visited {







	color: #3c78a7;







	text-decoration:none







	}















a:hover, a:active {







	color: #3c78a7;







	text-decoration:underline;







	}















a img {







	border:0px 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 {







	width:961px;







	margin:0px auto;







	/*margin-top:15px;*/







	padding:0px;







	font-size:0.7em;







	background:#FFFFFF;



	



	/*background:url(images/logo_img2.jpg) no-repeat;*/







	}















/*#head #img{







	margin:0px auto; padding:0px;







	background:url(images/top1 .jpg) no-repeat;







	height:15px; width:980px;







}*/







#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-top:3px;







	text-transform:uppercase;







	/*background:#101660 url('backup/images/navbar.png'); */







	background:url('images/nav-bg4.jpg') repeat-x;







	margin-left:auto; margin-right:auto; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px;



	







	}















#page-bar {







	width:722px;







/*text-transform:capitalize;*/







	text-transform:uppercase;







	font-family: Arial,Tahoma,Verdana;







	font-size:12px;







	line-height:20px;







	}















#page-bar ul {







	list-style: none;







	}















#page-bar li {







	float:left;







	list-style:none;







	cursor: pointer;







	display:block;







	border-right:1px solid #101660;







	}















#page-bar li:hover {







	background: #3c78a7;







	}























#page-bar a, #page-bar a:visited {







	margin: 0px;







	padding:8px 12px;







	/*font-weight:bold;*/







	color:#FFF;







	display:block;







	}















#page-bar a:hover {







	text-decoration:none;







	display:block;







	}















#searchform {







	width:194px;







	float:right;







	text-align:right;







	padding-top:8px;







	margin-right:10px;







	border:none;







	}















/* Dropdown Menus */		







#page-bar li {







	float: left;







	margin: 0px;







	padding: 0px;







	}







	







#page-bar li li {







	float: left;







	margin: 0px;







	padding: 0px;







	width: 122px;







	text-transform:none;







	}







	







#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {







	background: #2B2B2B;







	width: 122px;







	float: none;







	margin: 0px;







	padding: 5px 10px 5px 18px;







	border-top: 1px solid #C0C0C0;







	}







	







#page-bar li li a:hover, #page-bar li li a:active {







	background: #666666;







	padding: 5px 10px 5px 18px;







	}















#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:3.5em Arial;







	letter-spacing:-0.08em;*/







	font-weight:bold;







	font-family:  Arial,Tahoma,Verdana;







	font-size:24px;







	line-height:22px;	







	}















h2 {







	/*font:2.3em Georgia, "Times New Roman";*/







	font-weight:bold;







	font-family:Verdana, Arial, Helvetica, sans-serif;







	font-size:24px;















	line-height:22px;







	}















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-size:0.85em;







	}















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:100%;







	/*background:#fff url('backup/backup/images/post.jpg') repeat-x;*/







	}















#tagline {







	margin-top:5px;







	font-size:1em;







	color:#333;







	}















#top {







	padding:0;







	}















#headline {







	width:580px;







	float:left;







	background:#fff;







	padding:10px;







	font-size:1.05em;







	line-height:1.5em;







	margin:0;







	}















#headline  div.title {







	font-weight:bold;







	font:2.4em Georgia;







	letter-spacing:-0.05em;







	display:block;







	padding-bottom:5px;







	}















#headline div.meta {







	display:block;







	margin-top:-5px;







	padding-bottom:2px;







	}















#headline p {







	padding-bottom:15px;







	}















#featured {







	width:300px;







	background:#fff;







	float:right;







	padding:10px 10px 9px 10px;







	}















#featured .clearfloat {







	margin-top:7px;







	margin-bottom:8px;







	text-align:justify;







	}















#featured .info {







	margin-top:5px;







	padding-top:5px;







	float:right;







	width:180px;







	}















#featured .title {







	font-weight:bold;







	}















#headline a img, #featured a img {







	border:1px solid #ccc;







	margin-top:5px;







	margin-right:10px;







	padding:2px;







	}























#middle {







	width: 920px;







	background:#fff;







	float:right;







	padding:10px;







	margin:10px 0;







	}















.category {







	width:164px;







	float:left;







	border-top:8px solid #333;







	margin:0px;







	padding:5px 10px 10px 10px;







	background:#fff;







	}















.category p {







	margin:0;







	}















#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}







#cat-2, #cat-4 {border-top:8px solid #3c78a7;}















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







	}















.category a {







	color:#333;







	display:block;







	background:none;







	}















.category a:hover {







	background:none;







	color:#fff;







	text-decoration:none;







	}















#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }







#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }







#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }







#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }















#bottom {







margin-top:5px;







	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;







	}















#front-list .title, #archive .title {







	font-weight:bold;







	font:2.0em 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;







	}















.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:920px;







	background:#fff;







	padding:10px;







	/*font-size:1.05em;*/







	font-size:16px;







	font-family:Arial;







	line-height:1.75em;







	float:left;







	min-height:400px;







	font-family:Arial, Helvetica, sans-serif;







	}







	







/******** new css *******/















#content #snav{







	margin:-35px 20px 5px 0px; padding:0px;







	float:left;







	width:200px;



	

	





	background:#F2F1F1;







}







#content #snav h2{







	margin:0px 0px 5px 0px; padding:5px 5px 5px 12px;







	color:#FFFFFF;







	font-family:Arial,Tahoma,Verdana;







	font-size:0.7em;











	line-height:22px;







	font-weight:bold;







	background:url('images/leftsidebar-bg.gif') repeat-x;	







}







#content #snav ul{}















#content #snav ul li{







	margin:0px; padding:0px 0px 5px 0px;







	list-style-type:none;







	font-family: Arial,Tahoma,Verdana;







	font-size:12px;







	line-height:20px;







	color:#222222;







	width:200px;







	float:left;







}







#content #snav ul li a{







	margin:0px; padding:2px 5px 2px 5px;







	text-decoration:none;







	font-family: Arial,Tahoma,Verdana;







	font-size:12px;







	line-height:20px;







	/*color:#222222;*/

	

	color:#3C78A7;







	float:left;







	width:190px;
	font-weight:bold;







	/*border-bottom:1px dashed #999999;*/







}







#content #snav ul li a:hover{







	margin:0px; /*padding:0px 5px 5px 5px;*/







	text-decoration:none;







	font-family: Arial,Tahoma,Verdana;







	font-size:12px;







	line-height:20px;







	/*color:#3C78A7;*/

	

	/*color:#E36C0A;*/
	color:#fff;

	

	background: #181f8c;







}























/********* end ************/















#content .breadcrumbs, #content .breadcrumbs a {







	font-weight:bold;







	/*color:#333;*/







	font-family: Arial,Tahoma,Verdana;







	font-size:12px;







	line-height:20px;







	color:#222222;







	}















#content h2.title {







	/*font:2.2em Georgia;







	font-weight:bold;







	letter-spacing:-0.05em;*/







	/*font-family: "Times New Roman", Times, serif;*/
	font-family:Arial,Tahoma,Verdana;



	



	font-size:24px;







	line-height:22px;







	font-weight:bold;







	/*color:#222222;*/
	color:#E36C0A;







	border-bottom:1px solid #ddd;







	/*border-top:3px solid #ddd;*/





	margin-left: 220px;

	padding:5px 0px;







	/*width:710px;







	float:right;*/







	}

#content h2.title1 {







	/*font:2.2em Georgia;







	font-weight:bold;







	letter-spacing:-0.05em;*/







	font-family:Arial,Tahoma,Verdana;



	



	font-size:24px;







	line-height:22px;







	font-weight:bold;







	color:#E36C0A;







	border-bottom:1px solid #ddd;







	/*border-top:3px solid #ddd;*/





	

	padding:5px 0px;







	/*width:710px;







	float:right;*/







	}









#ram {







	width:920px;







	background:#fff;







	padding:10px;







	font-size:1.05em;







	line-height:1.75em;







	float:left;







	min-height:400px;







 	}







#ram ul li {







	margin-left:20px;







   	}







#ram h2.title {







	/*font:2.2em Georgia;







	letter-spacing:-0.05em;*/







	font-family:Arial,Tahoma,Verdana;







	font-size:22px;







	line-height:22px;







	font-weight:bold;	







	border-bottom:1px solid #ddd;







	padding:5px 0px;







	color:#E36C0A;







	}















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

	

	margin:0 25px 5px 0;







	padding:2px;







	}







.imageram







{







border:1px solid #ccc;







	margin:0 10px 5px 0;







	padding:2px;







float:left;







}















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







	}















#sidebar h3 {







	font:1.1em Arial;







	font-weight:bold;







	background:#101660;







	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;







	}















#sidebar-bottom, #sidebar-middle {







	margin-top:10px;







	}















#sidebar-middle {







	width:320px;







	float:right;







	}















#sidebar-left {







	width:300px;







	float:right;







	padding:0px 10px 10px 10px;







	background:#fff







	}















#sidebar-right {







margin-top:10px;







	width:300px;







	float:right;







	padding:0px 10px 10px 10px;







	background:#fff







	}























#sidebar li {







	border-bottom:1px dotted #ccc;







	display:block;







	background:url('backup/backup/images/sub.png') no-repeat 0 0px;; list-style-type:none; padding-left:13px; padding-right:0px; padding-top:2px; padding-bottom:2px







	}















#sidebar li ul li:last-child{







	border-bottom:0px dotted #ccc;







	display:block;







	background:url('backup/backup/images/sub.png') no-repeat 0 0px;; list-style-type:none; padding-left:13px; padding-right:0px; padding-top:2px; padding-bottom:0px







	}















#sidebar-ads {







	width:300px;







	float:right;







	margin-bottom:10px;







	padding:10px;







	background:#fff;







	}























/* Form Elements */















select {







	border:1px solid #333;







	/*width:100%*/







	width:20%;







	}







	







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







	}















#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: 941px;







	background: url('images/footer-bg.jpg') repeat-x bottom;







	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: 100%;







	/*font-size:1em;*/







	padding-top:10px;







	padding-bottom:10px;







	font-family: Arial,Tahoma,Verdana;







	font-size:14px;







	line-height:20px;







	}















#footer p{







margin:4px;







	}























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







	}















/*----------Slider Image Down ------------*/















#myslides{















background:#262B2F;















}















.stepcarousel{







position: relative; /*leave this value alone*/







overflow: scroll; /*leave this value alone*/







width: 890px; /*Width of Carousel Viewer itself*/







height: 200px; /*Height should enough to fit largest content's height*/







margin: 0px 14px 0px 14px;







background:#262B2F;







}















.stepcarousel .belt{







position: absolute; /*leave this value alone*/







left: 0;







top: 0;







}























.stepcarousel .panel{







float: left; /*leave this value alone*/







overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/







margin: 10px 17px ; /*margin around each panel*/







width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */







background:#14181a;







height:140px;







border:1px solid #373C3F;







}







.stepcarousel .panel p{







text-align: left; /*leave this value alone*/







overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/







margin: 5px 5px ; /*margin around each panel*/















}















.stepcarousel .panel h2{







height:16px;







overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/







margin: 0px 5px ; /*margin around each panel*/







font-size:13px;







font-weight:normal;







text-align:center;







font-family:Tahoma,century gothic,Arial,verdana, sans-serif;







text-transform:uppercase;















}







.stepcarousel .panel h2 a:visited, .stepcarousel .panel h2 a:link{







	color:#8B979F;















}







.stepcarousel .panel img{















background:#040404; /*clip content that go outside dimensions of holding panel DIV*/







margin: 10px 10px 8px 10px; /*margin around each panel*/







padding:0px 0px;















}























.floatLeft { 







    float: left; 







    margin: 4px; 







}







#foottext p b{margin:2px;}




span.wpcf7-list-item { display: block; }