/*  



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;



	background: #fbf5f2 url('http://i47.tinypic.com/wiv728.png') repeat;



	color: #61523d;



	}





div {

text-align: justify;}



#maincontainer{















	width: 1188px; 







	top: 0px;







	margin: 0 auto;







        padding: 0 auto;







	text-align:center;







	position:relative;







	background: #;







	border-right: 0px solid #FFFFFF;







	border-left: 0px solid #FFFFFF;







}



.trans:hover



{opacity: 0.8;



border: 0px solid #TRANS;



padding:0px;



-moz-border-radius:4px;



background-color: #trans;



}







.trans



{



opacity: 0.2;



border: 0px solid #TRANS;



padding:0px;



-moz-border-radius:4px;



background-color: #TRANS;



}







.family:hover



{opacity: 0.8;



border: 0px solid #6a4a54;



padding:0px;



}







.family



{



border: 0px solid #323639;



padding:0px;



}







.elite:hover



{



background-color: #FFF;



	border:1px solid #d38d97;	



	padding:4px;







}







.elite



{



background-color: #FFF;



	border:1px solid #d0d4c3;	



	padding:4px;







}







.pix:hover



{opacity: 0.6;



border: 1px solid #bf728f;



padding:5px;







}





















a img {
padding:5px;
border: 1px solid #d9dddd;
background-color: #FFFFFF;

	}

a img:hover {
padding:5px;
border: 1px solid #bfb48f;

}


.pix



{



opacity: 1;



border: 1px solid #c5cacd;



padding:5px;



background-color: #FFFFFF;







}







.titlenews {



	background-color: #e2e3e3;



	font-size: 8pt;



	font-weight: normal;



	color: #c0c1c0;



        text-align: center;



	line-height: 6px;



	margin-bottom: 10px;



	text-transform: uppercase;



	padding: 6px;



}







.titlenews2 {



	background-color: #dfe3d1;



	font-weight: normal;



	color: #818c5c;



        font: 90% Arial, Helvetica;



	text-align: center;



	line-height: 6px;



	margin-bottom: 0px;



	text-transform: uppercase;



	padding: 1px;



}





b, strong 



{



color: #a48a26;



}







i, em 



{



color: #beb594;



}







u, ins 



{



color: #533c23;
text-decoration : none;


}







p {	



	margin: 15px 0;



	}







a:link, a:visited {



	color: #8d9aa7;



	text-decoration:none;



	}







a:hover, a:active {



	color: #a59f8f;



	text-decoration:none;



	}







a.menulien {



text-align: center; 



color:#9d9b91; 



font-weight:normal; 



font-size: 11px; 



padding: 10px; 



padding-left:15px; 



display:block; 



text-decoration: none; 



margin:1px; 



background-color:#eeebe9;



text-transform:none; 



border-top: 0px solid #dddddd; 



border-bottom: 0px solid #dddddd;



border-right: 0px solid #dddddd; 



-moz-border-radius:15px; 



}







a.menulien:hover {



background-color:#e2e3e3; 



color:#9d9b91; 



padding-left:15px;  }





















code {



	font: 1.0em 'Courier New', Courier, Fixed;



	background:#fcf8f5;



	}	







acronym, abbr, span.caps {	



	font-size: 0.9em;



	letter-spacing: .07em;



	cursor: help;



	}			







acronym, abbr {



	border-bottom: 1px dashed #999;



	}











blockquote {
	color: #;
	font-style: italic;
	padding: 0 10px 0 25px;
	background: url('http://twilightsaga-france.com/images/quote.png') no-repeat 0 0;
	}











select {



	width: 130px;



	}	



/* NEWS*/



.commentnumber {

	height:28px;

	width:40px;

	font: 17px Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	text-align:center;

	float: left;

	overflow:hidden;

	margin:-55px 0px 0px 430px;

	line-height:13px;

	padding-top:12px;

}



.date {

	color: #a48a26;
 
 	font: 20px Arial Narrow;

	font-weight:normal;

	letter-spacing:-2px;

	text-transform:lowercase;

	text-align:center;

	height:10px;

	width:100px;

	margin:0px 0px 0px 0px;

	line-height:20px;

	padding-top:10px;

	padding-bottom:7px;

	background: # url() center;

	text-shadow: #97a3a2 1px 1px 1px;

}





/* Navigation menu */



