﻿/*
Template Name: Simple Jojo
Version: 1.0
Author: My Green Corner
Author URI: http://www.mygreencorner.com/
*/

html, body {
	font-family: Georgia;
	border: 0;
	color: #C7C7C7;
	background: #1D211A;
}

body {
	background: url(img/bg_top.jpg) repeat-x top;
}

body, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0;
	padding: 0;
}

h1, h3, h4 {
	padding: 10px 0;
}

ul {
	list-style: none;
}

blockquote {
	font-size: 13px;
	line-height: 22px;
	padding: 10px 25px;
	margin: 0 auto;
	width: 430px;
	background: url(img/quote.gif) no-repeat 0 15px;
}

blockquote p {
	font-style: italic;
	color: #979797 !important;
}

blockquote blockquote {
	width: 90%;
}

blockquote blockquote p {
	color: #CACACA !important;
}

a {
	text-decoration:  none;
	color: #4C772B;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

/* Wrap */

#wrap {
	width: 905px;
	margin: 0 auto;
	padding-left: 11px;
	background: url(img/menu_part_left.gif) no-repeat 0 105px;
}

/* Header */

#header {
	width: 100%;
	height: 141px;
	position: relative;
	font-family: Georgia;
}

/* Sidebar Search (widget) */

#header form  {
	margin:0;
	padding:0
}

.busca{
	margin:20px 0 0 0;
	padding:10px;
	float:right;
	background:none
}

#header form   {
	margin:0;
	padding:0
}
#header form fieldset   {
	margin:0;
	padding:0;
	border:0px;
}

#header form label {
	width: 272px;
	background:none;
	float:left;	
}
#header form span {
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding:8px 3px 0 0;
	float:left
	
	
	}

#header form input {
	width: 150px;
	height:20px;
	padding:5px 0 0 0 ;
	background: #fff;
	border: #ccc 1px solid;
	color: #7B7B7B;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;}
	
#header .btform{	
	width:40px;
	height:35px;
	background:url('img/lupa.png') no-repeat;
	border:none;
	cursor:pointer;
	}

h1{	
	font-size:22px;
	font-family: Georgia;
	font-weight:lighter;
	font-style:italic;
	color:#9fc230;	
}
.logo{
	margin:0;
	padding:10px  0 0 0;
	float:left	
}



h3, h4, h5, h6{
	
	font-size:18px;
	font-family: Georgia;
	font-weight:lighter;
	font-style:italic;
	
}


/* Main Menu */

#header .menu {
	margin:0px;
	padding:0;
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	float:left	
}


#header .menu ul {
	height: 41px;
	position: absolute;
	top: 99px;
	background: url(img/menu_part_right.gif) no-repeat right bottom;
	padding-right: 11px;
}

#header .menu ul li {
	display: inline;
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
}

#header .menu ul li a {
	display: block;
	float: left;
	background: url(img/menu_rollover.jpg) no-repeat right top;
	line-height: 41px;
	color: #fff;
	padding: 0 22px;
}

#header .menu ul li a:hover, #header ul li.current_page_item a {
	background: url(img/menu_rollover.jpg) no-repeat right -41px;
}


/* Middle Wrap */

#bg_top {
	width: 100%;
	background: url(img/bg_content.jpg);
}

#middle_wrap {
	width: 100%;
	background: url(img/bg_content_top.jpg) no-repeat;
}

/* Content */

#content {
	width: 540px;
	float: left;
	padding-top: 10px;
	padding-bottom: 35px;
	padding-left: 30px;
	color: #C7C7C7;
	
}

.box{
	
	width: 535px;
	float: left;
	margin-top:0px;
	padding-top:5px;
	border-top:1px solid #3f3f3f;
	border-bottom:#3f3f3f solid 1px;
	
}
	
.box-dois{
	
	width: 535px;
	float: left;
	margin-bottom:5px;
	text-align:right
	
}

.box-dois p.direita{
	
	text-align:right;
	width:100px;
	float:right;
	margin-right:2px;
}

a.bt-um{
	
	width:100px;
	height:20px;
	background-color:#1A1A1A;
	color:#FFF;
	float:left;
	border:0px;
	text-align:center
}

.box-dois p.esquerda{
	
	text-align:left;
	width:200px;
	float:left;
	margin-left:5px;
	
	
}

