/*
Theme Name: PerezPenas theme
Theme URI: http://perezpenas.com
Description: <a href="http://nhki.es/themes/perezpenas/" title="perezpenas Theme by NHKi">PerezPenas Theme</a>
Version: 1.0
Author: Alex Diaz by NHKi
Author URI: http://nhki.es 
*/
body {
	background: #c0c0c0;
	font-size: 0.88em;
	margin-top:12px;
	color:#3a3a3a;
	padding:0;
	text-align:center;
}

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	outline:none;
	color:#3a3a3a;
	border-bottom:0px;
}
a:hover {
	border-bottom:1px #3a3a3a dotted;
}
	
img, img a, img a:hover {
	border:0;
}
li {
	list-style:none;
	font-size: 0.8em;
	padding:10px;
	padding-bottom:0;
}
p.clear{
	height:20px;
}
#main {
	padding:0px;
	width:100%;
}
#page {
	width:75%;
	border:1px #000 solid;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	margin-top:0;
	background-color:#fff;
}
#header {
	overflow:hidden;
	float:left;
	clear:both;
	width:100%;
	background:url(img/perezpenas.jpg) no-repeat left top #221f1c;
	/*background-color: #221f1c;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(img/perezpenas.jpg);
    */
	height:170px;
    /*border: 2px #000 solid; */
}

#header h1, #header h1 a{
	display:block;
	position:absolute;
	left:-100px;
	top:-100px;
	top:0px;
	color:#FFFFFF;
	font-size:4px;
}
#header #description{
	position:absolute;
	left:280px;
	top:120px;
	color:#FFFFFF;
	text-align:left;
	font-size:24px;
}
#header #tabs{
	overflow:hidden;
	padding-left:140px;
	padding-top:133px;
	float:left;
	width:720px;
	height:170px;
}
	
#header #tabs ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#header #tabs ul li, #header .tab{
	float:left;
	display:inline;
	width:112px;
	height:37px;
	margin:0;
	padding:0;
	background-position: top;
	text-indent:-8000px;
	color:#FFFFFF;
}
#header #tabs ul li:hover, #header .tabselected, #archivos_menu:hover{
	cursor:pointer;
	background-position: bottom;
	color:#3a3a3a;
}
#header #tabs ul li a{
	display: block;
	width:100%;
	height:36px;
	border:none;
}
#header #tabs ul li a:active, #header #tabs ul li a:visited, #header #tabs .selected{
	background-position:bottom;
}
#home_button, .home{
	background-image:url(img/home.gif);	
}
#about_button, .about{
	background-image:url(img/about.gif);	
}
#archivos_button, #archivos_menu, .archivos{
	background-image:url(img/archivos.gif);	
}
#temas_button, .temas{
	background-image:url(img/temas.gif);	
}
#contacto_button, .contacto{
	background-image:url(img/contacto.gif);	
}

#bocata{
	position:absolute;
	left:600px;
	top:40px;
	height:50px;
	width:360px;
	border:0px #000000 solid;
}
#bocata table{
	width:100%;
}
#bocata_left{
	padding:0;
	margin:0;
	width:30px;
	height:45px;
	background-repeat:no-repeat;
	background-position: top left;
	background-image:url(img/bocata_left.png);
	border:0px #cccccc solid;
}
#bocata_middle{
	margin:0;
	padding:0;
	width:300px;
/*	line-height:40px;*/	
	height:40px;
	padding-top:0px;
	font-size:10px;
	color:#000;
	background-repeat:repeat-x;
	/*background-position: top left;*/
	background-image:url(img/bocata_middle.png);
	/*border:0px #999 solid;*/
	
}
#bocata_right{
	padding:0;
	margin:0;
	width:30px;
	background-repeat:no-repeat;
	background-position: top right;
	background-image:url(img/bocata_right.png);
}
 