#navigation {

	float: right;

	width: 100%;

	height: 60px;

	margin: 0 auto 0 auto;

	padding: 0;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	

}



#navigation ul {

	margin: 0 0 0 200px;

}



#navigation li {

	float: left;

	list-style: none;

	line-height: 30px;

	margin-top: 10px;

	border-right: 1px solid #d3cec3;

}



#navigation li a, #navigation li a:link, #navigation li a:active, #navigation li a:visited {

	color: #fbf5f2;

	display: block;

	padding: 6px 13px 6px 13px;

	text-decoration: none;

	background: transparent;
      
        text-shadow: #a7a294 1px 1px 1px;

}



#navigation li a:hover, #navigation li.current {

	color: #f0f1f1;

	text-decoration: none;

	background: url(http://twilightsaga-france.com/images/bg-navigation.png) no-repeat center;}





/* Structure */











#head {



	width:1188px;



	margin:0px auto;



	margin-top:0px;



	margin-left:0px;



        margin-bottom:25px;



	padding:0px;



	font-size:0.7em;



	}



#ad {



	margin-top:0px;



	margin-left:0px;



        margin-bottom:10px;



	padding:0px;



	}







#page {



	



	margin-left:0px;



	padding:0px;



	background:#transp;



	font-size:0.7em;



	}







.left, .alignleft {



	float:left;



	}







.right, .alignright {



	float:right;



	}











/* Navigation Bar*/











#page-bar {



	width:722px;



	}







#page-bar ul {



	list-style: none;



	}







#page-bar li {



	float:left;



	list-style:none;



	cursor: pointer;



	display:block;



	border-right:1px solid #333;



	}







#page-bar li:hover {



	background: #3c78a7;



	}











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



	margin: 0px;



	padding:10px 16px;



	font-weight:bold;



	color:#FFF;



	display:block;



	}







#page-bar a:hover {



	text-decoration:none;



	display:block;



	}







#searchform {



	width:200px;



	text-align:right;



	padding-top:8px;



	margin-right:10px;



        position: absolute;



	}







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



	}







#page .title, #archive .title 



{}















/* Text*/







h1 {



	font:3.5em Arial;



	font-weight:bold;



	letter-spacing:-0.08em;



	}







h2 {



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



	}







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 {



        font:1.0em Arial;



	margin-top:32px;



	padding-left:0px;



        color:#333;



        font-size:0.85em;



	}







h3#comments {



        font:1.0em Arial;



	margin-top:32px;



	padding-left:0px;



        color:#333;



        font-size:0.85em;



	}







h3.authors {



	margin-top:15px;



	}







/* Index Page*/















#logo {



	width:350px;



	}







#tagline {



	margin-top:5px;



	font-size:1em;



	color:#333;



	}







#top {



	padding:0;



	}







































#middle {



	width: 920px;



	background:#fff;



	float:right;



	padding:10px;



	margin:10px 0;



	}















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



	width: 1000px;



	}







#front-list {



	width:550px;



	background:#transp;



	padding:10px;

        margin-left: 150px;



	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 



{background: transparent url(http://i47.tinypic.com/30a70g5.jpg) center;





text-align:left; 



padding-right:px; 



padding-bottom:5px; 



padding-left:15px; 



padding-top:7px; 



font: 20px Arial ;



text-shadow: #8c9a9b 1px 1px 1px;



font-weight:normal;

letter-spacing: -2px;

color:#e7eeef;



text-transform: uppercase;}











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



	padding-bottom:10px;



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



{-moz-border-radius:8px; 



background-color: #e5eeef;


opacity: 0.8;



text-align:center; 



padding-right:2px; 



padding-left:2px; 



padding-top:5px; 



padding-bottom:5px; 


font-size:1em;



color:#abb1af;


text-transform: uppercase;



	}







.meta a {



	color:#bec0c0;



	}





#headline p, #featured p {



	margin:0;



	}















/* Content Page*/







#content {



	width:680px;



	background:#transp;



	padding:10px;



	font-size:1.05em;



	line-height:1.75em;



	float:left;



	min-height:400px;



        text-align: justify;



	}







#content .breadcrumbs, #content .breadcrumbs a {



	color:#9e9d9d;



-moz-border-radius:8px; background-color:#e9e7e7; padding:8px; text-align:justify; margin-bottom:8px;



	}







#content .title, #archive .title 