#content img {
	padding: 0px;
    margin-top: -3px;
	
}

#content a {
	color:#9C0
	
}

#content a:visited {
	color:#9C9;	
}



#content a:hover {
	color:#9C0;
	text-decoration:underline
}

#content p a {
	border-bottom: #47413E 1px solid;
}

#content p {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0;
	color: #C7C7C7;
	line-height: 21px;
	
}

#content h2 {
	font-family: Georgia;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	padding: 10px 0 5px 0;
	width: 490px;

}

#content h2 a {
	color: #fff;
}

#content h2 a:hover {
	color: #B0B0B0;
}

#content ul, #content ol {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	padding-left: 50px;
	margin: 10px 0;
}

#content ul li {
	list-style: square;
}

#content img.alignleft {
	margin: 10px 10px 10px 0;
}

#content img.alignright {
	margin: 10px 0px 10px 10px;
}

#content h2.heading_2 {
	background: url(img/sidebar_underline.gif) repeat-x bottom left;
}

#content img.centered {
	margin: 10px auto 20px auto !important;
	display: block;
}

/* Post Details */

.post_details {
	width: 480px;
	height: 43px;
	padding-left: 50px;
	background: url(img/bg_post_details.gif) no-repeat left top;
	margin-left: -50px;
	margin-top: -3px;
	margin-bottom: -10px;
	position: relative;
}

.post_details p {
	padding: 0 30px 0 0 !important;
	font-family: Georgia;
	font-size: 12px !important;
	font-style: italic;
	color:#CCC !important;
	float: left;
	background: url(img/post_details_p_bg.jpg) no-repeat right top;
}

.post_details .comments {
	position: absolute;
	right: -60px;
	top: -19px;
	width: 34px;
	height: 31px;
	background: url(img/post_details_comment.gif) no-repeat;
	font-size: 18px;
	font-family: Georgia;
	font-style: italic;
	text-align: center;
	padding-top: 6px;
	padding-right: 2px;
}

.post_details .comments a {
	color: #C7C7C7 !important;
}

.post_details .comments a:hover {
	color: #fff !important;
	text-decoration: none;
}

* html .post_details .comments {
	width: 34px;
	padding-left: 2px;
	padding-right: 0px;
}

.post_details a {
	color:#CCC !important;
	border-bottom: none !important;
}

.post_details a:hover {
	text-decoration: underline;
}

/* More Entries */

.more_entries {
	padding-top: 5px;
	padding-bottom: 10px;
}

.more_entries h2 {
	font-size: 23px !important;
}

/* Comments (single.php and comments.php) */

.comments_wrap {
	width: 460px;
	margin: 30px 0 5px 10px;
	clear: both;
}

.comments_wrap a {
	color: #905640 !important;
}

.comments_wrap .left {
	width: 56px;
	float: left;
}

.comments_wrap .right {
	width: 358px;
	float: left;
	padding-left: 15px;
}

.comments_wrap .right a {
	text-decoration: none;
}

.comments_wrap .right a:hover {
	text-decoration: underline;
}

.comments_wrap .right h4 {
	font-size: 10px;
	font-family: "Lucida Grande";
	color: #5D5D5D;
	padding: 0;
	font-weight: normal;
}

.comments_wrap .right h4 b {
	font-size: 13px;
	color: #BEC7C7;
}

.comments_wrap .right p {
	font-size: 13px;
	line-height: 19px;
	padding: 10px 0;
}

/* Comments (form) */

#content form {
	margin: 30px 0 30px 10px;
}

#content form label {
	display: block;
	margin: 10px 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#content form input {
	padding: 3px;
	width: auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#content textarea {
	margin-bottom: 10px;
	display: block;
	padding: 3px;
	font-size: 12px;
	border: #444444 1px solid;
	background: #383838;
	color: #B8B8B8;
	overflow: hidden;
}

#content form input {
	margin-top: 5px;
	border: #444444 1px solid;
	background: #383838;
	color: #B8B8B8;
}

#content form input[checkbox]{
	border:0px;	
}

/* Sidebar */

.author_box {
	width: 235px;
	background: #151419 url(img/author_paper_top.jpg) no-repeat left top;
	margin-bottom: 10px;
}

