/*
Theme Name: Cesar v2
Description: Tema para o Blog do Cesar Pallares
Version: 2.0
Author: Rafael Cesar

*/

* {
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:transparent;
	border:none;
	list-style-type:none;
}
textarea {overflow:auto}
a:hover {text-decoration:none}
hr {display:none}

#searchform button,
#header ul.redes-sociais li a,
.replacement {
	display:block;
	text-align:left;
	text-indent:-5000px;
	overflow:hidden;
	background-repeat:no-repeat;
}
#comments-holder #respond p:after,
#content .post:after,
#content .entry-content:after,
#content #comments-holder .commentlist li:after,
#content #comments-holder .commentlist:after,
#footer:after,
.clearfix:after {
	content:".";
	visibility:hidden;
	height:0;
	display:block;
	clear:both;
	overflow:hidden;
}
#comments-holder #respond p,
#content .post,
#content .entry-content,
#content #comments-holder .commentlist li,
#content #comments-holder .commentlist,
#footer,
.clearfix {*zoom:1}

input, textarea {
	border:1px inset #777;
	background-color:#FFF
}
select {padding-right:10px}
select, button, #submit {
	border:1px outset #777;
	background-color:#FFF
}
a {color:#F6B70C;text-decoration:none}
a:hover {color:#686339}


body {
	background-color:#000;
	font:14px Helvetica, Arial, sans-serif;
	text-align:center;
}

.single .post, .page .post-page {margin-bottom:20px}
	.post img.attachment-post-thumbnail {
		float:left;
		width:330px;
		height:260px;
	}
	.post h2, .post-page h2 {
		font-size:27px;
		margin-bottom:15px;
	}
	body.single h2.single {
		height:45px;
		font:25px/45px Helvetica, Arial, sans-serif;
		color:#F6B70C;
		text-indent:20px;
		margin-bottom:20px;
		background:url(images/bg-70.png) left top repeat;
	}
	html.JS body.single h2.single {position:relative;z-index:10}
	body.single .post h1, body.page .post-page h1 {
		margin-left:20px;
		color:#F6B70C;
		margin-right:145px;
		margin-bottom:25px;
		font:27px Helvetica, Arial, sans-serif;
	}
		body.single .post .fb_share_count_wrapper {
			float:none;
			position:absolute;
			right:75px;
			top:15px;
		}
	
	.post h2 a:link, .post h2 a:visited {
		font:30px Helvetica, Arial, sans-serif;
		text-decoration:none;
		color:#F6B70C;
	}
	.post h2 a:hover {color:#686339}
	.post p, .post-page p {
		margin:10px 0;
		font:13px/22px Helvetica, Arial, sans-serif;
		color:#E7E7E7;
	}
	.single .post p, .page .post-page p,
	.entry-content div,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {margin:10px 20px}
	.post img, .post-page img {display:block}
	.post .aligncenter, .post-page .aligncenter {text-align:center;margin:0 auto}
	.post .alignleft, .post-page .alignleft {float:left;margin-right:5px}
	.post .alignright, .post-page .alignright {float:right;margin-left:5px}
	.post img.alignleft, .post img.alignnone,
	.post-page img.alignleft, .post-page img.alignnone {
		margin-left:-20px;
		margin-right:20px;
	}
	.post img.alignright,
	.post-page img.alignright {
		margin-left:20px;
	}
	.post ul li, .post ol li, .post-page ul li, .post-page ol li {padding-left:15px}
	.post ul li, .post-page ul li {list-style-type:disc}
	.post ol li, .post-page ol li {list-style-type:decimal}
	.post span.by, .post-page span.by {
		font:22px Helvetica, Arial, sans-serif;
		color:#FFF;
		display:block;
		margin-bottom:15px;
	}
	body.single .post span.by, body.page .post-page span.by {
		margin-left:20px;
		margin-right:145px;
		display:block;
		padding-top:20px;
		margin-bottom:15px;
		border-bottom:1px solid #FFF;
	}
	body.page .post-page span.by {margin-right:20px}
	body.page .post-page .tweetmeme_button {display:none !important}

#page {
	width:847px;
	margin:0 auto;
	text-align:left;
	padding-top:50px;
}

#header {
	height:105px;
	background:url(images/bg-70.png) left top repeat;
	margin-bottom:17px;
	position:relative;
}

#menu-topo {
	height:105px;
	display:block;
}
	#menu-topo li {
		height:105px;
		line-height:105px;
		float:left;
	}
		#menu-topo li a {
			height:105px;
			line-height:105px;
			padding:0 25px;
			display:block;
			color:#FFF;
			text-decoration:none;
			font-size:17px;
			font-family:Helvetica, Arial, sans-serif;
		}
		#menu-topo li a:hover {color:#FFCC00}

