/*   
Theme Name: FB91 theme
Theme URI: http://www.fb91.com.ar
Description: Simple plantilla de 2 columnas en la que predomina el blanco, el negro y el azul.
Tags: blue, white, black, light, two-columns, right-sidebar, fixed-width, footer-widgets
Author: Fabricio Emmanuel Bianchi
Author URI: http://www.fb91.com.ar
Version: 1.30
.
Desde el menú widgets se pueden agregar widgets a la sidebar y al footer.
.
El código CSS y HTML está licenciado bajo la licencia GPL
http://www.opensource.org/licenses/gpl-license.php
.
*/

/****************************************/
/***********>>> GENERALES <<<************/
/****************************************/
body{
	text-align: center;
	margin: 0;
	background: #fff;
}

*{
	font-family: Verdana, sans serif;
	font-size: 10pt;
	color: #333;
}

.fix{
	clear: both;
}

img{
	border: 0;
}


/****************************************/
/***********>>> HEAD <<<*****************/
/****************************************/

#head{
	background:url(images/headbg.jpg);
	height: 112px;
	border-bottom: 3px solid #12bfde;
}

#head img{
	margin-top: 20px;
	margin-right: 700px;
}

#head #paginas{
	margin: 0 auto 0 auto;
	width: 846px;
	text-align: right;
}

#head #paginas ul{
	margin: 0;
}

#head #paginas li{
	display:inline;
	margin-left: 10px;
}

#head #paginas a{
	color: #FAFAFA;
	text-decoration: none;
}

#head #paginas a:hover{
	color: #12bfde;
}

/****************************************/
/***********>>> ESTRUCTURA <<<******************/
/****************************************/

#wrapper{
	width: 960px;
	margin: 10px auto 10px auto;

}

#main{
	float: left;
	width: 650px;
	text-align: left;
	border-right: 1px dotted #333;
}

#col{
	width: 288px;
	float:left;
	padding-left: 8px;
	text-align: left;
}

#col ul{
	margin:0;
	padding-left:0;
}

#col .widget{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;	
}

.post{
	margin-right: 5px;
}

#rel{
	margin-right: 15px;
	background: #FAFAFA;
	border: 1px solid #eee;
	margin-top: 20px;
	padding: 10px;
}

#comentarios{
	margin-right: 15px;
	background: none;
	margin-top: 20px;
	padding: 10px;
	margin-left: 0;
}

#footerBG{
	width: 100%;
	clear:both;
	background: url(images/footer_bg.jpg);
	margin-top: 50px;
	text-align: center;
}

#footerBG #footer{
	width: 960px;
	margin: 0 auto 0 auto;
}

#footerBG #footer #izq{
	width: 478px;
	float: left;
	border-right: 2px dotted #12bfde;
}

#footerBG #footer #der{
	width: 480px;
	float: right;
}

/****************************************/
/********>>> COLUMNA DERECHA <<<*********/
/****************************************/

#col .widgettitle{
	margin: 4px 0 0 0;
	font-size: 10pt;
	font-weight: bold;
	background: url(images/circulo_azul.png);
	background-repeat: no-repeat;
	padding-left: 23px;
}

#col .widget{
	margin-bottom: 20px;
	list-style-type: none;
	padding-left: 0;
}

#col .widget .boton{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 6px;
	padding: 2px;
	background: #12bfde;
	border: 1px solid #2a89a4;
	color: #FAFAFA;
	font-size: 12pt;
}

#col .widget a{
	font-size: 10px;
	text-decoration: none;
}

#col .widget a:link, #col .widget a:visited{
	width: 220px;
	background: #fff;
	display:block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	margin-bottom: 5px;
	margin-left: 12px;
	border: 1px dotted #eee;
}

#col .widget a:hover{
	background: #12bfde;
	border: 1px dotted #2a89a4;
}

#col .widget a:active{
	padding-left: 20px;
}

#col .widget ul{
	list-style-type: none;
	margin-top: 5px;
}

/****************************************/
/**************>>> MAIN <<<**************/
/****************************************/

#main ul{
	list-style-image:url(images/circulo_azul_chico.png);
}

#main a:link, #main a:visited{
	color: #2a89a4;
}

#main a:hover, #main a:active{
	color: #333;
	text-decoration: none;
}


/****************************************/
/*************>>> POST <<<***************/
/****************************************/

#main .post .borde{
	border: 6px solid #eee;
	margin: 5px;
}

#main .post .borde:hover{
	border: 6px solid #ddd;
	margin: 5px;
}