.author_box_in {
	width: 202px;
	padding: 0 23px 0 10px;
	background: url(img/author_paper_bottom.jpg) no-repeat left bottom;
	font-family: Georgia;
	font-size: 13px;
}

.author_box p {
	line-height: 20px;
	color: #C7C7C7;
}

#sidebar a {
	color: #AC6448;
	border-bottom: #3F363A 1px dotted;
}

#sidebar a:hover {
	color: #C78F7A;
}

#sidebar {
	width: 235px;
	float: right;
	margin-right: 15px;
	padding-bottom: 30px;
	display: inline;
	padding-top: 21px;
	font-size: 12px;
	color: #7B7B7B;
}

#sidebar p {
	padding: 10px 0;
}

#sidebar h2 {
	display: block;
	font-family: Georgia;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	background: url(img/sidebar_underline.gif) repeat-x bottom;
	padding-bottom: 1px;
	padding-top: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
}

#sidebar h4{
	
	display: block;
	font-family: Georgia;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	background: url(img/sidebar_underline.gif) repeat-x bottom;

}

#sidebar .facebook{
	width:242px;
	height:100%;
	overflow:hidden;
	margin:10px 0 10px 0;
	background:#fff;
}


#sidebar ul {
	padding: 0px 0 10px 5px;
}

#sidebar ul li {
	line-height: 18px;
	padding: 4px 0 4px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7B7B7B;
	position: relative;
	color: #C7C7C7;
}

#sidebar ul li ul {
	padding: 0 !important;
	margin-bottom: -5px;
    color: #FFFF33;
}
#sidebar ul li ul a {
	padding: 0 !important;
	margin-bottom: -5px;
    color: #fff;
    
}

#sidebar ul li a {
	color: #7B7B7B;
	
}

#sidebar ul li a:hover {
	color: #9D9D9D;
}

/* writings (recent entries) */

#sidebar li span.wrap {
	width: 100%;
	display: block;
}

#sidebar li span.title {
	width: 185px;
	display: block;
}

#sidebar ul li span.date {
	font-size: 10px;
	color: #545353;
	width: 100%;
	clear: both;
	display: block;
}

#sidebar li span.comment {
	position: absolute;
	right: 0;
	top: 4px;
	width: 20px;
	height: 18px;
	text-align: center;
	font-size: 10px;
	padding-right: 0px;
	padding-top: 2px;
	background: url(img/sidebar_span_a.gif) no-repeat left bottom;
}

#sidebar li a span.comment {
	cursor: pointer;
}

* html #sidebar li span.comment {
	width: 20px;
	height: 19px;
	padding-top: 1px;
	overflow: hidden;
}


/* Widget (calendar) */

#wp-calendar {
	width: 95%;
	padding: 0 0 10px;
}

#wp-calendar caption {
	padding: 10px;
}

#wp-calendar th, #wp-calendar td {
	padding: 5px;
	text-align: center;
	background: #343434;
}

#wp-calendar td {
	background: transparent;
}

#wp-calendar td, table#wp-calendar th {
	padding: 3px 0;
}

#wp-calendar a {
	text-decoration: underline;
}

#wp-calendar a:hover {
	text-decoration: none;
}

/* Footer */

#footer {
	width: 891px;
	height:50px;
	padding-left: 14px;
	background: url(img/bg_footer.jpg) ;
	overflow: hidden;
	margin-bottom: 1px;
	position: relative;
	clear: both;
}

#footer ul {
	padding-top: 14px;
	width: 600px;
	overflow: hidden;
}

#footer li {
	display: inline;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}

#footer li a {
	display: block;
	float: left;
	padding: 0 14px;
	line-height: 25px;
	margin-right: 3px;
	color: #B09087;
}

#footer li a:hover, #footer li.current_page_item a {
	background: url(img/footer_rollover.jpg);
	color: #fff; 
}

#footer p {
	width: 100%;
	clear: both;
	font-family: Georgia;
	font-size: 12px;
	color: #fff;
	padding-top: 13px;
	padding-left: 3px;
	width: 600px;
	line-height: 20px;
	text-align:left
}

#footer p a {
	color:#FFF;
	position: relative;
}

#footer p a:hover {
	color: #fff;
	text-decoration:underline;

}

/* Fix */

