﻿/*
Theme Name: Bobolhando
Theme URI: http://bobolhando.com.br/
Description: Tema do Bobolhando
Version: 2.0
Author: Caio Costa
*/

/*
 * - Cores -
 * Azul Claro: 4875c1
 * Azul Escuro: 043991
 */

/* reset++ */
* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration:none
}
/* ++reset */

a { text-decoration: none; }

body {}

html {
	background: #043991;
	font-family: 'tahoma', 'verdana';
	overflow-x: hidden;
}

ol, ul {
	list-style: none;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

.clear {
	clear: both;
}

.sprite {
	background: url('http://4.bp.blogspot.com/_d17i2_LwY7o/TFSIFuijF1I/AAAAAAAAAcA/Zr4fJzIrGPg/s1600/sprites.png') no-repeat;
}


/**
 * - BORDAS COMUNS -
 */
.brd-container {
	background-color: #fff;
	height: 41px;
}
.brd-es,
.brd-ds,
.brd-ei,
.brd-di {
	background-position: -6px -253px;
	float: left;
	height: 41px;
	width: 41px;
}
.brd-ds {
	background-position: -247px -253px;
	float: right;
}
.brd-ei {
	background-position: -6px -293px;
}
.brd-di {
	background-position: -247px -293px;
	float: right;
}


/**
 * - LOGOTIPO -
 */
#logo {
	height: 186px;
}
	#logo a {
		display: block;
		height: 186px;
		width: 500px;
	}
	#logo .banner1,
	#logo .banner2 {
		background-color: #fff;
		height: 90px;
		margin: 1px 0 0 1px;
		position: absolute;
		width: 728px;
	}
	#logo .banner2 {
		margin: -145px 0 0 218px;
	}
	
#menuSuperior {
	background-position: 0 -186px;
	height: 60px;
}
	#menuSuperior .paginas {
		float: left;
		font-size: 16px;
		margin: 0 0 0 280px;
	}
		#menuSuperior .paginas li {
			color: #fff;
			float: left;
			padding: 3px 0;
		}
			#menuSuperior .paginas li a {
				color: #fff;
				display: block;
				font-weight: bold;
				padding: 8px 10px;
			}
	#menuSuperior .busca {
		margin: 0 0 0 692px;
		padding: 1px 0 0;
	}
		#menuSuperior .busca #s {
			background: transparent;
			color: #fff;
			height: 40px;
			font-size: 14px;
			padding: 3px;
			width: 174px;
		}
		#menuSuperior .busca .submit {
			height: 26px;
			margin: 0 0 0 5px;
			vertical-align: middle;
			width: 28px;
		}

/**
 * - CONTEUDO -
 */
#conteudo {
	float: left;
	margin: 15px 0 0 10px;
	width: 650px;
}
	.hentry {
		background: #fff;
		margin: 0 0 10px 0;
	}
	.hentry .corpo {
		color: #333;
		font-size: 14px;
		line-height: 20px;
		margin: 10px 37px;
		text-align: justify;
	}
		.hentry .corpo a {
			color: #043991;
		}
		.hentry .corpo a:hover {
			color: #4875c1;
		}
		.hentry .corpo blockquote {
			background: #f9f9f9;
			border-left: 3px solid #ddd;
			margin: 20px 0 20px 40px;
			padding: 10px;
		}
		.hentry .corpo h1,
		.hentry .corpo h2,
		.hentry .corpo h3,
		.hentry .corpo h4,
		.hentry .corpo h5,
		.hentry .corpo h6 {
			margin: 20px 10px;
		}
		.hentry .corpo h1 {
			font-size: 28px;
		}
		.hentry .corpo h2 {
			font-size: 24px;
		}
		.hentry .corpo h3 {
			font-size: 18px;
		}
		.hentry .corpo h4 {
			font-size: 16px;
		}
		.hentry .corpo h5 {
			font-size: 14px;
		}
		.hentry .corpo h6 {
			font-size: 12px;
		}
		.hentry .corpo input,
		.hentry .corpo textarea {
			border: 1px solid #666;
			margin: 4px;
			padding: 6px;
			width: 560px;			
		}
		.hentry .corpo ol {
			list-style: decimal;
			margin: 10px 0 10px 40px;
		}
		.hentry .corpo ul {
			list-style: disc;
			margin: 10px 0 10px 40px;
		}
		.hentry .corpo p {
			margin: 0 0 20px 0;
		}
		.hentry .corpo .alignleft {
			margin: 5px 10px 5px 0;
			float: left;
		}
		.hentry .corpo .aligncenter {
			margin: 0 auto;
		}
		.hentry .corpo .alignright {
			margin: 5px 0 5px 10px;
			float: right;
		}
	.hentry .data {
		background-position: -308px -254px;
		color: #fff;
		height: 60px;
		float: left;
		font-weight: bold;
		font-size: 14px;
		margin: 0 5px 0 37px;
		padding: 10px;
		text-align: center;
		width: 58px;
	}
		.hentry .data span {
			font-size: 32px;
		}
	.hentry .meta {
		background-color: #4875c1;
		height: 80px;
		margin: 0 36px;
	}
		.hentry .meta a {
			color: #999;
		}
		.hentry .meta a:hover {
			color: #043991;
		}
		.hentry .meta .brd-e,
		.hentry .meta .brd-d {
			background-position: -308px -254px;			
			float: left;
			height: 80px;
			width: 4px;
		}
		.hentry .meta .brd-d {
			float: right;
			background-position: -382px -254px;
		}
		.hentry .meta .conteudo {
			color: #fff;
			float: left;
			margin: 20px 0;
			width: 168px;
		}
			.hentry .meta .conteudo a {
				color: #fff;
			}
		.hentry .meta .quadro {
			float: left;
			background-position: -404px -254px;
			height: 59px;
			margin: 10px;
			padding-right: 1px;
			width: 57px;
		}
			.hentry .meta .quadro .avatar {
				padding: 2px 1px 1px 1px;
			}
			.hentry .meta .quadro .comentarios {
				text-align: center;				
			}
				.hentry .meta .quadro .comentarios a {
					color: #043991;
					font-size: 7px;
					font-weight: 700;
				}
				.hentry .meta .quadro .comentarios span {
					display: block;
					font-size: 38px;
				}
			.hentry .meta .quadro .topsy {
				padding: 3px;
			}
	.hentry .titulo {
		margin: 10px 20px 0 130px;
	}
		.hentry .titulo a {
			color: #043991;
			display: block;
			font-size: 24px;
			padding: 0 0 4px 0;
		}

