*{margin:0px;padding:0px;}
img{border:solid 0px}

body{
	font-family:verdana;
	color:#333;
}

.clear{
	clear:both;
}

.hidden{
	visibility:hidden;
}

/* H1, H2, H3, H4, H5 */

#header-bg{
	position:absolute;
	top:0px;
	left:0px;

	height:96px;
	width:100%;
	
	background: transparent url(images/header_bg.gif) repeat-x;
}

#header{
	position:relative;
	left:50%;
	margin-left:-512px;
	width:1024px;

	margin-bottom:3px;

	height:96px;
}

div.blog-name{
	height:100%;
	width:504px;

	background:transparent url(images/logo.png);
}

div.blog-name a{
	display:block;
	height:100%;
	width:100%;
}

#background{
	background:#f8f8f8 url(images/background.png);
}

#main{
	position:relative;
	left:50%;
	margin-left:-512px;
	width:1024px;
}

#menu{
	position:relative;
	padding:7px 12px 0px 12px;
	
	height:47px;
	_height:53px;

	background:transparent url(images/menu_bg.png) repeat-x;
}

#menu-lf{
	position:absolute;
	left:0px;
	top:0px;
	
	width:12px;
	height:100%;

	background:transparent url(images/menu_bg_lf.png) no-repeat;
}

#menu-rg{
	position:absolute;
	right:0px;
	top:0px;
	
	width:12px;
	height:100%;

	background:transparent url(images/menu_bg_rg.png) no-repeat;
}

#menu ul{
	position:relative;
	
	list-style-type: none;
}

#menu li.normal, li.hover, li.active{
	float:left;
	display:block;
	position:relative;
	padding:0px 5px;


	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	text-align:center;
	font-weight:bold;
	line-height:2.7em;

	cursor:pointer;
}

#menu a{
	display:block;

	text-decoration:none;
}

#menu li.normal{
	margin:0px 1px;
}

#menu li.normal a{
	color:#85642C;
	text-shadow:#F8CB89 -1px 1px 0px;
}

#menu li.hover{
	margin:0px;

	border-top:solid 1px #f9cc82;
	border-right:solid 1px #f9cc82;
	border-bottom:solid 1px #DB931A;
	border-left:solid 1px #DB931A;

	background:transparent url(images/button_menu_bg_hover.png) repeat-x;
}

#menu li.hover a{
	color:#A97E38;
	text-shadow:#FAD7A3 -1px 1px 0px;
}

#menu li.active{
	margin:0px;

	border-right:solid 1px #d6a452;
	border-bottom:solid 1px #e29b2c;
	border-left:solid 1px #e29b2c;

	background:transparent url(images/button_menu_bg_active.png) repeat-x;
}

#menu li.active a{
	color:#765827;
	text-shadow:#f7c87e -1px 1px 0px;
}

#container{
	position:relative;
	padding:5px 10px 10px 10px;


	_height:800px;
	min-height:800px;
	
	background: #fff url(images/container_bg.png) repeat-x;
}

#container-lf{
	position:absolute;
	left:0px;
	top:0px;

	height:100%;
	width:3px;

	background:transparent url(images/container_shadow_lf.png) repeat-y;
}

#container-rg{
	position:absolute;
	right:0px;
	top:0px;

	height:100%;
	width:3px;

	background:transparent url(images/container_shadow_rg.png) repeat-y;
}

#left-column{
	float:left;
	width:680px;
}

#posts{

}

.post{
	padding:5px;
	margin-bottom:5px;
	
}

h2.title{
	font-size:1.8em;
	text-shadow:#333 0px 0px 1px;
	/*color:#27241f;*/
}

h2.title a{
	padding:0px 5px 2px 5px;
	border-bottom:dotted 1px #ccc;

	text-decoration:none;
	color:#333;

	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

h2.title a:hover{
	background:#eee;
}

.date{
	margin-top:5px;

	font-size:0.6em;
	text-align:right;
	color:#888;
}

.content{
	padding-top:10px;

	font-size:0.9em;
}

.content img{
	padding:5px;

	border:solid #eee 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	
}

.content a{
	border-bottom:dotted 1px #E39511;

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

.content a:hover{
	padding-bottom:2px;

	background:#FDF3E3;

	border-bottom:solid 1px #F9D8A2;

	text-decoration:underline;
}

.social{
	margin-top:10px;
	padding:5px;
	
	font-size:0.7em;
	color:#442D06;

	background-color:#f2b34e;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.social a{
	color:#442D06;
	font-weight:bold;
	text-decoration:none;
}
.social a:hover{
	text-shadow:#fff 0px 0px 3px;
	color:#A46C0F;
}

.share{
	float:left;
}

.post-comments{
	float:right;
}


.nextpage a, .previouspage a{
	margin:10px 0px;

	font-weight:bold;
	color:#2C1D03;
	text-decoration:none;
}

.nextpage a:hover, .previouspage a:hover{
	background-color:#FDF3E3;
	
	border-bottom:solid 1px #F9D8A2;
}

.nextpage{
	float:right;
}
.previouspage{
	float:left;
}


#sidebar{
	float:right;
	width:300px;
}

#follow{
	margin:15px 0px;
}