#header ul.redes-sociais {
	position:absolute;
	bottom:10px;
	right:20px;
}
#header ul.redes-sociais li {
	float:left;
	margin:0 16px 0 0;
}
	#header ul.redes-sociais li a {
		background-image:url(images/ico-redes.png);
		height:19px;
		width:19px;
	}
	#header ul.redes-sociais li.rss a {
		background-position:0 0;
	}
	#header ul.redes-sociais li.twitter a {
		background-position:-34px 0;
	}
	#header ul.redes-sociais li.facebook a {
		background-position:-66px 0;
		width:21px;
	}
	#header ul.redes-sociais li.linkedin a {
		background-position:-100px 0;
	}
#header ul.redes-sociais li.slideshare {margin-right:0}
	#header ul.redes-sociais li.slideshare a {
		background-position:-133px 0;
		width:20px;
	}


#destaques {
	height:326px;
	background:url(images/bg-70.png) left top repeat;
	margin-bottom:18px;
	padding:0 5px;
}
html.JS #destaques {position:relative}
	#destaques h3 {
		height:40px;
		font:23px/45px Helvetica, Arial, sans-serif;
		color:#F6B70C;
		text-indent:17px;
	}
	#page #menu-categorias {
		position:absolute;
		top:10px;
		right:15px;
		width:250px;
		height:25px;
	}
		#page #menu-categorias h3 {
			font:14px/25px "Trebuchet MS", Arial, sans-serif;
			color:#FFF;
			height:25px;
			text-indent:12px;
			background:url(images/bg-categorias.png) left top repeat;
			width:220px;
			float:left;
			cursor:pointer;
			margin-bottom:5px;
		}
		#page #menu-categorias img {float:right;cursor:pointer}
		#page #menu-categorias ul {
			clear:both;
			width:220px;
			background:url(images/bg-70.png) left top repeat;
		}
		#page #menu-categorias ul a {
			display:block;
			height:29px;
			line-height:29px;
			color:#FFF;
			width:240px;
			text-indent:15px;
			font-size:14px;
		}
		#page #menu-categorias ul a:hover {
			background:url(images/bg-categorias.png) left top repeat;
			margin-left:-3px;
			text-indent:18px;
		}
	
	#destaques #vitrine {
		height:250px;
		position:relative;
		width:830px;
		margin:0 auto;
		overflow:hidden;
	}
		#destaques #vitrine div.bg {
			position:absolute;
			top:0;
			left:0;
			display:none;
			width:100%;
			height:250px;
		}
			#destaques #vitrine div.cont {
				width:300px;
				padding:0 15px;
				height:100%;
				background:url(images/bg-vitrine.png) left top repeat;
				position:relative;
			
			}
				#destaques #vitrine h2 {
					padding-top:40px;
					margin-bottom:10px;
				}
					#destaques #vitrine h2 a {
						font-size:22px;
						color:#F6B70C;
						text-decoration:none;
					}
					#destaques #vitrine h2 a:hover {color:#686339}
				#destaques #vitrine div p {
					font-size:14px;
					color:#FFF;
					margin-bottom:30px;
				}
				#destaques #vitrine ul {
					position:absolute;
					left:20px;
					bottom:25px;
					background:url(images/bg-30.png) left top repeat;
					padding:5px 0 5px 5px;
				}
					#destaques #vitrine ul li {
						cursor:pointer;
						background-color:#aaa8a9;
						color:#FFF;
						float:left;
						margin-right:5px;
						overflow:hidden;
					}
					#destaques #vitrine ul li.ant, #destaques #vitrine ul li.pro {
						height:17px;
						overflow:hidden;
					}
						#destaques #vitrine ul li img {display:block}
						#destaques #vitrine ul li img:hover {margin-top:-17px}
				#destaques #vitrine a.mais {
					width:75px;
					height:20px;
					color:#F6B70C;
					text-decoration:none;
					background-color:#242321;
					font:bold 11px/20px Helvetica, Arial, sans-serif;
					text-align:center;
					position:absolute;
					right:15px;
					bottom:25px;
				}
				#destaques #vitrine a.mais:hover {color:#686339}

