/*  



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,sans-serif;



	background-color: #ccc;



	color: #333;



	background-repeat: no-repeat;



	background-position: center top;



	background-attachment: fixed;



	}







p {	



	margin: 15px 0;



	}







a:link, a:visited {



	color: #036;



	text-decoration:none



	}







a:hover, a:active {



	color: #900;



	text-decoration:underline;



	}







a img {



	border:0;



	}







code {



	font: 1.0em Arial,Helvetica,sans-serif;



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



	margin:0px auto;



	margin-top:0px;



padding-top: 15px;







	font-size:0.7em;



	background-color:#FFF;



	}







#noticias {



	width:950px;



	padding-left:0px;



	padding-right:10px;



	background:#ddd;



	font-size:0.7em;



	margin-top: 10px;



	margin-right: auto;



	margin-bottom: 10px;



	margin-left: auto;



	height:25px;



	line-height:25px;



	}



#noticias img {	padding-right:10px;}



#noticias marquee {width:780px;



	height:25px;



	line-height:25px;}



#noticias a:link, #noticias a:visited, #noticias a:active {



font-size: 10pt;



height:25px;



	line-height:25px;



}



#page {



	width:940px;



	margin:0px auto;



	padding:10px;



	background:#ececec;



	font-size:0.7em;



	}







.left, .alignleft {



	float:left;



	}



	.center {text-align:center;}







.right, .alignright {



	float:right;



	}











/* Navigation Bar*/



#navbar {







	background:#333333 url(images/fdoMenu.jpg);



font-size: 8pt;



	}







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



	border-left:1px solid #006;



	height: 39px;



	line-height: 39px;



	}







#page-bar li:hover {



	background:#999999 url(images/fdoMenuH.jpg);



	}











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



	margin: 0px;



	font-weight:bold;



	color:#FFF;



	display:block;



	padding-right: 16px;



	padding-left: 16px;



	}







#page-bar a:hover {



	text-decoration:none;



	display:block;



	}







#searchform {



	width:194px;



	float:right;



	text-align:right;



	margin-right:10px;



	margin-top: 10px;



	}







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



        height: 20px;



	line-height: 20px;



border-left: 0px solid #333333;



	}



	



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



	border-top: 1px solid #999999;



	border-bottom: 1px solid #333333;



		border-left: 0px solid #333333;



	padding-top: 0px;



	padding-right: 10px;



	padding-bottom: 0px;



	padding-left: 18px;







	}



	



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



	background: #666666;



	padding-top: 0px;



	padding-right: 10px;



	padding-bottom: 0px;



	padding-left: 18px;



	}







#page-bar li ul {



	position: absolute;



	width: 10em;



	left: -999em;



border-left: 0px solid #333333;



	}







#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, Helvetica, sans-serif;



	font-weight:bold;



	letter-spacing:-0.08em;



	}







h2 {



	font:2.3em Arial,Helvetica,sans-serif;



	}







h3 {



	font:1.3em Arial, Helvetica, sans-serif;



	margin-bottom:3px;



	color:#09F;



	font-weight:bold;



	}







h4 {



	font:10pt Arial, Helvetica, sans-serif bold;

	color:#000;

	padding: 4px;



	}







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



	}







#tagline {



	margin-top:5px;



	font-size:1em;



	color:#333;



	}







#top {



	padding:0;



	}







#headline {



	width:590px;



	float:left;



	background:#fff;



	padding:10px;



	font-size:1.05em;



	line-height:1.5em;



	margin:0;



	}



#headline2 {



	width:570;



	float:left;



	background:#fff;



	padding:10px;



	font-size:1.05em;



	line-height:1.5em;



	margin:0;



	}







#headline div.title, #headline2 div.title {



font-size:20px;



color: #000;



letter-spacing:-2px;



line-height:48px;



font-weight:bold;



letter-spacing:-0.05em;



line-height:0.9em;



display:block;



padding-bottom:5px;



padding-top:10px;



clear:both;	}







#headline div.title a:hover, #headline2 div.title a:hover{



color: #000; text-decoration:none;}







#headline div.title img, #headline2 div.title img {float:left; padding-right: 5px; margin-right:5px; border-right: solid 1px #ddd;}







#headline div.meta, #headline2 div.meta {



	display:block;



	margin-top:-5px;



	padding-bottom:2px;



	}







#headline p,#headline2 p {



	padding-bottom:15px;



	}







#featured {



	width:300px;



	background:#fff;



	float:right;



	padding:10px 10px 9px 10px;



	}



#featured ul{



	list-style-type: none;



	}







#featured .clearfloat {



	margin-top:7px;



	margin-bottom:8px;



	height:77px;



	}







