/*   
Theme Name: MicroNicho
Theme URI: 
Description: MicroNicho
Author: MicroNicho
Author URI: 
Version: 2.5
*/

/* Estilos Geral */
body{width:100%;background:#f0f0f0;color:#333;font-family:'Electrolize', sans-serif;font-size:14px;line-height:14px;line-height:20px;margin:0px;}
a{color:#00aced;font-weight:bold;text-decoration:none;}
a:hover{color:#333;}
img{border:0px;}
img, embed, object, video {max-width:100%;}

#wrapper{width:980px;margin:0px auto;}

/* Header */
header{width:100%;background:#00aced;box-shadow:0px 0px 5px #333;float:left;height:50px;margin-bottom:20px;}
header #head{width:980px;margin:0px auto;}
header #head #logo{float:left;height:40px;margin:5px 10px 0 5px;max-width:500px;padding-top:9px;}
header #head #logo a{color:#FFF;text-decoration:none;font-size:28px;}
header #head h2{float:left;color:#FFF;font-size:12px;padding-top:8px;}
header nav{float:right;height:50px;margin:0px;}
header nav ul{margin-top:15px;}
header nav ul li{display:inline;list-style:none;}
header nav ul li a{color:#fff;padding:10px;text-transform:uppercase;}
header nav ul li a:hover{background:#fff;color:#00aced;}

/* Content */
#contenido{float:left;width:640px;margin-bottom:20px;}
#contenido .entrada{float:left;width:620px;background:#fff;border:1px solid #ccc;margin-bottom:20px;padding:0px 10px 10px 10px;}
#contenido .entrada .titulo{width:600px;background:#00aced;color:#fff;margin:0px 0px 20px -10px;padding:10px 20px;font-size:18px;line-height:26px;}
#contenido .entrada .tituloInt{line-height:32px;background:none !important;color:#0000ff;font-size:20px;font-family:Verdana, Arial, sans-serif;font-weight:100;}
#contenido .entrada .titulo a{color:#fff;}
#contenido .entrada .titulo a:hover{text-decoration:underline;}
#contenido .entrada .left{float:left;width:160px;height:160px;margin:0px 10px 10px 10px;}
#contenido .entrada .left img{background:#fff;border:1px solid #ccc;float:left;width:150px;height:150px;margin-top:0px;padding:4px;}
#contenido .entrada .right{float:right;height:160px;margin-right:10px;width:430px;}
#contenido .entrada .right p{float:right;height:112px;margin-top:0px;}
#contenido .entrada .right .mas a{float:right;background:#00aced;color:#fff;margin-top:0px;padding:7px;}
#contenido .entrada .right .mas a:hover{text-decoration:underline;}
#contenido .entrada #articulo{padding:0px 10px;width:600px;}
#contenido .entrada #articulo p img{max-height:600px;max-width:600px;}
#contenido .entrada #votos {float:left;width:96%;margin-top:15px;padding:2%;background:#FEFFBC;border:solid 2px #FFE000;border-radius:10px;box-shadow:3p 3px 3px #888888;}
#contenido .entrada #relacionados {float:left;}
#contenido .entrada #relacionados h4{font-size:18px;color:#333;}
#contenido .entrada #relacionados .rel{float:left;width:145px;margin:0 5px;}
#contenido .entrada #relacionados .rel img{width:136px;background:#fff;border:1px solid #ccc;height:102px;padding:4px;}
#contenido .entrada #relacionados .rel a{width:140px;margin-top:5px;}
#contenido .entrada #comentarios{float:left;width:600px;margin:10px;}
#contenido .entrada #comentarios h4{margin-bottom:5px;margin-top:10px;}
#contenido .entrada #comentarios #caja{width:600px;}
#contenido #paginador{float: left;width:620px;}

/* Sidebar */
#sidebar{float: right;width: 320px;}
#sidebar .widget{background: #fff;border: 1px solid #ccc;float: left;margin-bottom: 20px;padding: 0px 10px 10px 10px;width: 300px;}
#sidebar .widget h3{background: #00aced;color: #fff;font-size: 18px;margin: 0px 0px 0px -10px;padding: 10px;text-align: center;width: 100%;}
#sidebar .widget img, #sidebar .widget div, #sidebar .widget script{margin-top: 10px;}
#sidebar .widget ul{margin: 10px 0px 10px -20px;}
#sidebar .widget ul li{border-bottom: 1px dotted #ccc;list-style-image: url(images/bullet.png);margin-top: 5px;padding-bottom: 4px;}
#sidebar .widget ul li a{color: #333;font-size: 13px;font-weight: bold;text-decoration: none;}
#sidebar .widget ul li a:hover{color: #00aced;}
#sidebar .widget div{margin-top: 0px;}
#sidebar .widget .rel{float: left;width: 100%;}
#sidebar .widget .rel .mini a img{background: #fff;border: 1px solid #ccc;float: left;height: 60px;margin-right: 10px;padding: 4px;width: 100px;}
#sidebar .widget .rel .link{float: left;height: 60px;margin-top: 15px;width: 175px;}

/* Redes Sociais */
#redes{margin: 0px;width: 300px;}
#redes div{display: inline-block;float: left;margin: 0px;margin-left: 8px;width: 65px}
#redes div a img{background: #00aced;float: left;height: 65px;width: 65px;}
#redes div a img:hover{background: #333;}

/* Footer */
footer{background: #fff;border-top: 2px solid #ccc;float: left;height: 60px;width: 100%;}
footer #foot{margin: 20px auto;width: 980px;}
footer #foot #copy{font-weight: bold;margin: 0px;text-align: center;}

/*Legenda Imagens*/
p img, .wp-caption {margin:0 auto;}
.wp-caption {max-width:100%;}
.wp-caption img {display:block;max-width:100%;height:auto;}
.wp-caption .wp-caption-text, .gallery-caption {font-size:11px;}
.wp-caption .wp-caption-text {padding:5px 0;position:relative;text-align:center;}

/*Config ADS*/
#ad728, #ad728 img, #ad728 a img{width:100%;text-align:center;float:left;margin-bottom:20px;}
#contenido .entrada .padding {padding-top: 10px;}
#contenido .entrada .ads, #contenido .entrada .ads img,  #contenido .entrada .ads a img{width: 100%;float: left;}
.alignleft {float:left;padding:0 10px 10px 0;}
.alignright {float:right;padding:0 0 10px 10px;}
.aligncenter {text-align:center;padding:0 0 10px 0;}
.double {float:left;}
.double:first-child {padding-right:10px;}
#sidebar .padding {padding-top:10px;}
#sidebar .fixed {position: fixed;z-index: 100;top:70px;}

/*Social*/
ul#sharebar {display:block;position:fixed;width:90px;float:left;background:#fff;border-radius:8px;border: 1px solid #ccc;padding:0;text-align:center;list-style:none;margin:0 0 0 -100px;z-index:99;}
ul#sharebar li {margin:5px;padding:0;overflow:hidden;text-align:center;}

/*Comentarios*/
.navigation {float:left;width:100%;}
.commentlist {padding-left:0px;list-style:none;}

/*Breadcrumbs*/
#breadcrumbs {margin:5px 0;font-size:12px;color:#999;border-bottom:1px solid #F0F0F0}
#breadcrumbs a {color:#999}
#breadcrumbs a:hover {text-decoration:underline;color:#999}

#fb-root {width: 100% !important;}
.fb-comments {width: 100% !important;}
.fb_iframe_widget_fluid span {width: 100% !important;}
.fb_iframe_widget_fluid iframe {width: 100% !important;}

@media (min-width: 320px) and (max-width: 980px) {
	#wrapper{width:100%;overflow:hidden;}
	header #head{width:100%;}
	#contenido {width:100%;}
	#contenido .entrada{width:calc(100% - 6px);padding: 0px 2px 10px 2px;}
	#contenido .entrada .titulo{width:calc(100% - 6px);}
	#contenido .entrada .right {width:calc(100% - 190px);}
	#contenido .entrada #articulo {width:calc(100% - 10px);padding: 0 2px;}
	#contenido .entrada #comentarios {width:calc(100% - 10px);}
	#contenido .entrada #comentarios #caja{width:calc(100% - 10px);}
	#contenido #paginador{width:100%;}
	#sidebar{width:100%;}
	#sidebar .widget{width:calc(100% - 20px);position: relative !important;}
	footer #foot{width:100%;}

	ul#sharebar {display:none;}
	.alignleft {padding:0 0 10px 0;}
	.alignright {padding: 0 0 10px 0;}
	.aligncenter {padding: 0 0 10px 0;}
	.double:first-child {padding-left:0px;}
	.fixed {position:relative;top: 0px;}
}