#header #tabs span{
	cursor:pointer;
	float:left;
	width:28px;
	height:30px;
	padding-left:7px;
	padding-top:3px;
	/*background:url(img/rss.gif) no-repeat center;*/
}
.archives{
	text-align:left;
}
#blog_roll ul{
	list-style:inside;
}
#blog_roll ul li{
	background-image:url(img/punto2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	/*margin-left:30px;*/
	vertical-align:top;
}
#sidebar {
	float:right; 
	width:30%;
	text-align:left;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	border: none; 
	
}
#sidebar li {
	padding:0;
	margin:0;
	padding-top:8px;
	font-size:12px;
}
#sidebar li a{	
	margin:10px;
}
#sidebar li h2{
	background-image:url(img/fnd_sidebar_titulo.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	width:100%;
	padding-top:8px;
	
	height:22px;
	font-size:14px;
	text-indent:22px;
	border:none;
	border-bottom:1px solid #ccc;
}
#sidebar li h2 a{
	border:none;
	
}
#sidebar table img{
	border:1px solid #000;
}
#content {
	float:left;
	width:70%;
	background-color:#FFFFFF;
}
#content .post{
/*	padding-top:100px;*/
	padding:30px;
	/*height:100%;*/
}
#content .post p{
	line-height:20px;
	padding:0;
	padding-bottom:16px;
	}
#content .post .entry{
	text-align:left;
	padding-right: 30px;
	margin-top:50px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}
#content .post h2{
	text-align:left;
	font-size:36px;
	margin-left:50px;
	padding-left:20px;
	width:80%;
}
#content .post h2 a{
	text-decoration:none;
	border-bottom:none;
}
#content .post h2 a:hover{
	color: #3a3a3a;
	border-bottom:1px #3a3a3a dotted;
}
#content .post .postmetadata{
	padding-top:15px;
	font-size:10px;
}

.published {
	display:block;
	width:62px;
	height:108px;
	margin-left:30px;
	margin-top:30px;
	text-align: center;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	border:none;
	/*background:url(img/fondo-fecha2.jpg) no-repeat;*/
	/*width:2.2em;*/
}
.archive-year {
	font-size:18px;
}
.pub-year {
	display:block;
	margin:0;
	padding:0;
	background:url(clip-top.png) center top repeat-x;
	font-size:18px;
}
.pub-month {
	display:block;
	margin:0;
	padding:0;
	margin-left:5px;
	
}
.pub-date {
	display:block;
	margin:0;
	padding:0;
	margin-top:55px;
	font-size:30px;
	padding-top:0px;
}
#comments{
	width:60%;
	margin:auto;
	text-align:left;
	
}
.commentlist{
	width:60%;
	margin:auto;
	text-align:left;
	padding:20px;
}
.commentlist li{
	padding-left:20px;
	border:1px #ccc solid;
	border-bottom:none;
	background-color:#f2f2f2;
}
.alt{
	background-color:#f9f9f9;
}
.commentlist li p{
	padding:20px;
}

.commentmetadata{
	font-size:9px;
}
#respond{
	width:60%;
	margin:auto;
	text-align:left;
}
#commentform{
	width:60%;
	margin:auto;
	text-align:left;
	padding:20px;
}

#commentform textarea{
	width:100%;
}
.alignleft{
	text-align:left;
}
.alignright{
	text-align:right;
}
.entry img{
	padding-right:15px;
	padding-bottom:15px;
}
.serif{
	padding:10px;
}
#footer {
	margin:0;
	padding:0;
	display:block;
	width:75%;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	background-color:#333;
	border: 0px #00CCFF solid; 
}
#footer p, #footer p a{
	font-size:11px;
	color:#FFFFFF;
}
#footer p a:hover{
	color:#FF9900;
}
#twitters{ padding:0; margin:0;}
#sidebar h2.widgettitle{ text-indent:12px; margin:0;}
#twitter-list{ padding:10px; font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
#twitter-list a{	color: #33ccff;}
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www { padding:0px 0px 0px 0px; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important; text-indent:0;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#333333;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}