#featured .info {



	margin-top:5px;



	padding-top:5px;



	float:right;



	width:180px;



	}







#featured .title {



	font-weight:bold;



	}



#featured  #slider ul li{



	margin-top:0px;



	margin-bottom:10px;



	_margin-bottom:5px;



}



#headline a img, #headline2 a img, #featured a img {



	border:1px solid #ccc;



	margin-top:5px;



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



#cat-2, #cat-4 {border-top:8px solid #09F;}







.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:#036; color:#fff; }



#cat-2:hover, #cat-4:hover {background:#09F; color:#fff; }



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



#cat-2:hover a, #cat-4:hover a {background:#09F; color:#fff; }







#bottom {



	width: 940px;



	}







#front-list {



	width:920px;



	margin: auto;



	background:#fff;



	padding:10px;



	font-size:1.05em;



	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 {



	font-weight:bold;



	font-size:1.0em;



	letter-spacing:-0.05em;



	}



#archive .title {



	font-weight:bold;



	font-size:20pt;



	letter-spacing:-0.05em;



	}







#front-list .clearfloat{



	padding-bottom:10px;



	border-bottom:1px dotted #ccc;



	margin-bottom:10px;



	float:left;



	width:135px;



	margin-left: 5px; 



	margin-right:5px;



	} 



	



	#archive .clearfloat {



	padding-bottom:10px;



	border-bottom:1px dotted #ccc;



	margin-bottom:10px;



	}







#front-list .spoiler {



	display:block;



	margin-top:3px;



	font-size:8pt;



	}



#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, #headline2 p, #featured p {



	margin:0;



	}











/* Content Page*/







#content {



	width:590px;



	background:#fff;



	padding:10px;



	font-size:1.05em;



	line-height:1.75em;



	float:left;



	min-height:400px;



	}



#content2 {



	width:920px;



	background:#fff;



	padding:10px;



	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:2.2em Arial, Helvetica, sans-serif;



	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 img, .post a img, #archive img {



	border:1px solid #ccc;



	margin:0 10px 5px 0;



	padding:2px;



	}



#front-list img {



	border:1px solid #ccc;



	margin: auto;



	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;



	}







#sidebar h3 {



	font:1.1em Arial;



	font-weight:bold;



	background-image:url(images/fdoH3.jpg);



	background-repeat:repeat-x;



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



	}







#sidebar li ul li:last-child{



	list-style:none;



	border-bottom:0px dotted #ccc;



	display:block;



	padding:2px 0px 0px 13px;



	}







#sidebar-ads {



	width:300px;



	float:right;



	margin-bottom:10px;



	padding:10px;



	background:#fff;



	}











/* Form Elements */







select {



	border:1px solid #333;







	}



	



.field {



	padding: 2px;



	border:1px solid #333;



	background:#fff;



	}







#s {



	padding:1px;



	font-size:1.0em;



	width:150px;



	}



	



#searchsubmit {



	padding-left:5px;



	}







#commentform input {



	width: 190px;



	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 {



	list-style:none;



	}







.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: 1px solid #ddd;



	margin-bottom: 5px;



	width:570px;



	}



		



.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:#09f;



	display: block;



	text-align:left;



	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;



	}







#mostcommented {



	margin-left:17px;



	border-right: 1px dotted #CCC;



	border-left: 1px dotted #CCC;



}







#recent_comments {



	width:280px;



	float:right;



	padding:10px;



	}







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



	color:#fff;



	font-size: 8pt;



	}







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



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



	}



	.bullet {



		display:block;



	padding:2px 0px 2px 13px;



	background: url(http://www.todoalbo.cl/images/bulletNegro.png) no-repeat 0px;



}







/* PEYUUUU */



#menu-subpagina {width:300px;



	margin-bottom:10px;



	padding:10px;



	background:#fff;



	font-size:14px;}



#menu-subpagina li {list-style-type:none; border-bottom: dotted 1px #ddd; margin-top:5px; padding-bottom:5px;}



#menu-subpagina a:link, #menu-subpagina a:visited, #menu-subpagina a:active {color:#036;}







#fotos-lado {width:320px;



	margin-bottom:10px;}







#botones {width:610px; margin-bottom:5px; float:left;}



#botones td {width:203px;}







.link-derecha {text-align:right;}



	



#blog {color:#09F;}



#blog img{float:left; margin-right:5px;}



#blog a:link, #blog a:active, #blog a:visited {font-size:11pt; font-weight:bold}



#blog h2 {margin-top:5px; margin-left:5px; margin-bottom:5px; font-weight:bold; color:#FFF}



#sidebar h2 {margin-top:10px; border-bottom: solid 1px #eee; font-family:Verdana, Geneva, sans-serif; font-size:14pt; font-weight:bold;}