#content {
	margin-bottom:45px;
	position:relative;
	background:url(images/bg-70.png) left top repeat;
}
	#content h3 {
		height:42px;
		font:23px/45px Helvetica, Arial, sans-serif;
		color:#F6B70C;
		text-indent:20px;
	}
	#content .entry-content h3 {
		height:auto;
		text-indent:0;
	}
	#content .entry-content .podPress_content {
		color:#FFF;
		margin:0;
	}
		#content .entry-content .podPress_content div {margin:0}
		#content .entry-content .podPress_content .podpress_playerspace {margin-bottom:5px}

	.home #content .entry,
	.search #content .entry,
	.archive #content .entry,
	.category #content .entry {
		height:230px;
		padding-top:10px;
		float:left;
		padding-left:25px;
		width:440px;
	}
	.search #content .post div.embed,
	.archive #content .post div.embed,
	.category #content .post div.embed,
	.home #content .post div.embed {
		width:330px;
		height:260px;
		float:left;
		overflow:hidden;
	}
	.search #content .post .postmetadata,
	.category #content .post .postmetadata,
	.archive #content .post .postmetadata,
	.home #content .post .postmetadata {
		margin:0;
		height:24px;
		line-height:24px;
		border-bottom:1px solid #000;
		background:url(images/bg-30.png) left top repeat;
		color:#FFF;
		padding-left:16px;
		width:474px;
		float:left;
	}
	
		.category #content .post .postmetadata a:link, .category #content .post .postmetadata a:visited,
		.search #content .post .postmetadata a:link, .search #content .post .postmetadata a:visited,
		.archive #content .post .postmetadata a:link, .archive #content .post .postmetadata a:visited,
		.home #content .post .postmetadata a:link, .home #content .post .postmetadata a:visited {
			color:#FFF;
			text-decoration:none;
			font-size:12px;
		}
		.search #content .post .postmetadata a:hover,
		.archive #content .post .postmetadata a:hover,
		.category #content .post .postmetadata a:hover,
		.home #content .post .postmetadata a:hover {color:#686339;}
		
		.category #content .post .postmetadata a.vermais,
		.archive #content .post .postmetadata a.vermais,
		.search #content .post .postmetadata a.vermais,
		.home #content .post .postmetadata a.vermais {float:right}
			
			.category #content .post .postmetadata a.vermais img,
			.archive #content .post .postmetadata a.vermais img,
			.search #content .post .postmetadata a.vermais img,
			.home #content .post .postmetadata a.vermais img {
				display:inline;
				vertical-align:top;
				padding-left:10px;
			}
		
		#content .post h2 a.post-edit-link,
		#content .post .postmetadata a.post-edit-link {color:red !important}
	
	#content h2 span.fb_share_size_Small {
		float:none;
		position:absolute;
		top:0px;
		right:60px;
	}
	#content h2 span.FBConnectButton {display:block}
	
	
	.home #content h4,
	.category #content h4,
	.archive #content h4,
	.search #content h4 {
		color:#030200;
		font-size:17px;
		border-bottom:1px solid #000;
		font-style:italic;
		margin-bottom:20px;
		text-indent:15px
	}
	#comments-holder {
		background:url(images/bg-70.png) left top repeat;
		clear:both;
		margin-bottom:45px;
	}
		#comments-holder #comments {
			font:27px Helvetica, Arial, sans-serif;
			color:#F6B70C;
			margin-bottom:10px;
			padding-top:20px;
			text-indent:20px;
		}
		#comments-holder .navigation .alignleft,
		#comments-holder .navigation .alignright,
		#comments-holder .navigation {position:static}
		#comments-holder .navigation .alignright {float:right}
		
		#comments-holder .commentlist {
			display:block;
			padding:15px;
			font:12px/20px Helvetica, Arial, sans-serif;
			color:#FFF;
		}
		#comments-holder .commentlist li {margin-bottom:30px}
			#comments-holder .commentlist .vcard {
				float:left;
				margin-right:20px;
			}
			#comments-holder .commentlist .commentmetadata {
				padding-top:10px;
				clear:both;
			}
		
	#comments-holder #respond {padding:20px 0 20px 20px}
		#comments-holder #respond h3 {
			font:27px Helvetica, Arial, sans-serif;
			color:#F6B70C;
			margin-bottom:10px;
		}
		#comments-holder #respond p {
			color:#FFF;
			font:14px Helvetica, Arial, sans-serif;
			margin:10px 0;
		}
			#comments-holder #respond input, #comments-holder #respond textarea {
				border:1px solid #FFF;
				background:transparent;
				color:#FFF;
				width:360px;
				margin-right:25px;
				float:left;
			}
			#comments-holder #respond textarea {height:150px}
			#comments-holder #respond label {line-height:19px}
			#comments-holder #respond button {
				width:242px;
				height:27px;
				text-indent:10px;
				font:14px/27px Helvetica, Arial, sans-serif;
				color:#FFF;
				background:url(images/bg-70.png) left top repeat;
				text-align:left;
				border:none;
				cursor:pointer;
				margin-top:125px;
			}
			#comments-holder #respond button:hover {color:#F6B70C}
	
	#content .navigation {
		position:absolute;
		bottom:-75px;
		width:100%;
		display:block;
	}
		#content .navigation .next {float:right}
		#content .navigation .prev {float:left}
		