{background: transparent url() center;





text-align:left; 



padding-right:10px; 



padding-bottom:0px; 



padding-left:55px; 



padding-top:7px; 



font: 26px Arial ;



text-shadow: #cdcac1 1px 1px 1px;



font-weight:normal;

letter-spacing: -2px;

color:#97958d;



text-transform: lowercase;}







#content h2.title {



	font:2.2em Georgia;



	font-weight:bold;



	letter-spacing:-0.05em;



	border-bottom:1px solid #ddd;



	border-top:3px solid #ddd;



	padding:5px 0px;



	}















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



	}















#tools {



	width:590px;



	height:25px;



	font-size:0.95em;



	}







#tools a:hover {



	background:none;



	}







.navigation {



	padding:5px 0px;



	text-align:Center;



	}







/* Sidebar*/



#sidebar {



	width:250px;



	float:left;



	margin:0px 0px 0px 0px;



	}











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



	float:right;



	}







#sidebar-left {



	width:0px;



	padding:0px 10px 10px 10px;



	float:left;



	background:#fff;



	}







#sidebar-right {



	width:0px;



	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;



	}











/* Form Elements */







select {



	border:1px solid #;



	width:100%



	}



	



.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: 70%;



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



	border:none;



	}







li.my_comment cite strong {



	font-size: 1.3em;



	color:#;



	}



	



#commentform small {



	background:#121312;



	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:#8f7893;



	}







.avatar {opacity: 0.8;



       border: 1px solid #cdcac1;



       -moz-border-radius:6px;	



        margin:10px 10px 0px 0px;



	float:right;



	padding:6px;



	width:55px;



	height:55px;



	}







#comment {



	width:650px;



	background:#e1ddd4;

color:#bdb9ac;


	}







/* Footer*/







#front-popular {



	font-size:0.7em;



	color:#fff;



	width: 880px;



	background:#cdd7dc url(images/bottombar.png) bottom no-repeat;



	margin: 0 auto;



	padding:10px;



	}







#recentpost, #mostcommented {



	width:250px;



	float:left;



	padding:10px;



	border:1px dotted #91a4b0;



	}







#mostcommented {



	margin-left:17px;



	}







#recent_comments {



	width:250px;



	float:right;



	padding:10px;



	border:1px dotted #91a4b0;



	}







#recentpost a, #mostcommented a, #recent_comments a {



	color:#91a4b0;



	}







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



	padding:5px;



	display:block;



	}







#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {



	background:#b9c9d2;



	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: 900px;



	font-size:0.6em;



	padding-top:10px;



	padding-bottom:10px;



	}











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



	}







.content{



	background-color:#f1f5f5;



	padding:10px;



	font-size: 11px;



	font-style: normal;



	line-height: 16px;



	font-weight: normal;



	text-transform: none;



	letter-spacing: 0px;



	text-align: justify;



        margin-bottom: 0px;




border-right: 1px solid #d6d4c4;
border-bottom: 1px solid #d6d4c4;

color: #695d4d;

}



















span.titre{



background:url(http://i47.tinypic.com/6fm6ah.jpg); 


-moz-border-radius:8px; 

text-align:center; 



padding-right:25px; 



padding-bottom:5px; 



padding-left:25px; 



padding-top:5px; 



font-weight:bold;



color:#d9d9cb;

text-transform: uppercase;
text-shadow: #5b3f15 1px 1px 1px;
}







.affiliates img {



opacity: 1;



border: 1px solid #323639;



padding:3px;



-moz-border-radius:4px;



margin: 2px;



}







.affiliates img:hover {



opacity: 0.6;



border: 1px solid #6a4a54;



padding:3px;



-moz-border-radius:4px;



}



input, textarea, option, select {



	background:#f0f1f1;



	color: #e7b8da;



        -moz-border-radius:5px; 



	border: 1px solid #e8e9e9;



	padding:3px;



	}



	


.informations {

	background-color: #f3f0ee;
	border-bottom: 1px solid #e2e3e3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius:  8px;
	padding:10px;}


.informations:hover {

	background-color: #ece9e7;
	border-bottom: 1px solid #e2e3e3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius:  8px;
	padding:10px;}

input:hover, textarea:hover, option:hover, select:hover {



	background:#cdcac1;



	color: #fcf8f5;



        -moz-border-radius:5px; 



	border: 1px solid #cdcac1;}