/*
Theme Name: Mirando
Theme URI: http://blog.plozano.net
Version: 1.0
Description: Tema a dos columnas
Author: Paco Lozano
Author URI: http://blog.plozano.net
*/


/* 
basado en 
RedBridge Free Template
http://www.free-css-templates.com
*/

/* ********************************** Reset ***************************** */

* {
 	padding: 0;
	margin: 0;
   }
	
a {
   outline-style: none;
   }

	
.feedburnerFlareBlock { /* Desactiva los mensajes de feedburner */
	display: none;
}
/* ********************************************************************** */
  

body { 
	margin:5px 0;
	padding:0; 
	font: 90% Arial, Sans-Serif; 
	color: #9FACB5;
	line-height: 1.4em; 
	background : #000000 url(images/bg.jpg) repeat-x;
}

.content { 
	margin: 0 auto; 
	padding: 0; 
	width: 766px; 
}

/* ******************* --- Superior Cabecera --- ********************** */

.topmenu {
	height: 26px;
	font-size: 75%;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #999999;
	color: #888;
	}
	.topmenu .right_ {
		float: right;
		text-align: right;
		margin: 0;
		padding: 5px 0 0 0;
		color: #888;
		border: 0px;
	}
	
	.topmenu a { 
		color: #888; 
		}
	.topmenu a:hover { 
		color: #aaa; 
		}
	.topmenu .date_ {
		float: left; 
		color: #888; 
		padding: 5px 0 0 5px; 
		}

#submenu {
	color: #aaa;
	padding: 10px 5px 5px 5px;
	height: 67px;
	}
	
	#submenu a { 
		color: #AEB9CC; 
		}
	#submenu a:hover { 
		color: #EAE8E1; 
		}
	#submenu .searchb {
		float: right;
		width: 363px;
		text-align: right;
		padding-right: 5px;
		color: #61788f;
		}
	#submenu input.button {
		background: #273e55 url(images/buscar.png) no-repeat center;
		color: #808080;
		border: 1px solid #61788f;
		text-align: center;
		font-size: 85%;
		margin: 0px 0px 0px 5px;
		width: 23px;
		height: 23px;
		}
	#submenu input.inputtext { 
		width: 130px;
		border: 1px solid #61788f; 
		background: #273e55;
		color: #A4B4C8; 
		padding: 2px 5px 2px 5px;
		}
	
/* ******************* --- Fractal Mirando --- ********************** */

.fractal {
	background: #000000 url(images/mirando.jpg) no-repeat bottom;
	height: 189px;
	margin: 0px;
	padding: 0px;
}

	.fractal .title { 
		display: none;
	}
	
	.fractal .slogan {
		display: none;
	}
/* ******************************************************************* */

/* ******************* --- Menu de paginas --- ********************** */

.nav { 
	float: left;
	clear: both;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 153px 0px 0px 0px;
	height: 30px;
}


.nav ul { 
	padding : 0px 10px 0px 0px; 
	list-style: none; 
	margin: 0px 0px 0px 10px;
}
	
.nav li { 
	float: left;
	font-weight: bold;
	padding: 8px 5px 8px 5px;
	
}

.nav li a { 
	color: #3e85ba;
	background-color: #102a46; 
	padding: 8px 10px 8px 10px;
	}
	
.nav li a:hover { 
	color: #3e85ba; 
	background-color: #194066;
	border-bottom: 2px solid #3e85ba;
	text-decoration: none;
	}
	
.nav .current_page_item a{
	background-color: #194066;
	padding: 8px 10px 8px 10px;
}
	
/* ******************************************************************* */

/* ******************* --- Zona Central Pag --- ********************** */

.center {
	float: left;
	width: 525px;
	font-size: 95%;
	margin: 40px 0px 5px 0px;
	padding: 0px;
	background: inherit;
	}

.center a { 
	color: #d1bb5a; 
	}