#middle_wrap:after,
.comments_wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.classFoto{
			
			float:left;
			width:125px;
			height:125px;
			margin-top:20px;
			margin-right:10px;
			margin-bottom:20px;
		
		   
		   }
		   
.classTexto{
			
			height:150px;
		
		   
		   }

 /*meus styles */

 .texto{
   margin-top: 40px;
 }

 .link{
   color: #FFFFFF;
   margin-top: 10px;

 }
  .link a{
   color: #FFFFFF;
   margin-top: 10px;

 }

.cat-item cat-item-28{
  color: #99CC33;
}

.twitter{  width: 100% }
.twitter ul li{ background:none ; border-bottom: 0.1em dotted #999; margin-bottom: 0.5em }

/* Section Rede Social Vertical
--------------------------------------------------  */
                        .social {
                          margin:0;
						  padding:2;
						  background:none;
						  overflow:hidden;
						  background:none;
                               }
                        .social ul{margin:0;  padding:0; background:none;}
                        .social li{	list-style:none; float:left;  }
						.social ul li  a{                       
                             float:left;
                             width:200px;
                             height:16px;
                             padding: 10px 4px 10px 40px;
                             margin: 0px;
                             text-decoration: none; 
                             color:#fff;                                                                                                             
                        }
						
                        .social ul li a.img-1{background: url(img/feed.png) left no-repeat; }
                        .social ul li a.img-2{background: url(img/twitter.png) left no-repeat; }
                        .social ul li a.img-3{background: url(img/orkut.png) left no-repeat; }
                        .social ul li a.img-6{background: url(img/facebook.png) left no-repeat; }
                        .social ul li a.img-4{background: url(img/youtube.png) left no-repeat; }                 
                        .social ul li a.img-5{background: url(img/flickr.png) left no-repeat; }
                        .social ul li a.img-7{background: url(img/linkedin.png) left no-repeat; }
						.social ul li a.img-8{background: url(img/formspr.png) left no-repeat; }

                                            
						 .border{
                         	border-bottom: 1px #999 dotted;
                        	}

/* Lista Rede Social
--------------------------------------------------  */

/* Section Rede Social Horizontal
--------------------------------------------------  */
                       #content  .socialH {
                          margin:0;
						  padding:2;
						  background:none;
						  overflow:hidden;
						  background:none;
                               }
                         #content .socialH h4 {
                          	font-size:13px;
                          	color:#FFCC00                         
                               }

                       #content .socialH ul{margin:0;  padding:0; background:none; list-style:none}
                       #content   .socialH li{list-style:none; float:left;  }
						#content  .socialH ul li  a{                       
                             float:left;                            
                             padding:5px;
                             margin: 0px;
                             text-decoration: none;
                             height:32px;
                             width:32px;                                                                                                             
                        }
						
                        .socialH ul li a.img-1{background: url(img/feed.png) 	left no-repeat; list-style:none }
                        .socialH ul li a.img-2{background: url(img/twitter.png) left no-repeat; list-style:none }
                        .socialH ul li a.img-3{background: url(img/orkut.png) 	left no-repeat; list-style:none }
                        .socialH ul li a.img-4{background: url(img/youtube.png) left no-repeat; list-style:none }                 
                        .socialH ul li a.img-5{background: url(img/flickr.png) 	left no-repeat; list-style:none }
                                            
						 .border{
                         	border-bottom: 1px #999 dotted;
                        	}

/* Lista Rede Social
--------------------------------------------------  */


.google_friend {  width: 100% }


/* Social */
#content .soc{
	overflow:hidden;
	padding:10px 0 0 0;
	width:100%;
	height:auto;
	background:none;
	margin:10px 0 15px 0;
	border-top:1px solid #ccc;	
}
#content .soc h6{
	font-size: 14px;
	margin-bottom:10px;
	color:#fff;
}

#content .soc ul{
	margin:0;
	padding:0;		
}
#content .soc ul li{
	float:left;
	padding:0;
	background:none;
	list-style:none;
	color:#fff;				
}
#content .soc ul li.t1{
	width:250px;
			
}
#content .soc ul li.t2{
	width:100px;						
}
#content .soc ul li.t3{
	width:60px;
	float:left;
	margin:0;					
}
#content .soc ul li.t4{
	width:60px;
	float:right;
					
}


