/*
Theme Name: Flavio Pereira Blog
Theme URI: http://www.cerebro10.com.br/
Description: A fantastic theme for Flavio Pereira's Blog - Curitiba - Brazil.
Version: 1.0
Author: GN10
Author URI: http://www.gn10.com.br
Tags: red, yellow, fixed width, two columns
*/

/* Basics */
body {
	font: 13px "Helvetica Neue", Helvetica-Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background: url(images/bkg-body.gif) repeat-x left top;
	color: #222;
}

img, a img {border: none;}

a, a img {outline: none;}

a {text-decoration: none; color: #C00;}

a:hover {text-decoration: underline; color: #900;}

a.more-link {background: url(images/icon-more.gif) no-repeat right bottom; padding-right: 16px;}

address {font-style: normal;}

blockquote {
	font: 19px Georgia, "Times New Roman", Times, serif;
	color: #666;
	line-height: 25px;
	margin: 12px 8px;
	padding: 0 0 0 35px;
	background: url(images/blockquote.gif) no-repeat left center;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #C00;
	margin: 5px;
	padding: 0px;
}
	h2.pagetitle {
		margin: 0 0 8px 0;
		padding: 10px;
		text-align: center;
		background: #f9f9f9;
		border-top: 5px solid #e8e8e8;
		border-bottom: 5px solid #e8e8e8;
	}
	
h3 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}
	#wrapper h3 {color: #444; padding: 8px 2px;}
	#wrapper h3.archive {padding: 0 0 5px 0; border-bottom: 1px solid #e8e8e8;}
	
h4 {
	font: 18px "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	margin: 5px;
	padding: 0px;
	color: #444444;
}

form {margin: 0; padding: 0;}

input, select {margin: 2px 0;}

label {margin: 5px 3px;}

table {border-collapse: collapse; border-color: #777;}

/* Globals */
.left {float: left;}
.right {float: right;} 
.center {text-align: center;}

.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.aligncenter {margin: 0 auto;}

.tright {text-align: right;}
.tleft {text-align: right;}

.five {margin: 5px;}
.rfive {margin-right: 5px;}
.lfive {margin-left: 5px;}

.clear {clear: both;}
.hidden {display: none;}
.pcinco {padding: 0 8px;}

/* Structure */
#container-wrap {}

#page {width: 940px; margin: 0 auto; padding-bottom: 10px;}

#content {margin: 10px 0;}

/* Header / Menu */
#header {margin: 0; padding: 0;}
	#header span {margin: 0; padding: 0;}
	#header span a {margin: 5px 0 0 10px; padding: 0; width: 130px; height: 38px; float: left; text-indent: -999em;}
	
	#header h1 {margin: 0; padding: 0;}
	#header h1 a {margin: 30px 0 0 114px; padding: 0; width: 310px; height: 85px; float: left; text-indent: -999em;}

#top-header {height: 54px;}
	#top-header #searchform {width: 330px; height: 30px; margin: 0; padding: 15px 10px 0 0; float: right;}
	#top-header #searchform #s {
		font-size: 20px;
		color: #666;
		width: 268px;
		margin: 0 23px 0 0;
		padding: 2px;
		border: 0;
		background: none;
		float: left;
	}
	#top-header #searchform	#searchsubmit {float: right;}

#middle-header {height: 175px;}

/* Menu */
.menu {height: 30px; padding-left: 10px;}
	.menu ul {margin: 0; padding: 6px 0; list-style-type: none;}
	.menu ul li {margin: 0; padding: 0; float: left; color: #666;}
	.menu ul li a {font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #900; text-transform: uppercase;}

/* Side */
#side {width: 215px; float: left; font-size: 12px;}
	#side ul {margin: 0; padding: 0; list-style-type: none;}
	#side ul li {margin: 0 0 7px 0; padding: 0;}
	#side p {font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 1px; padding: 0;}
	.side-box {
		padding: 5px 0;
		border-top: 4px solid #e8e8e8;
		border-bottom: 4px solid #e8e8e8;
		border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb;
	}
	
	#side .imgm {margin: 6px 6px 6px 0; padding: 0 0 0 6px; float: left;}
	.orange {color: #F60; margin: 3px; padding: 0;} 
		.orange a {color: #F60;}
		.orange a:hover {color: #F60;}
	.red {color: #C00; margin: 3px; padding: 0;}

	#side ul li ul.cats {border-top: 1px solid #ebebeb; margin: 4px 0;}
	#side ul li ul.cats li {
		border-bottom: 1px solid #ebebeb;
		margin: 0;
		padding: 5px;
	}
	#side ul li ul.cats li a {
		color: #900 ;
	}
	#archives-drop {margin: 10px 6px; width: 170px;}
	
/* Wrapper */
#wrapper {
	width: 710px;
	float: right;
	margin: 0;
	padding: 0;
}

.post-wrap {width: 352px;}

.post-wrap .post {
	margin: 0 0 12px 0;
	border-top: 4px solid #e8e8e8;
	border-bottom: 4px solid #e8e8e8;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
	.post h2 {
		font-size: 29px;
		font-weight: normal;
		letter-spacing: -1px;
		color: #C00;
		margin: 5px;
		padding: 0;
		border-bottom: 1px solid #ebebeb;
	}
	.post-head p {
		margin: 0;
		padding: 2px;
		line-height: 14px;
	}
	.entry {clear: both; padding-top:2px;}
	.entry p {
		margin: 5px 10px 14px 10px;
		padding: 0;
		line-height: 21px;
	}
	.entry ul, .entry ol  {
		margin: 6px 5px 6px 40px;
		padding: 0;
		line-height: 18px;
	}
		.entry ul li, .entry ol li {margin: 3px 0; padding: 0;}
		.entry ul li ul, .entry ol li ul {margin: 0 0 0 20px; padding: 0;}
		.entry ul li ul li, .entry ol li ul li {margin: 3px 0; padding: 0;}

/* Entry / More Options */
.entry-more {		
	padding: 15px;
	margin: 10px 0 10px 40px;
	background: #f9f9f9;
	border: 5px solid #e8e8e8;
}
	.entry-more .email, .entry-more .print, .entry-more .feed, .entry-more .share, .entry-more .tags {
		padding: 4px 0 3px 22px;
		display: block;
	}
	.entry-more .email {background: url(images/icon-mail.gif) no-repeat left center;}
	.entry-more .print {background: url(images/icon-print.gif) no-repeat left center;}
	.entry-more .feed {background: url(images/icon-feed.gif) no-repeat left center;}
	.entry-more .share {background: url(images/icon-share.gif) no-repeat left center;}
	.entry-more .tags {background: url(images/icon-tag.gif) no-repeat left center;}

/* Category / Category Icons */
.icon-cat {background:url(images/icon-cat.gif) no-repeat left center; padding-left: 20px;}

.cat-desc {width: 310px; float: left;}

.cat-text p {line-height: 22px;}

.cat-text {width: 390px; float: right;}


/* Contact Form */
#Contato {width: 560px; margin: 5px auto; padding: 10px; background: #f9f9f9; border: 1px solid #CCC;}
#Contato label {margin: 0; font: 11px Arial, Helvetica, sans-serif;}
#Contato select option {margin: 0 2px;}
#Contato select optgroup {font-style: normal; margin: 4px 2px; border-bottom: 1px solid #999;}
#Contato .dads {margin: 2px 8px;}
#Contato .dados {width: 260px; margin: 2px 8px;}
#Contato .cons {width: 170px; margin: 2px 8px;}
#Contato .enviar {margin: 2px 8px;}

/* Footer */
#footer-wrap {background: url(images/bkg-footer.gif) repeat-x top left;}

#footer {width: 940px; margin: 0 auto; height: 130px; padding-top: 8px; color: #333; font-size: 12px;}

#footer a {color: #333;}

#footer-box {
	font-weight: bold;
	line-height: 18px;
	width: 825px;
	height: 60px;
	margin: 0 auto;
	background: url(images/bkg-footer.jpg) no-repeat top left;
}

#footer-box div.address {
	margin: 0;
	padding: 11px 0 0 70px;
	width: 210px;
	float: left;
}	

#footer-box div.fone {
	margin: 0;
	padding: 11px 0 0 65px;
	width: 200px;
	float: left;
}	

#footer-box div.msn {
	margin: 0;
	padding: 11px 0 0 27px;
	width: 180px;
	float: left;
}	

#footer-box span.gn10 a {
	margin: 5px 0 0 0;
	float: right;
	width: 60px;
	height: 50px;
	text-indent: -999em;
}

.copyright {text-align: center; font-weight: bold; font-size: 13px;}

.copyright a {text-decoration: underline;} 

.copyright a:hover {text-decoration: none;}

/* Comments */
.comment-caixa {
	padding: 15px;
	margin: 10px 0 10px 40px;
	background: #f9f9f9;
	border: 5px solid #e8e8e8;
}

ul.commentlist li {padding: 10px; list-style-type: none; border: 5px solid #e8e8e8; margin: 5px 0;}

ul.commentlist li.alt {background: url(images/hash.gif) repeat; border: #fff 5px solid;}

ul.commentlist li p {margin-top: 0;}

cite.comment-author {font-size: 17px; font-style: normal; letter-spacing:-1px; color:#C00; }

#author, #email, #url, #comment {font-family: Georgia, serif; font-size: 13px; color: #444;}

#commentform .comment-data {width: 200px;}

.comment-data p {margin: 0; padding: 0;}

#commentform #comment {width: 350px; height: 100px;}

.count {font: 36px Georgia, "Times New Roman", Times, serif; float: right; color: #888;} 

/* Plugin: jQuery Lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {border: none;}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;} 
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;}