.post {
	background: #000000  url(images/post-sup.jpg) no-repeat;
	padding: 0px 5px 15px 10px;
	font-size: 95%;
	}

	.post h2 {
		font-size: 160%;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	.post h2 a:link, .post h2 a:visited{
		color: #d1bb5a;
	}
	.post h3{
		font-size: 85%;
		color: #999999;
		padding: 0px 0px 5px 10px;
	}	
	.post .globcoment{
		background: url(images/globcoment.gif) no-repeat left;
		font-size: 170%;
		text-align: right;
		padding: 12px 20px 10px 0px;
	}
	.post .globcoment a{
		color: #61A4EA;
	}
	.post .social{
		text-align: right;
		padding: 10px 0px 10px 0px;
	}
	
	
	.post .entry p{
		font-size: 110%;
		color: #a6b3bf;
		text-align: justify;
		padding: 0px 5px 0px 5px;
	}
	.post .entry p img{
		padding: 5px 0px 5px 0px;
		border: none;
	}
	
	.date {
		width: 500px;
		color: #888;
		background: url(images/post-inf.png) no-repeat right !important;
		text-align: right;
		padding: 5px 15px 10px 0px;
		margin: 0px 0px 20px 0px;
		}

	.date a { 
		color: #8197a8;
		background: none; 
		}
	.post .pagina h2{
		padding: 25px 0px 20px 0px;
	}
	.post ul, .post ol{
		list-style-position: inside;
		padding: 5px 5px 5px 25px;		
	}
	
/* **************************************************************** */

/* ********************* ---  Sidebar  --- ************************ */
 
.right {  
	clear: both; 
	font-size: 95%; 
	float:right; 
	width: 220px; 
	padding: 15px 0px 0px 0px; 
	border: 1px solid #143353;
	margin: 40px 0px 20px 0px; 
	background: #020f1f;
}

.right h2 {
	font-size: 130%;
	padding: 5px 0px 5px 15px;
	background: #102a46;
}


.right a { 
	color: #AEB9CC;
	}

.right ul { 
	margin: 15px 5px 20px 0px; 
	padding : 0px 0px 0px 10px; 
	list-style : none; 
	}
	
.right ul li {
	color: #AEB9CC;	
	margin: 0px;	
	padding: 0px; 
	}
	
.right li a { 
	color: #7D8085; 
	}
	
.right li a:hover { 
	color: #d1bb5a; 
	}
.feedrss h5{
	background: url(images/rss.png) no-repeat right !important;
	font-size: 130%;
	padding: 10px 0px 10px 15px;
}
.feedrss p{
	padding: 10px 0px 10px 10px;
}
.feedrss p a:link, .feedrss p a:visited{
	color: #7D8085;
}
.feedrss p a:hover{
	color: #d1bb5a;
}
			
/* **************************************************************** */

/* ********************* ---  Flickr RSS  --- ********************* */

.widget_flickrrss { 
	height: auto;
	padding: 10px 0px 10px 20px !important;
	display: block;
	float: left;
	}
	.widget_flickrrss li { 
		list-style-type: none; 
		display: inline; 
		padding: 20px; 
		}
	.widget_flickrrss li a img { 
		background: #020f1f; 
		padding: 3px; 
		border: solid 1px #333; 
		width: 82px; 
		height: 82px;
		}
	.widget_flickrrss li a:visited img { 
		background: #020f1f; 
		padding: 3px; 
		border: solid 1px #333; 
		width: 82px; 
		height: 82px;
		}
	.widget_flickrrss li a:hover img { 
		background: #660000; 
		padding: 3px; 
		border: solid 1px #660000;
		}
		
/* **************************************************************** */

/* ******************** ---  Conmentarios  --- ******************** */

.comentarios h2{
	text-align: right;
	padding: 0px 10px 30px 0px;
	color: #d1bb5a;
}

.comentarios cite{
	font-size: 140%;
	font-weight: bold;
	text-transform: lowercase;
}

.comentarios .numcoment{
	display:block;
	float: right;
	font-size: 150%;
	color: #333;
	clear: both;
	padding: 10px 10px 0px 0px;
}

.commentlist {
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size: 100%;
}

.commentlist li {
	margin: 0px;
	padding: 10px 10px 5px 10px;
	list-style-type: none;
}

.graybox{
  display: block;
  margin: 0px;
  background-color: #020f1f;
  padding: 8px 5px 2px 5px;
  border: 1px solid #143353;
}

.blackbox{
  display: block;
  background-color: #000000;
  padding: 8px 5px 2px 5px;
}

.graybox img, .blackbox img{
  padding-right: 10px;
}

.avatar{
	display: block;
	float: left;
}

/* **************************************************************** */

/* ****************** ---  Form Comentarios  --- ****************** */

.forcomentarios{
	margin: 0px;
	padding: 0px;
  	}
	.forcomentarios h2{
		text-align: right;
		padding: 0px 10px 0px 0px;
		margin: 25px 0px;
		color: #d1bb5a;
		}

	.forcomentarios p{
		display: block;
  		margin: 0px;
  		background-color: #020f1f;
  		padding: 10px 5px 0px 10px;
		}
		
#commentform {
	margin: 0px;
	background: #020f1f;
}

	#commentform #respond{
		padding: 15px  0px 10px 10px;
		font-size: 100%;
		color: #d1bb5a;
		border-bottom: 1px solid #143353;
	}

	#commentform label{
	font-weight: bold;
	}

	#commentform input{
		margin: 0px 0px 10px 20px;
		width: 448px;
		font-size: 110%;
		border: 0px;
		color: #A4B4C8;
		background-color: #020f1f;
		}
		
	#commentform textarea {
		margin: 0px 0px 20px 20px;
		padding: 10px 10px 10px 10px;
		width: 455px;
		height: 181px;
		font-size: 120%;
		background: #020f1f url(images/inputcomment.jpg) no-repeat center left;
		color: #A4B4C8;
		border: 0px;
		}		
	
	#commentform #submitcomment{
		width: 120px;
		margin: 0px 0px 30px 0px;
		}
	
	#commentform #author{
		width: 448px;
		background: url(images/inputname.png) no-repeat;
		padding: 6px 5px 6px 8px;
		}

	#commentform #email{
		width: 448px;
		background: url(images/inputmail.png) no-repeat;
		padding: 6px 5px 6px 8px;
		}
	
	#commentform #url{
		width: 448px;
		background: url(images/inputweb.png) no-repeat;
		padding: 6px 5px 6px 8px;
		}
	#commentform #submitcomment{
		width: 118px;
		height: 27px;
		background: url(images/submitcomment.png) no-repeat;
		margin: 0px 0px 30px 0px;
		}
	#commentform .sibmitp{
		text-align: center;
	}

