/* 
	Theme Name: Um olhar sobre a humanidade 4.0
	Description: Um olhar sobre a humanidade 4.0 é um tema exclusivo para o site de Gil Giardelli.
	Version: 1.0

	Historico:
        v1.0 - 21.fev.2009 - Ajustes gerais e no tamanho fonte do menu navbar e finalização das alterações. Pronto para Go-Live!
		v0.9 - 23.jan.2009 - Ajuste nos tamanhos e espaços do layout
		v0.5 - 03.jan.2009 - Acertos de layout e definição das areas: Wrap, navbar, subnav, header, content, footer
		v0.1 - 27.dez.2008 - Primeira versao do tema
*/

body {
	background: #DDDDDD;
	width: 982px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 15px 0 0;
    border: 0px solid #FFC0C0;
	}
	
#wrap {
	background: #FFFFFF;
	width: 980px;
	margin: 0px auto 0px;
	/* padding: 5px 5px 5px 5px; */	
	border: 0px solid #C0C0C0;
	_overflow:hidden;
	}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
    
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #008BCB;
	text-decoration: none;
	}

a:hover {
	color: #CC0000;
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFF url(images/gil_header_980x303.jpg) 0 30px no-repeat;
	height: 333px;
	position:relative;
}
/************************************************
*	Navbar      								*
************************************************/

#navbar {
	height:30px;
	background: #FFFFFF url(images/gil_setamenu.png) left top no-repeat;
	padding-left:17px;
	position:absolute;
	top:0;
}

#navbar ul {
	margin: 0;
	padding: 0;
}
	
#navbar li {
	float:left;
	list-style-type: none;
	margin: 0px;
	padding: 0px 8px;
	border-left: 2px solid #911c51;
	height:30px;
	line-height:30px;
}


#navbar a {
	color: #911c51;
	font-weight:bold;
	font-size: 10px;
	text-decoration:none;
}

#navbar a:hover {text-decoration: underline}
	
#navbar a img {
	border: none;
	margin-bottom:-4px;
	padding-right:5px;
	_padding-top:7px;
}
.current_page_item a {color: #000000}

/************************************************
*	Homepage 		    	        * 
************************************************/
	
#homepage {
    background: #E4E4E4 url(images/gil_fundo_980x1743.jpg) no-repeat center top;
	float: left;
	width: 961px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 09px;
	}
	
#homepage_single {
    background: #E0E0E0 url(images/gil_fundo_980x1743.jpg) no-repeat top;
    float: left;
    width: 961px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 09px;
    } 
       
#home1 {
	float: left;
	width: 660px;
	}


#homepost {
	float: left;
	width: 660px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-left: 0px dotted #C0C0C0;
	border-right: 0px dotted #C0C0C0;
	border-top: 0px dotted #C0C0C0;
	border-bottom: 0px dotted #C0C0C0;
	}
	
#homepage a, a:visited {
	color: #008BCB;
	text-decoration: none;
	}

#homepage a:hover {
	color: #CC0000;
	text-decoration: underline;
	}
    
#singlepost {
    width: 660px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    border-left: 0px dotted #FFC0C0;
    border-right: 0px dotted #FFC0C0;
    border-top: 0px dotted #FFC0C0;
    border-bottom: 0px dotted #FFC0C0;

    }

#singlepost p img {
    padding: 0;
    max-width: 100%;
    }

#singlepost img.centered {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

#singlepost img.alignright {
    float: right;
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

#singlepost img.alignleft {
    float: left;
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

#singlepost h3 {
    color: #000000;
    font-size: 22px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-style: italic;
    --border-bottom: double #C0C0C0;
    }
       
#single_fundo {
    background: #E0E0E0;
    width: 961px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 09px;
    }    

    
.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
    
    
#homepage h2 {
	font-size: 22px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 5px 0px;
	}
	
#single_fundo h2 {
    font-size: 22px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    padding: 0px 0px 4px 0px;
    margin: 0px 0px 5px 0px;
    }  
      
#homeright {
	float: right;
	width: 270px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-left: 0px dotted #C0C0C0;
	border-right: 0px dotted #C0C0C0;
	border-top: 0px dotted #C0C0C0;
	border-bottom: 0px dotted #C0C0C0;
	}

#fpss {
	float: left;
	width: 670px;
	height: 285px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

#search_about {
	float: right;
	width: 268px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#pesquisa {
    width: 268px;
    background: #FFFFFF;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    border-left: 1px dotted #C0C0C0;
    border-right: 1px dotted #C0C0C0;
    border-top: 1px dotted #C0C0C0;
    border-bottom: 1px dotted #C0C0C0;
    }        

		
#gilgiardeli {
    background: #FFFFFF;
	clear:both;
    width: 268px;
    height: 350px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-left: 1px dotted #C0C0C0;
    border-right: 1px dotted #C0C0C0;
    border-top: 1px dotted #C0C0C0;
    border-bottom: 1px dotted #C0C0C0;
    }        

    
#homepage p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}
	
#homepage p img {
	border: none;
    	float: left;
	margin: 0px 0px 0px 0px;
	}
	
#homepage h3 {
	color: #000000;
	font-size: 22px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style: italic;
	--border-bottom: double #C0C0C0;
	}

#homepage ul{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	}
	