#advisors{
	height:250px;
	margin-bottom:10px;

	background:transparent url(images/sponsors.png) no-repeat center;
}

#mostcommented{
	height:500px;


}

#most-read{
	padding-top:30px;
	margin-top:30px;

	background:transparent url(images/lo_mas_leido_title_bg.png) no-repeat;
}

#most-read div{
	margin:3px 0px;

	font-size:.8em;
}

#most-read a{
	display:block;
	padding:3px;

	background:#eee;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	text-decoration:none;
	color:#333;
	text-shadow:#fff -1px 1px 0px;
}

#most-read a:hover{
	padding:3px 3px 3px 10px;
	color:#666;

	background:#ddd;
}

#tag-cloud{
	padding-top:30px;
	margin-top:20px;

	background:transparent url(images/tag_cloud_title_bg.png) no-repeat;

	font-family:Helvetica;
}

#tag-cloud a{
	text-decoration:none;
	color:#777;
}

#tag-cloud a:hover{
	border-bottom:dashed 1px #666;
	color:#333;
}

#facebook{
	margin-top:20px;
}

#comentarios{
	padding-top:1px;
}


h1.comments-quantity{
	margin:20px 0px;
	font-size:2em;
	text-shadow:#333 0px 0px 1px;
}

.comments-quantity .icon{
	margin-top:-10px;

	vertical-align:middle;
}

.comment{
	position:relative;
	margin-bottom:10px;

	font-size:0.9em;
}


.comment-data{
	float:left;
	width:100px;

	text-align:center;
}

img.comment-avatar{
	
}

div.comment-author{
	font-size:1.2em;
	font-weight:bold;
}

div.comment-author a{
	padding:0px 15px;

	background:transparent url(images/external_link.gif) no-repeat right;
	
	color:#e99610;
	text-decoration:none;
}

div.comment-author a:hover{
	color:#F2B44A;
}

.comment-content{
	float:right;
	padding:5px 5px 10px 5px;

	min-height:65px;
	_height:65px;

	background:#f9f9f9 url(images/comment_content_bg.png) repeat-x bottom;

	border:solid 1px #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	width:560px;
}

span.comment-date{
	position:absolute;
	right:2px;
	bottom:2px;

	font-size:0.6em;
}


#addcomment{
	margin-bottom:5px;
}

#addcomment h2.leave-a-comment{
	margin:20px 0px;
	text-shadow:#333 0px 0px 1px;
}

#addcomment textarea.content{
	float:left;
	padding:0px;
	
	width:60%;
	height:230px;

	background:transparent url(images/textarea_bg.gif) repeat-x bottom;

	border-top:solid 1px #999;
	border-right:solid 1px #bbb;
	border-bottom:solid 1px #f9f9f9;
	border-left:solid 1px #bbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#addcomment div.right-bar{
	position:relative;
	float: right;
	padding:5px;
	
	width:232px;
	height:220px;
	_height:230px;

	background:#e9a83a url(images/send_bg.gif) repeat-x bottom;

	border:solid 1px #E99810;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#addcomment div.right-bar .email, .url{
	padding-top:10px;
}

#addcomment div.right-bar #email, #nick, #url{
	width:100%;
	padding:5px;

	height:28px;

	border:solid 1px #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#addcomment input.submit{
	position:absolute;
	padding:0px;
	bottom:0px;
	left:0px;
	
	height:40px;
	width:242px;

	border:none;
	background: transparent;

	border:none;

	font-weight:bold;
	font-size:1.3em;
	color:#222;
	text-shadow:#F9D8A2 -1px 1px 0px;

	cursor:pointer;
}

.gravatar-info{
	text-align:right;
	font-size:0.8em;
}

.gravatar-info a{
	border-bottom:dotted 1px #E39511;

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

.gravatar-info a:hover{
	border-bottom:solid 1px;
}

#footer{
	padding:1px;

	width:100%;

	background: transparent url(images/footer_bg.png) repeat-x;

	text-align:center;
}

#footer img{
	vertical-align:middle;
}

#footer h5{
	margin:15px;

	font-size:0.8em;
	font-weight:normal;
	color:#d6d6d6;
}

#footer h5 a{
	color:#d6d6d6;
	text-decoration:none;
}
