/*  
Theme Name: Paciencia Viva
Theme URI: http://www.pacienciaviva.org.br/
Descri��o: Tema para blog da ONG Paciencia Viva
Version: 1.0
Author: Tiago Pessoa
Author URI: http://www.virtualizeid.com.br

�ndice

-ClearFix
-Tags
-Geral
-Headings
-Header
+Centro
	-Sidebars (Left and Right)



*/

ul.readmore {								list-style: none; padding: 0px;	margin: 0px; color: #389307;}

/*	##############
	#
	#	Clear Fix 
	#	Concertando o problema dos janelas em floats
	#
	############## */

.clearfix:after {							content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }	
.clearfix {									display: inline-block;} 
html[xmlns] .clearfix {						display: block;}
* html .clearfix { /*Apenas Para IEs */ 	height: 1%; }
.clear{										clear:both;	}


/* ##############
   #	
   # 	Tags
   #	
   ############## */
*{											margin:0; padding:0;} 
html {		margin:0; }
body {		background: url(images/bg-body.jpg) #FFFBD9 center top; margin: 0px; padding: 0px; font-family:Verdana, Tahoma, Arial, sans-serif; color: #736357;  font-size:62.5%; line-height:1.2;}
   
/* Zerando os valores padr�es dos bronwsers */
img, p, h1, h2, h3, h4, h5, h6, ul, li, ol, form, fieldset, table, tr, td, thead, tbody, tfooter, input, textarea{
											border: none 0px; padding:0; margin:0; list-style:none;}
											
a, a:link {									color: #736357;	text-decoration: none;	}
a:visited {									color: #000000;	}
a:hover, a:active {							background: none; color: #ff6600;}
input[type=text], textarea{					background:url(images/bg-textarea.gif) repeat-x left top #fff; padding:0 3px;}




/*	##################################
	#
	#		Geral
	#
	################################## */

#skip {										display: none;	}
.left{										float:left; width:50%;}
.right{										float:right; width:50%; text-align:right;}
a.more-link{								display:block; color:#F00;}
a.more-link:hover{							display:block; color:#900;}

/*	##################################
	#
	#		WordPress Styles
	#
	################################# */
.wp-caption{			background:#cbcfad; font-weight:bold; text-align:center; padding:5px 0 0;
/* optional rounded corners for browsers that support it */
   -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}	
   
.alignleft{				float:left; margin-right:5px; margin-bottom:5px; }
.alignright{			float:right; margin-left:5px; margin-bottom:5px;}
.aligncenter, div.aligncenter {    margin:0 auto 5px; display:block;}
.wp-caption img{		margin:0; padding:0; border:none 0;}



/*	############################
	#
	#		Headings
	#
	############################ */

h1#logo {										position:absolute; left:5px; top:25px; text-indent:-1000em; background:url(images/pac-viva-logo.png) no-repeat;
												width:192px;	height:103px;}
h2#slogan {										position:absolute; left:217px; bottom:10px; _bottom:0px;  background:#000; width:644px; height:22px; 
												text-indent:-1000em; background:url(images/slogan.jpg) no-repeat; font-size:1px;}
h2.pagetitle {									position:absolute; top:0px; left:-10px; height:34px; line-height:34px; font-size:20px; width:410px; 
												padding:4px 25px; z-index:5; background:url(images/bg-post-verde.jpg) repeat-x left top; color:#FFF; 
												text-shadow:#060 0 0 5px;  font-family:Geneva,Arial,Helvetica,sans-serif;}
h3.page-topics{									background:url(images/page-topics-bullet.jpg) no-repeat left 6px; margin:20px 10px 0; padding-left:12px;}												
h3.search-title{								font-size:1.15em;}
h3#erro-search{									margin:0 15px;}
h3.post-verde, h3.post-azul{					position:absolute; top:0; left:-10px; height:34px; line-height:1.1; font-size:16px; width:430px; 
												padding:4px 15px; z-index:5; font-weight:bold; font-family:Geneva,Arial,Helvetica,sans-serif;}
h3.post-verde{									background:url(images/bg-post-verde.jpg) repeat-x left top;}
h3.post-azul{									background:url(images/bg-post-azul.jpg) repeat-x left top;}
h3.post-verde a, h3.post-azul a{				color: #fff;}												
h3.post-verde a:visited, h3.post-azul a:visited{color: #f9faba;}
h3.post-verde a:hover, h3.post-azul a:hover{	color: #f2f501;}
h3#reply{										background:url(images/comment-title.jpg) no-repeat; width:169px; height:20px; text-indent:-1000em;}

h3.box-title {									font-size: 12px; padding-left: 10px; padding-right:4px;	height:21px; line-height:21px; font-style:italic;
												color: #d6c8a8;	background: #5b4c2a; margin-bottom:25px; font-style:italic;	font-weight:normal;}
h3.box-title a, h3.box-title a:visited{			color: #d6c8a8;}
h3.box-title a:hover{							color: #900;}
h4.title-enquete{ 								font-size:1em; margin-bottom:8px; line-height:1.4;}


/*	########################
	#
	#		Header
	#
	######################## */

#header {			width: 960px; margin:0 auto;}
#top-header{		position: relative;	height: 161px; background:url(images/bg-header.jpg);}

#banner-header	{	position:absolute; top:28px; right:15px; width:730px; height:94px;}
	
span#menu-top{		display:block; background:url(images/bg-menu-top.jpg) no-repeat; height:11px; margin:0; padding:0; font-size:1px;}
span#menu-bottom{	display:block; background:url(images/menu-bottom.jpg) no-repeat; height:12px; margin:0; padding:0; font-size:1px;}
#ul-menu{			background: url(images/bg-menu.jpg) top;	width:100%;}
#menu li{ 			height:20px; line-height:20px;  margin-left:10px; float:left; display:inline; margin-bottom:3px;}
#menu li a{ 		color:#4e4131; text-shadow:rgba(255, 255, 255, 0.2) 0 1px 0; font-weight:bold; display:block; padding:0 10px; 
					background:url(images/bg-menu-links.jpg) left top repeat-x;	text-transform:uppercase;}
#menu li a:hover{ 	background:url(images/bg-menu-links.jpg) left -24px repeat-x;}
#extras {			position:absolute; right:15px; bottom:0px;	z-index:11;}

/* 	################################
	#
	#		Centro (Page)
	#
	################################ */
span#menu-shadow{	background:url(images/page-top-shadow.jpg) no-repeat; width:960px; height:13px; display:block; _margin-bottom:-3px;}
#page{				width:960px; margin:0px auto; background:url(images/bg-page.jpg) left; }
#wrapper {			width:790px; margin:0;	background:url(images/bg-wrapper.jpg) left; float:left; padding-bottom:20px;}
span#wrapper-bottom-corner{	background:url(images/wrapprer-bottom-corner.jpg) left no-repeat; width:790px; height:27px; display:block; clear:both;}
#banner-lateral{	float:right; margin-right:5px; margin-top:20px; display:inline;}

/*	###############################
	#
	#		Sidebars
	#
	############################### */

#left-sidebar, #right-sidebar {				padding: 0px; background: url(images/bg-sidebar.jpg) left; font-size:11px;}
/*#left-sidebar {							float: left; width: 170px;}*/
#left-wrapper{								float: left; width: 170px; margin: 12px 0 0; display:inline;}
#right-wrapper {							float: right; width: 150px; display:inline; margin: 12px 0 0;}
.box-sidebar-left{							background:url(images/bg-box-sidebar-left.jpg) left 21px no-repeat;	padding:0 0 20px; color:#736357;}
.box-sidebar-right{							background:url(images/bg-box-sidebar-right.jpg) right 21px no-repeat;	padding:0 0 20px; color:#736357;}
.box-sidebar-left p, .box-sidebar-right p{	padding:0 10px 0 15px;}
span.sidebar-bottom-corner-left{			display:block; background:url(images/sidebar-bottom-corner-left.jpg) bottom left no-repeat; height:18px;}
span.sidebar-bottom-corner-right{			display:block; background:url(images/sidebar-bottom-corner-right.jpg) bottom left no-repeat; height:18px;}
.box-sidebar-left li, .box-sidebar-right li{background:url(images/equipe-dashed-line.gif) left bottom repeat-x; padding-top:6px; padding-bottom:3px; display:block;}
.rss-date{									padding:4px 10px 0 15px; color:#66732A; display:block;} 											

.box-sidebar-left li a, .box-sidebar-right li a{background:url(images/sidebar-list-bullet.gif) left 5px no-repeat; padding-left:10px; margin-left:7px; display:inline-block}
/*Dicas*/
#dicas{										height:200px; overflow:hidden; margin-top:30px; position:relative; line-height:1.4;}
#dicas div{									padding:0 10px 0px 15px; background:url(images/bg-sidebar.jpg); position:absolute; bottom:-50px;}
#dicas p{									padding:0; margin:0;}
#dicas-nav{									margin-top:10px;}
#left-sidebar a#next-dica{					color:#8da036; float:right;}
#left-sidebar a#next-dica:hover{			color:#66732a;}
#left-sidebar a#prev-dica{					color:#8da036; float:left;}
#left-sidebar a#prev-dica:hover{			color:#66732a;}

/* Parceiros*/ 
#parceiros-logos{							margin:0 auto; width:150px;}
#parceiros-logos img{						width:144px; height:99px; top:0; left:0; display:none;}

/* Equipe */
table#equipe { 								width:90%; margin:0 auto;}
table#equipe tr{							background:url(images/bg-equipe.png) left bottom repeat-x}
table#equipe tr td:first-child{				width:50px; text-align:center;}
table#equipe td {							padding:5px 0; font-size:0.85em}
table#equipe td span{						display:block; font-style:italic; font-size:0.8em}

/* Enquete */
.wp-polls h4{								margin:0 15px 5px;}
.wp-polls-form p{							margin-bottom:5px;}
.wp-polls ul.wp-polls-ul {					margin:0 15px 0}
.wp-polls li{								padding:0; margin-bottom:5px;}
.wp-polls-form label{						margin-left:5px;}
.wp-polls-form input#votar-enquete{			font-family:Verdana, Arial, Geneva, sans-serif; font-weight:bold; font-size:1em;
											color:#17a4ac; background:transparent url(images/votar-bullet.gif) no-repeat left center;
											cursor:pointer;	padding-left:7px; margin-top:10px; border:0 none;}
.wp-polls-form a#resultado-parcial{			font-family:Verdana, Arial, Geneva, sans-serif; font-weight:bold; font-size:1em;
											color:#736357; background:transparent url(images/resultado-bullet.gif) no-repeat left center;
											cursor:pointer;	padding-left:10px;}
.wp-polls-form a#resultado-parcial:active{	padding-top:2px;}

/*newsletter*/

#newsletter-box{							background:url(images/bg-newsletter.jpg); padding:15px 10px;}
h3#newsletter-title{						text-indent:-1000em; background:url(images/newsletter-title.jpg) no-repeat; width:86px; height:20px; 
											margin-bottom:10px;}
input.newsfield{							border:2px #83714a solid; width:125px; margin:5px 0;}
input.newssubmit{							background:url(images/newsletter-submit.jpg) no-repeat transparent; width:23px; height:14px; font-size:12px;}
#news-p{									text-align:right;}

/*	###################################
	#
	#		Busca (Search)
	#
	################################## */
	
/*campo de busca no sidebar*/	
#search{									background:url(images/bg-search.jpg) repeat-y; margin-bottom:20px;}
#search-top-corner{							display:block; background:url(images/search-top-corner.jpg) top no-repeat; height:9px;}
#search-bottom-corner{						display:block; background:url(images/search-bottom-corner.jpg) bottom no-repeat; height:9px;}
#searchform{								padding:0 5px;}
#searchform h3{								color:#fff; font-size:12px; margin-bottom:5px;}
input.searchfield{ 							line-height:16px; height:16px; font-size:12px; width:100px}
input.searchsubmit{							background:url(images/search-submit.png) no-repeat transparent; width:22px; height:12px; font-size:12px;}

/*P�gina de resultado*/
.search-result{								position:relative; background:url(images/bg-post.jpg); margin:0px 10px; padding:45px 0 10px;}
.search-find{								background:url(images/equipe-dashed-line.gif) repeat-x bottom; padding:10px; }
.search-bottom-corner{						background:url(images/post-bottom-corner.jpg) no-repeat left bottom; height:20px; display:block; margin:0 10px;}
p#back-page{								margin:10px 15px 0; text-align:right;}

/* 	##################################
	#
	#       Post �rea (Content)
	#
	################################## */

#content-wrapper{							float:left; margin: 0px 5px;  position:relative; width:460px;}
div#content { 								background: url(images/bg-centro.jpg); padding:12px 0 0;}
span#content-bottom-corner{					background:url(images/content-bottom-corner.jpg) no-repeat left bottom; display:block; height:18px;}

.post{										padding:40px 0 0;	position:relative; margin:0 10px;}

span.post-verde-before{						background:url(images/bg-post-verde-before.jpg); position:absolute; left:-15px; top:0; width:15px; 
											height:70px; z-index:50;}
span.post-verde-after{						background:url(images/bg-post-verde-after.jpg); position:absolute; right:-15px; top:0; width:14px; height:71px;
											z-index:50; _right:-5px;}
span.post-azul-before{						background:url(images/bg-post-azul-before.jpg); position:absolute; left:-15px; top:0; width:15px;
											height:70px; z-index:50;}
span.post-azul-after{						background:url(images/bg-post-azul-after.jpg); position:absolute; right:-15px; top:0; width:14px; height:71px;
											z-index:50; _right:-5px;}

.post-content{								background:url(images/bg-post.jpg); padding:25px 7px 10px; color:#736357; overflow:hidden;  width:426px;}
.page-content{								margin-left:10px;}
.post-content p{							margin:0 10px 8px; line-height:1.5;}
.post-content h4{							margin:20px 10px 10px; color:#8da036;}
.post-content ul{							margin:0 10px;}
.post-content ul li{						background:url(images/post-list-bullet.jpg) no-repeat left 5px; padding-left:12px; margin-bottom:4px;}
.post-content ul li a{						font-weight:bold; color:#736357;}
.post-content ul li a:hover{				font-weight:bold; color:#8da036;}
span.post-bottom-corner{					background:url(images/post-bottom-corner.jpg) no-repeat left bottom; height:20px; display:block;}
span.page-bottom{							margin-left:10px;}
p.meta-date{								z-index:100; position:absolute; right:5px; top:41px; font-size:10px; _right:15px;}

.metas{										background:#cbcfad url(images/meta-top-left-corner.jpg) no-repeat top left; margin-top:6px; 
											margin-bottom:40px; position:relative;}
.metas-inner{								padding:10px; background:transparent url(images/meta-bottom-right-corner.jpg) no-repeat bottom right; }

.metas p span{								font-weight:bold; }
.metas p.comments{							text-align:right; }


/*Area de coment�rios*/
	/*Respostas*/
ol.commentlist{								margin:15px 0; background:url(images/bg-sidebar.jpg);}
ol.commentlist li{							background:url(images/equipe-dashed-line.gif) repeat-x bottom; padding-bottom:1px;}
div.comment-wrapper{						padding:10px;}
ol.commentlist div.alt{						background:url(images/bg-newsletter.jpg);}
.comment_author{							margin-bottom:5px; font-weight:bold;}
	/*Formul�rio*/
.comments-nice-bg{							background:url(images/bg-post.jpg); margin:10px 10px 0;}
.comments-nice{								margin:10px; padding:10px;}
form#commentform{							background:url(images/bg-sidebar.jpg); padding:5px 10px 15px; margin-top:10px;}
form#commentform label{						display:block; margin:5px 0 3px;}
form#commentform strong{					font-size:0.8em}
form#commentform input[type=text]{			width:50%; font-size:12px;}
form#commentform textarea{					width:70%; font-size:12px; overflow:hidden;}
form#commentform .input-submit{				color:#736357; background:transparent url(images/enviar-comment.jpg) left top; margin-top:5px; width:48px; 
											height:16px; cursor:pointer;}
form#commentform .input-submit:hover{		color:#736357; background:transparent url(images/enviar-comment.jpg) left 16px;}

/* Navega��o */
.navigation{								padding: 10px 0px;	margin: 0px 10px;}
.navigation a {								font-weight: bold;}

/*Sobre a ONG*/



/*	###########################################
	#
	#			P�ginas (Pages)
	#
	###########################################	*/
	
span.title-verde-before{					background:url(images/bg-post-verde-before.jpg); position:absolute; left:-15px; top:0px; width:15px; height:70px; 
											z-index:50;}
span.title-verde-after{						background:url(images/bg-post-verde-after.jpg); position:absolute; right:-15px; top:0px; width:14px; height:71px;
											z-index:50; _right:-5px;}
											
											
/*	###########################################
	#
	#			Contato (Contact)
	#
	###########################################	*/
	
#contato-form { 				text-align:right; margin-left:35px; width:320px;}
#contato-form table td{			vertical-align:top; padding-bottom:5px;}
em.dest{						color:#900; font-weight:bold;}
#contato-form p#aviso{			text-align:center;}
#contato-form input.text-field{	padding:4px 5px 0; width:255px; height:20px; margin-left:5px; border:1px solid #cbcfad; }
#contato-form textarea{			padding:4px 5px 0; width:255px;  margin-left:5px; border:1px solid #cbcfad; overflow:hidden;}	
#contato-form input.submit{		background:url(images/contato-enviar.jpg) no-repeat left 6px; cursor:pointer; padding-left:10px; color:#5b4c2a; font-weight:bold;}
img.ajax-loader{				float:left; margin-left:255px;}
#contato-form span.wpcf7-not-valid-tip{			top:-5px; left:20%; width:240px; text-align:center; z-index:100;}
form.wpcf7-form div.wpcf7-response-output{					margin-top:0;}

#address{				border-top:dashed #963 1px;}
#mapa{					float:left; width:49%; overflow:hidden; padding-top:10px;}
#endereco{				float:right; width:50%; border-left:1px dashed #963; padding-top:10px;}
h4.ong-title{			margin-bottom:0; margin-top:0; font-size:17px;}
#endereco h5{			margin:0 10px 10px; font-size:11px; font-weight:normal;}
#endereco a{			color:#388284;}
#endereco a:hover{		color:#4eb7ba;}
.map{					overflow:hidden;}
a#email{				font-size:11px;}

/*	###########################################
	#
	#			Rodap� (Footer)
	#
	########################################## */
	
#footer{									color:#332518; font-weight:bold; font-size:1.1em; background:url(images/bg-footer.jpg) repeat-x top;
											margin-top:15px; margin-bottom:0; vertical-align:middle; padding-top:2px;}
/*Copyrights*/
#copyrights{								background:url(images/bg-desenvolvedor.jpg) repeat-x; font-size:0.85em; padding:10px 0 20px;}
	#wordpress{								float:left; margin-left:15px;}
	#virtualize{							text-align:right;  float:right;}
	#virtualize img{						margin:0 20px 0 10px; vertical-align:middle;}
#copyrights a{								color:#332518}
#copyrights a:hover{						color:#8da036}


/* 7)-=-=-=- Calendar -=-=-=- 	
div#calendar_wrap {
	margin: -25px 0 0 0;
	text-align: left;
}
li#calendar h2.widgettitle {
	text-decoration: none;
}
li#calendar {
	text-align: left;
}
table#wp-calendar caption {
	text-align: left;
	color: #389307;
	font-size: 1.4em;
	margin: 0 auto;
}

table#wp-calendar tfoot {
	display: none;
}

table#wp-calendar th {
	background: #389307;
	color: #FFFFFF;
	text-align: center;
}

table#wp-calendar {
	background: #389307;
	border-top: none;
	margin: 0 auto;
	width: 180px;
	text-align: center;
}
table#wp-calendar a, table#wp-calendar a:link, table#wp-calendar a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
table#wp-calendar a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

*/