/* **************************************************************** */

/* ********************** ---  footer  --- *********************** */

.footer { 
	clear: both;
	width: 100%;
	color:#888;  
	font-size:90%;
	background: #020f1f;
	border-top: 1px solid #555; 
	text-align: center; 
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
	.footer .libre{
		text-align: center;
		}
	.footer .libre .tema{
		color: #d1bb5a;
	}
	.footer .subfooter {
		width: 766px;
		height:auto;
		margin: 10px auto 10px auto;
		text-align: center;
		}
	.footer .subfooter li {
		list-style-type: none;
		list-style-image: none;
		}
	.footer .subfooter li ul {
		font-size:90%;
		}
	.footer .subfooter a:link, .footer .subfooter a:visited {
		color: #d1bb5a;
		text-decoration: none;
		}
	.footer .subfooter a:hover {
		color: #8197a8;
		}
	.widgetbottright, .widgetbottcenter, .widgetbottleft{
		width:240px;
		padding: 10px 0px 10px 0px;
		float: left;
		background: #020f1f;
		margin: 0px;
		text-align: left;
		}
	.widgetbottright p{
		text-align: center;
	}
	.widgetbottright .cc{
		padding: 10px 0px 5px 0px;
	}
	.widgetbottleft, .widgetbottcenter{
		margin-right: 20px;
		}
	.widgetbottleft ul, .widgetbottcenter ul, .widgetbottright ul{
		width: 240px;
		padding: 0px;
		margin: 0px;
		}
	.widgetbottright h2, .widgetbottcenter h2, .widgetbottleft h2{
		font-size: 130%;
		border-bottom: 1px solid #143353;
		margin: 0px 0px 8px 0px;
		font-weight: bold;
		}

/* **************************************************************** */


 /* *************** ---- Calendario en sidebar ----- ************** */
 
table#wp-calendar{
	width:100%;
	color:#9FACB5;
	font-weight:normal;
	text-align:center;
	padding: 0px 5px 10px 5px;
	font-size: 90%;
	}
	
table#wp-calendar caption{
	font-size: 120%;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

table#wp-calendar a:link, table#wp-calendar a:visited {
	color: #d1bb5a; 
	text-decoration: none;
	font-weight: bold;
	}

table#wp-calendar a:hover {
 	color:#C0C0C0;
	}
	
#next a:link, #next a:visited, #prev a:link, #prev a:visited{
	color: #9FACB5 !important;
	}

#next a:hover, #prev a:hover{
	text-decoration: underline !important;
	}

#today, #today a:link, #today a:visited, #today a:hover {   /* hoy */
	background-color: #273e55;
	text-decoration: none;
	font-weight:bold;
	color: #eeeeee;
	}

		
/* **************************************************************** */

/* ********************** ---  Elementos  --- ********************* */

hr { 
	border: 1px solid #143353; 
	margin: 10px 0 10px 0;
	}
	
img {
	border: 0;
	}
	
a { 
	background: inherit; 
	text-decoration:none;
	}

a:hover { 
	background: inherit;
	text-decoration: underline;
	}
	
a img
{
border:none;
}
	
blockquote {
	background: #515556;
	color: #BBB;
	border: 1px dashed #BC6247;
	padding: 5px;
}

p { 
	margin: 0 0 5px 0; 
	padding: 0; 
	color: #888; 
	background: inherit;
}
		
/* **************************************************************** */