#sidebar {
	width:200px;
	float:left;
	padding-right:20px;
}
	
	#searchform {
		padding-top:20px;
		margin-bottom:30px
	}
		#searchform fieldset {position:relative}
			#searchform label {
				position:absolute;
				font-size:18px;
				top:5px;
				left:4px;
				font:14px "Trebuchet MS", Verdana, Arial, sans-serif;
				color:#FFF;
			}
			#searchform input {
				height:24px;
				width:217px;
				float:left;
				margin-right:5px;
				border:none;
				background:transparent url(images/bg-categorias.png) left top repeat;
				font:14px/24px "Trebuchet MS", Verdana, Arial, sans-serif;
				color:#FFF;
				text-indent:4px;
			}
			#searchform button {
				width:24px;
				height:24px;
				background-image:url(images/ico-seta-direita-pequena.gif);
				border:none;
				cursor:pointer;
			}
	
	#sidebar .widget {margin:25px 0}
		#sidebar .widget h4 {
			height:30px;
			line-height:30px;
			text-indent:20px;
			color:#000;
			font-size:14px;
			font-family:Verdana, Arial, sans-serif;
			margin-bottom:15px;
		}
		.single #sidebar .widget h4, .page #sidebar .widget h4 {
			background-color:#686339;
			color:#FFF;
			margin-right:-20px;
		}
		#sidebar .widget ul {
			padding-left:30px;
			
		}
			#sidebar .widget ul li {margin-bottom:10px}
				#sidebar .widget ul a {
					color:#171717;
					text-decoration:none;
					font-size:12px;
				}
				#sidebar .widget ul a:hover {text-decoration:underline}
	
	
	
	
#footer {
	background:url(images/bg-70.png) left top repeat;
	padding-left:25px;
	padding-top:40px;
}
	#footer div {
		float:left;
		margin-right:25px;
		width:30%;
	}
		#footer h3 {
			font:27px Helvetica, Arial, sans-serif;
			color:#F6B70C;
			margin-bottom:15px;
		}
		#footer li {
			border-bottom:1px solid #E7E7E7;
			font:14px Helvetica, Arial, sans-serif;
			color:#FFF;
			padding-bottom:3px;
			text-indent:3px;
		}
		
		#footer .paginas h3 {margin-bottom:30px}
		#footer li, #footer li a {
			font-size:14px;
			color:#FFF;
			text-decoration:none;
			margin-bottom:10px;
		}
		#footer li a:hover {color:#686339}




#content .tweetmeme_button {
	margin:0;
	position:absolute;
	top:15px;
	right:15px;
}