/**
 * - COMENTÁRIOS -
 */
#comentarios {
	font-size: 12px;
	margin: 20px;
}
	#comentarios a {
		color: #043991;
	}
	#comentarios .author,
	#comentarios .comment,
	#comentarios .email,
	#comentarios .site,
	#comentarios .submit {
		border: 1px solid #666;
		margin: 4px;
		padding: 6px;
		width: 586px;
	}
	#comentarios .submit {
		width: 600px;
	}
	#comentarios #comentar {
		margin-top: 20px;
	}


/**
 * - BARRA LATERAL
 */
#barraLateral {
	background: #fff;
	margin: 10px 0 0 670px;
	width: 280px;
}
	#barraLateral .brd-container {
		background-color: #fff;
	}
	#barraLateral .rss,
	#barraLateral .twitter {
		color: #c00;
		font-size: 16px;
		font-weight: bold;
	}
	#barraLateral .twitter {
		color: #227fd2;
	}
	#barraLateral .widget {
		font-size: 12px;
		margin: 0 0 20px 0;
	}
		#barraLateral .widget a {
			color: #043991;
		}
		#barraLateral .widget .innerWidget {
			padding: 3px 10px;
		}
		
		#barraLateral .widget .titulo { 
			display: none;
			visibility: hidden;
			height: 0;
			width: 0;

			border-bottom: 1px solid #ddd;
			color: #043991;
			letter-spacing: 2px;
			font-size: 18px;
			font-weight: bold;
			padding: 0 0 6px 10px;
			text-transform: uppercase;
		}
		#barraLateral .widget .widgetEnd {
			background-position: 0 -230px;
			height: 11px;
		}
	
	/* Widgets específicos */
	#barraLateral .widget_tag_cloud a {
		margin: 0 3px;
	}

	#barraLateral .widget_rss {
		background: url('/imagens/postsba.png') no-repeat 10px 0;
	}
		#barraLateral .widget_rss .innerWidget {
			padding-top: 46px;
		}
		#barraLateral .widget_rss li {
			border-bottom: 1px dotted #ccc;
			color: #333;
			font-size: 11px;
			list-style: inside circle;
			margin: 0 0 8px 0;
			padding: 0 0 8px 0;
		}
			#barraLateral .widget_rss li a {
				color: #043991;
			}
				#barraLateral .widget_rss li a:hover {
					color: #4875c1;
				}

/**
 * - RODAPÉ
 */
#rodape {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0 10px;
}
	#rodape a {
		color: #fff;
	}
	#rodape .texto {
		line-height: 80px;
	}
	#rodape .quadros {}
		#rodape .quadros .conteudo {
			height: 220px;
			color: #043991; 
		}
			#rodape .quadros .conteudo a {
				color: #043991;
			}
		        #rodape .quadros .conteudo a:hover {
			        color: #4875c1;
		        }
		#rodape .quadros .quadroEsq,
		#rodape .quadros .quadroMeio,
		#rodape .quadros .quadroDir {
			background-color: #fff;
			float: left;
			margin: 0 10px 0 0;
			width: 280px;
		}
		#rodape .quadros .quadroMeio {
			width: 360px;
		}
		#rodape .quadros .quadroDir {
			margin: 0;
		}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 50px; /* Set to gallery height */
}

#motioncontainer a img {
border: 0px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 0px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

.subscribe_rss {    

        margin: 8px 0 0 80px;

        padding: 0;

        font: bold 24px / 24px "Trebuchet MS", Helvetica, sans-serif;

        text-transform: uppercase;    

        position: absolute;

}

.subscribe_rss a, .subscribe_rss a:visited {

        color: #FFFFFF;

        text-decoration: none;

}

.subscribe_email {

        margin: 8px 0 0 197px;

        padding: 0;

        font: bold 24px / 24px "Trebuchet MS", Helvetica, sans-serif;

        text-transform: uppercase;

        position: absolute;

}

.subscribe_email a, .subscribe_email a:visited {

        color: #FFFFFF;

        text-decoration: none;

}

.subscribe_email a:hover, .subscribe_rss a:hover {

        color: #FFFFFF;

}