/*
Theme Name: tpBlog
Theme URI: http://thiagopassamani.com.br/blog
Description: Tema do site/blog do Thiago Passamani.
Version: 4.0
Author: Thiago Passamani
Author URI: http://thiagopassamani.com.br/
Tags: Blog, Portfolio, Azul, jQuery, PHP, MySQL
*/

html, body{height:100%;}

body, html, ul, h1, h2, h3, h4, h5, h6, form{margin:0; padding:0;}

body{
	background: #33CCFF;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	}
	
h1, h2, h3, h4, h5, h6{
	color: #fff;
	}

br{ clear: left;}

img{
	/* background: #EEE; 
	border: 1px solid #DDD;*/
	padding:1px;
	}

blockquote{ 
	font-style: italic;
	color: #33CCFF;
	background: #fff url("img/largeQuote.png") no-repeat;
	background-position: left 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	}
	
input, textarea{
	border: 1px solid #fff;
	background-color: #33CCFF;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	}

label{
	width: 240px;
	margin-left: 5px;
	margin-bottom: 5px;
	}

#header{
	height: 162px;
	background: #33CCFF url("img/header.png") no-repeat;
	position: relative;
	}
#header h1{
	width:540px; 
	height:80px;
	position:absolute;
	top:30px;
	left:60px;
	}
#header h1 a{
	display:block; 
	width:540px;
	height:100px;
	}
#header h1 span{display:none;}

#header .description{
	position:absolute;
	width:264px;
	height:102px;
	top:23px;
	left:660px;
	font-size:12px;
	padding-top:10px;
	}
.more{
	display:block;
	width:40px; 
	height:40px;
	background:url("img/more.png") no-repeat;
	position:absolute;
	top:123px;
	left:930px;
	z-index:10;
	} 
.more span{display:none;}

.post .entry h1, .post .entry h1 a{
	color:#fff;
	font-size:32px;
	margin-bottom:20px;
	text-decoration:none;
	background-color: #33CCFF;
	letter-spacing:-2px;
	}

.post .entry h1 a:hover{
	color: #33CCFF;
	background-color: #fff;
	font-size: 32px;
	margin-bottom: 20px;
	text-decoration: none;
	letter-spacing:-2px;
	}

.post .entry h3{color:#fff; font-size:18px; padding:15px 0 0 0; letter-spacing:-1px;}
	
.post .entry .comments-link{
	width:53px;
	height:62px;
	background:url("img/balao.png") no-repeat;
	position:absolute;
	top:50px;
	right:0;
	text-align:center;
	}

.post .entry .comments-link a {
	display:block;
	width:53px;
	height:50px;
	padding-top:12px;
	color:#33CCFF;
	text-decoration:none;
	font-size:24px;	
	}

.post .entry .comments-link a:hover{background:none; color:#33CCFF; text-decoration: line-through;}

.post{
	margin-left:50px;
	padding-bottom:50px;
	width:920px;
	position:relative;
	clear:both;
	}

.post .date{
	width:308px;
	height:271px;
	overflow:hidden;
	position:relative;
	float:left;
	border-top:solid 1px #fff;
	padding-top:35px;
	}

.post .d{
	font-size:220px;
	color:#fff;
	letter-spacing:-10px;
	}

.post .m{
	font-size:42px;
	color:#33CCFF;
	background:#fff;
	position:absolute;
	bottom:0;
	right:60px;
	text-transform:uppercase;
	}

.post .entry{
	padding:50px 80px 50px 50px;
	float:left;
	width:480px;
	border-top:solid 1px #fff;
	}

.post .entry a{
	color:#33CCFF;
	text-decoration: underline;
	}

.post .entry a:hover{
	color:#33CCFF;
	background-color:#fff;
	text-decoration: none;
	}

.post .entry ul li{
	margin-left: 35px;
	}
	
.post .text a{
	color:#fff;
	text-decoration: underline;
	border: 1px solid #33CCFF;
	}

.post .text a:hover{
	color:#33CCFF;
	border: 1px solid #fff;
	background-color:#fff;
	text-decoration: none;
	}

.post .text blockquote a{
	border: none;
	color:#33CCFF;
	text-decoration: underline;
	}

.post .text blockquote a:hover{
	color:#33CCFF;
	background-color:#fff;
	text-decoration: line-through;
	border: none;
	}

.post .pagina{
	width:308px;
	height:230px;
	overflow:hidden;
	position:relative;
	float:left;
	border-top:solid 1px #fff;
	padding-top:35px;
	}
	
.post .pag-title{
	font-size:88px;
	color:#fff;
	letter-spacing:-10px;
	}

.clear{display:block; clear:both;}

.tag-cat{
	margin-top: 20px;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 2%;
	}
.author{
	margin-top: 20px;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 2%;
	}

/* Dropdown Superior */	
#dropdown{
	position:absolute;
	top: 162px;
	left: 50px;
	z-index:10;
	background-color:#33CCFF;
	width:900px;
	height:350px;
	overflow:hidden;
	display:none;
	border: 10px solid #FFF;
}
#dropdown a:hover{color:#000;}

/* Sidebar Dropdown - More(Mais) */
#sidebar-widgets-drop li{float:left; list-style-type:none; color:#fff; width:160px; padding:25px;}
#sidebar-widgets-drop li li{float:none; width:auto; padding:0 0 8px 0;}
#sidebar-widgets-drop h2{color:#fff; font-size:26px; margin-bottom:15px; letter-spacing:-2px;}
#sidebar-widgets-drop a{color:#fff; text-decoration: none; font-size:16px; }
#sidebar-widgets-drop a:hover{color:#fff; text-decoration: underline; font-size:16px; }

/* Twitter - Rss */
#social{position:absolute; height:32px; left:25px; bottom:25px;}
#social span{display:none;}
#social a{display:block; width:32px; height:32px; float:left; margin-right:10px;}
#social form{	display: block; width: 160px; height: 26px; float: left; margin-right: 10px;}
#social-twitter{background: url("img/twitter.png") no-repeat;}
#social-rss{background: url("img/rss.png") no-repeat;}

/* Footer - Rodapé */
#footer{
	color: #fff;
	margin-left:50px;
	padding-bottom:30px;
	padding-top: 10px;
	width:920px;
	position:relative;
	clear:both;
	text-align: center;
	border-top: 1px solid #fff;
	}