#homepage ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
.featured2 {
	float: left;
	width: 526px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
.hppostmeta {
	width: 320px;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	font-weight: bold;
	text-decoration: italic;
	}

.hppostmeta1 {
	width: 660px;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dotted #C0C0C0;
	font-weight: bold;
	}

.hppostmeta2 {
	width: 660px;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 0px dotted #C0C0C0;
	font-weight: normal;
	}

.hppostmeta3{
    width: 270px;
    font-size: 11px;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    font-weight: bold;
    }

.hpcolaborador {
	width: 200px;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #C0C0C0;
	font-weight: bold;
	}

.featured {
	background: #E8EDF1;
	float: left;
	width: 498px;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #B1C3D4;
	}
	
.newsletter {
	background: #E8EDF1;
	float: left;
	width: 178px;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #B1C3D4;
	}
	

	
/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
	float: right;
	width: 270px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	line-height: 18px;
	display: inline;
	}
	
#sidebar p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar h2 {
	color: #008BCB;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}
	
#sidebar h3 {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: double #C0C0C0;
	}

#sidebar ul{
	list-style-type: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar li{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar ul li{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.sideleft {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 20px;
	display: inline;
	}

	
.sideright {
	float: right;
	width: 100px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	display: inline;
	}
	
#sidebar_maislidas li {
    display: inherit;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    
 #sidebar_precisaler li {
    display: inherit;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

#links li {
    display: inherit;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    
/************************************************
*	Footer      								*
************************************************/

#footer {
    float: left;
	background:#d2ddba url(images/footer.gif) left top no-repeat;
	width: 980px;
	/*height: 130px;*/
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer p {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
#footer a img {
	border: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
#footer h2 {
	color: #FFF;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #FFF;
	}

#footer li {
    display: inherit;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }	
    
#footer_left {
	width: 300px;
	float: left;
	margin: 0px 10px;
	padding: 5px 5px 5px 5px;
	border: 0px solid #FF00FF;
	}
	
#footer_right {
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dotted #FF0000;
	vertical-align:top;

	}

#footer_right_L {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border: 0px solid #FF00FF;
	}
#footer_right_R {
	width: 300px;
	float: right;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border: 0px solid #FF00FF;
	}

#footer_left h2, #footer_left a:link, #footer_left a:visited {color:#9d2b5e;font-family:"Trebuchet MS",Arial, sans-serif}
#footer_right_L h2, #footer_right_L a:link, #footer_right_L a:visited {color:#5cb3fa;font-family:"Trebuchet MS",Arial, sans-serif}
#footer_right_R h2, #footer_right_R a:link, #footer_right_R a:visited {font-family:"Trebuchet MS",Arial, sans-serif}


/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}
    
#searchsubmit {
    width: 25px;
    height: 22px;
    background: #fff url('images/gil_buscaicon_25x27.png') no-repeat 0 0;
    border: none; 
    display: inline;   
    }


#s {
	background: #FFFFFF;
	width: 135px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 3px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}

#s2 {
	background: #FFFFFF;
	width: 175px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 3px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
	
#sbutt {
	background: #376B9D url(images/navbar.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 2px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #234B69;
	font-weight: bold;
	}
	
#sbutt2 {
	background: #376B9D url(images/navbar.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 2px;
	margin: 0px 0px 0px 8px;
	border: 1px solid #234B69;
	font-weight: bold;
	}
	
#name, #email, #url, #submit {
	background: #FFFFFF;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #FFFFFF;
	width: 460px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 620px;
	background: #E8EDF1;
	color: #000000;
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}

.commentname {
	color: #000000;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo {
	clear: both;
	}

.commenttext {
	background: #FFFFFF;
	width: 440px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 10px 10px 0px 15px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}

.commenttext-admin {
	background: #FFFFFF;
	width: 440px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 10px 10px 0px 15px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}

    .alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
    }
.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
    
.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentlist li ul li {
    font-size: 1em;
} 

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }

/* Captions */
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

img#wpstats {display:none}

.icones {padding-left:20px}
.icones a {
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
	text-indent:-5000px;
	margin:0 10px 10px 0;
	background-image:url(images/icones.png);
	_background-image:url(images/icones.gif);
}

.icones .icone_site {background-position:-2px -137px}
.icones .icone_facebook {background-position:-59px 2px}
.icones .icone_orkut {background-position:-111px -41px;margin-top:5px;height:45px}
.icones .icone_twitter {background-position:-59px -40px}
.icones .icone_roboto {background-position:-3px 1px;margin-top:5px;height:45px}
.icones .icone_flickr {background-position:-60px -90px}
.icones .icone_slideshare {background-position:-1px -88px}
.icones .icone_rss {background-position:-116px -84px}

#newsletterContainer {
	display:none;
	position:absolute;
	right:0;
	top:0;
	padding:8px 10px;
	background-color:#911C51;
}
html.JS #newsletterContainer {display:block}
	#newsletterContainer a:link, #newsletterContainer a:visited {
		font-weight:bold;
		color:#FFF;
		font-size:11px;
		display:none;
	}
	html.JS #newsletterContainer a:link, html.JS #newsletterContainer a:visited {display:inline}
	#newsletterContainer form {
		position:absolute;
		top:-3px;
		right:-3px;
		background-color:#FFF;
		border:3px solid #911C51;
		padding:15px;
	}
	html.JS #newsletterContainer form {display:none}
		#newsletterContainer form span {
			display:block;
			color:#911C51;
			font-weight:bold;
			font-size:10px;
			margin-bottom:5px
		}
		#newsletterContainer form ul {margin:0 0 5px 0;padding:0;list-style-type:none}
		#newsletterContainer form button {float:right}
		#newsletterContainer form a:link, #newsletterContainer form a:visited {
			color:#911C51;
			font-weight:bold;
			display:none;
			line-height:24px;
			position:absolute;
			top:4px;
			right:10px;
		}
		html.JS #newsletterContainer form a:link, html.JS #newsletterContainer form a:visited {display:inline}
		#newsletterContainer form img {
			float:right;
			margin-top:6px;
			display:none
		}