.post img {
	float: none;
	margin: 3px 10px 3px 0;
}

.post .sinmargen img{
	margin: 0;
	padding:0;
}

.post img, .post embed, .entry object{
	max-width: 600px;
	height: auto;
}

#main .post .fecha{
	font-size: 7pt;
	color: #252525;
	text-align: right;
	margin-right: 10px;
}

#main .post .fecha a{
	font-size: 8pt;
}

#main .post{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

#main .post h2{
	margin-top: 5px;
	line-height: 35px;
	margin-bottom: 0;
}

#main .post blockquote{
	background: url(images/comillas.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 15px;
	margin-left: 0;
}

#main .post blockquote p{
	font-size: 18px;
	color: #888;
}

#main .post a:link, #main .post a:visited{
	color: #2a89a4;
	background: #fafafa;
	border: 1px solid #eee;
}

#main .post a:hover, #main .post a:active{
	color: #fafafa;
	text-decoration: none;
	background: #12bfde;
}


#main .post h2 a:link, #main .post h2 a:visited{
	color: #333;
	background: url(images/bgh2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	display: block;
	font-size: 16pt;
	border: 0;
	text-decoration: none;
	text-shadow: 1px 3px 2px #aaa;
	padding: 5px 0 5px 10px;
}

#main .post h2 a:hover, #main .post h2 a:active{
	color: #353535;
	display: block;
	font-size: 16pt;
	border: 0;
	text-shadow: 2px 4px 3px #aaa;
	margin: 0;
	padding-left: 10px;
}

#main .post h3{ /* usar para titulos en posts */
	font-size: 13pt;
	margin: 5px 0 0 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	text-shadow: 2px 2px 4px #999;
}

.infopost{
	background: #fff;
	margin: 0 auto 0 auto;
	border: 1px solid #eee;
	padding: 4px;
	font-size: 7pt;
	text-align: center;
	margin: 8px;
}

.infopost a{
	font-size: 7pt;
}

.navigation{
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
}

.alignright {
	clear: right;
	float: right;
	margin: 3px 0 3px 10px;
}

.alignleft  {
	clear: left;
	float: left;
	margin: 3px 10px 3px 0;
}

.aligncenter {
	float: none;
	clear: both;
	display: block;
	margin: 3px auto 3px auto;
}

#main .post .resultado{
	margin-bottom: 30px;
}

#main .post img.alignleft{
	float: left;
}

#main .post img.alignright{
	float: right;
}

#main .post img.aligncenter{
	margin: 0 auto 0 auto;
}

/****************************************/
/**************>>> REL <<<***************/
/****************************************/

#rel h3{
  margin: 0;
}

#rel li{
	margin-bottom: 5px;
}

/****************************************/
/********>>> COMENTARIOS <<<*************/
/****************************************/

#comentarios h3{
	margin: 0;
	font-size: 16px;
}

#comentarios ol{
	list-style-type: none;
	margin: 15px auto 0 auto;
	padding:0;
}

#comentarios li{
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #333;
}

#comentarios .comment-meta a{
	background: none;
	color: #333;
	border: 0;
	font-size: 7pt;
	text-decoration: none;
}

#comentarios cite.fn{
	background: none;
	border: 0;
	color: #333;
	font-weight: bold;
}

#comentarios cite.fn a{
	background: none;
	border: 0;
	color: #2a89a4;
	font-weight: bold;
}

/****************************************/
/*************>>> FOOTER <<<*************/
/****************************************/

#footer h2{
	color: #FAFAFA;
	font-size: 13pt;
}

#footer ul li{
	color: #fafafa;
}

#footer #izq ul{
	text-align: right;
	list-style-type: none;
}

#footer #izq li{
	background: url(images/circulo_azul_chico.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 25px;
	margin-right: 23px;
	margin-bottom: 4px;
}

#footer #der li{
	margin-bottom: 4px;
}

#footer #der ul{
	text-align: left;
	list-style-image: url(images/circulo_azul_chico.png);
}

#footer a{
	color: #fafafa;
	font-size: 8pt;
}

#footer #izq h2{
	text-align: right;
	padding-right: 25px;
}

#footer #der h2{
	text-align: left;
	padding-left: 25px;
}

#footer .fix{ /* usado para mostrar el copyright */
	color: #12bfde;
	font-size: 8pt;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer .fix a{
	color: #12bfde;
	font-size: 8pt;
}

#footer .fix a:hover{
	color: #FAFAFA;
}