#footer a{text-decoration: none; color: #fff;}
#footer a:hover{ text-decoration: underline;}

/* Navagaçao e Sidebar */
#navigation-index, #sidebar-index{
	margin-left:50px;
	padding-bottom:35px;
	width:920px;
	position:relative;
	clear:both;
	}

#navigation-index .paginacao, #sidebar-index .title-widgets{
	width:308px;
	height:120px;
	overflow:hidden;
	position:relative;
	float:left;
	border-top:solid 1px #fff;
	padding-top:35px;
	font-size:82px;
	color:#fff;
	letter-spacing:-10px;
	}

#navigation-index .control{
	padding:88px 80px 50px 50px;
	float:left;
	width:480px;
	border-top:solid 1px #fff;
	}


#sidebar-index .widgets{
	padding:80px 50px;
	float:left;
	width:510px;
	border-top:solid 1px #fff;
	}

#navigation-index{text-align: center;}

.navigation{
	margin-top: 20px;
	background-color: #FFF;
	padding: 15px;
	text-align: center;
}

/* Sidebar Index - Sigle */
#sidebar-widgets li{float:left; list-style-type:none; color:#fff; width:150px; padding: 15px 5px;}
#sidebar-widgets li li{float:none; width:auto; padding:0 0 8px 0;}
#sidebar-widgets h2{color:#fff; font-size:26px; margin-bottom:15px; letter-spacing:-2px;}
#sidebar-widgets a{color:#fff; text-decoration: none; font-size:16px; }
#sidebar-widgets a:hover{color:#fff; text-decoration: underline; font-size:16px; }

/* Comentario */
#comentario{
	margin-top: 10px;
	margin-bottom: 10px;
	}
#comentario li{	
	border: 1px dashed #fff;
	margin: 10px 0px 10px -40px;
	display: block;
	overflow: hidden;
	}
.comment-author-admin{
	border: 1px solid #fff;
	display: block;
	overflow: hidden;
	background: #fff url("img/desenvolvimento/wp-admin.png") no-repeat right bottom;
	}
#comentario li img{
	float: left;
	margin: 32px;
	}
#comentario cite.fn {
	margin: 0 6px 0 0;
	}

#comentario .comment-meta{
	text-align: left;
	}

#comentario li a{
	color: #000;
	text-decoration:underline;
	}
	
#comentario li a:hover{
	color: #000;
	text-decoration: none;
	}
.reply{
	float: right;
	}
#comentario ol li {list-style: none;}

input.campo-comentario{
	float: left;
	width: 260px;
	margin-bottom: 5px;
	}
input.submit{
	width: 160px;
	height: 32px;
	font-size: 22px;
	margin-top: 5px;
	}

/* Pesquisa */
input.search{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #fff;
	width: 140px;
	height: 32px;
	font-size: 18px;
	font-style: italic;
	border: 1px solid #fff;
	background-color: #33CCFF;
	background-image:url("img/pesquisar.png");
	padding:5px 0px 5px 42px;
	background-repeat:no-repeat; 
	background-position:5px 5px;
	}
	
 .wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #fff;
	color: #fff;
	background-color: #33CCFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #fff;
	color: #fff;
	background-color: #33CCFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #33CCFF;
	background-color: #fff;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #fff;
	color: #33CCFF;
	background-color: #33CCFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #33CCFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #33CCFF;
	background-color: #fff;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #000000;
	color: #33CCFF;
	background-color: #fff;
}