/*
Theme Name: Outros Olhos 2
Theme URI: http://www.molotov.com.br/
Description: Tema desenvolvido para Outros Olhos
Version: 1.0
Author: Molotov
*/
.cufon-loading html { 
	visibility: hidden !important;
}
header, footer, aside, nav, article {  
    display: block;  
}  
  
body {  
    margin: 0 auto;  
    font: 12px/22px Helvetica, Arial, sans-serif;  
    background: #fff;  
}

/* Simple header. This can be replaced with anything preceding the layout */
header.top
{
	height: 368px;
	background: url("images/header/header.jpg") top center no-repeat;
}

.header_center{
	height: 368px;
	width: 985px;
	margin: 0 auto;
	position:relative;
}

.logo_outros_olhos{
	margin: 120px 337px 0;
	float: left;
	padding: 0;
	display: inline;
}

.logo_outros_olhos a{
	height: 215px;
	width: 278px;
	float: left;
	background: url("images/header/logo.png") top center no-repeat;
	text-indent: -9999px;
}

.banner_top{
	position: absolute;
	top: 0;
	left: 129px;
	background: #000;
	width: 728px; 
	height: 90px;
}

.busca{
	height: 77px;
	width: 275px;
	position: absolute; right: 0; top: 235px;
	background: url("images/header/bg_busca.png") top center no-repeat;
}

.busca label{display: none;}

.busca #searchform{
	float: left;
	margin: 31px 23px;
	display: inline;
}

.busca #searchform #s{
	border: 0;
	width: 142px;
}

.busca #searchsubmit{
	height: 40px;
	width: 40px;
	background: url("images/header/btn_busca.png") top center no-repeat;
	border: 0;
	text-indent: -9999px;
	margin: 0 15px;
}

/* Start of layout */

#wrapper /* Wrapper div. The layout MUST have one of these. */
{
	margin: 0 auto;
	padding: 0 0px 0 15px;
	width: 985px; /* This must be a fixed value to avoid overflow issues*/
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
}

aside {
	float: left;
	width: 300px;
}
#article
{
	float: left;
	width: 625px;
	margin: 30px 0 0 50px;
}
.sub
{
	margin-bottom: 20px;
}
.lastsub
{	
	margin-top: 235px;
}
.bannerduplo {
	float: left;
}
footer p, footer h4, footer .assinatura{
	line-height: 40px;
}
/* End of layout */

/* Simple footer. This can be replaced with anything succeeding the layout */
footer#sign
{
	clear: both;
	margin: 0 auto;
	padding-top: 50px;
	width: 970px;
}

/* Slider */
/*--Main Container--*/
#slideshow {
	position: absolute;
	
}
/*--Window/Masking Styles--*/
.window {
	height:200px;	
	width: 575px;
	overflow: hidden;
	position: relative;
}
.image_reel img {
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
.image_reel {
	position: absolute;
	top: 0; 
	left: 0;
}

/*--Paging Styles--*/
.navPrev {
	position: absolute;	
	bottom: 80px; left: -50px;
	
}
.navNext {
	position: absolute;	
	bottom: 80px; left: 587px;
}
.paging {
	position: absolute;	
	bottom: 15px; right: 15px;
	width: 60px; height:35px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 36px;
	background: #1c1c1c;
	display: none; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
.paging a {
	margin: 0 -1px 0 -1px;
	font-size: 3.5em;
	color: #b5e3f3;
	text-decoration:none;
}
.paging a.active {
	color: #fff;
}
.paging a:hover {
	color: #666;
}

/* Textos */
h1 {  
    font-size: 30px;
    padding: 10px 10px 0 50px;
    margin:18px 0 0 -50px;
}

h2 {  
    font-size: 36px;
}  
  
article header h3 {  
    font-size: 11px;
   	margin: 0 0 3px;
	padding-left:12px;
	text-transform: uppercase;
	background: url("images/catseta.gif") left center no-repeat;
}  
  
h4, .assinatura { 
	font-size: 12px;
	float:left;
	margin-bottom:2px;
	
	}
h4 {
	margin-left:0px
}
.assinatura {
	margin-left: 530px;
}
.assinatura a {
	color: #1c1c1c;
}

/* Menu */
nav.menu {  
	margin-top:-20px;
    position: absolute;  
    width: 100%;  
}
nav.menu ul {  
    margin: 0 auto;  
    width: 475px;
    padding-left: 30px;  
}
nav.menu ul li {  
    float: left;  
}  
  
    nav.menu ul li a {  
        display: block;  
        margin-right: 23px;  
        width: auto;  
        font-size: 24px;    
        text-align: center;
 		text-transform: uppercase; 
        text-decoration: none;  
        color: #373737;  
    }  
  
        nav.menu ul li a:hover {  
            color: #000;  
        }  
  
        nav.menu ul li.selected a {  
            color: #fff;  
        }
        
/* Estilo posts */
.fundotit {
	position:absolute;
	margin-top:-10px;
}
.fundotit h1 {
	background: url("images/fundotit.jpg") repeat-x; height:44px; overflow:hidden; 
}

header p {
    padding-top: 51px;
	font-size:12px;
}
time {
	font-size: 14px;
	text-transform: uppercase;
}

.txtazul, header a{
	color: #5da0b7;
}

h3 a, p.social a{
	color: #1c1c1c;
}
.barra {
	margin: 5px 4px -3px 6px;
}
#texto p {
	width: 575px;
	color: #1c1c1c;
	margin-top: 10px;
	font-size: 12px;
	line-height: 18px;
}

.tags {
	font-size:18px; 
	line-height: 38px;
    padding-left: 20px;  
    text-align: left;  
    background: url("images/postTag.gif") left center no-repeat;  
}
.keywords a:link{
	font-style: italic; 
	color:#1088a7;
	text-decoration: none;
}
.social {
	font-size:21px;
	padding-left: 25px;
	margin: 8px 0 -4px 0;
	line-height: 26px;
    text-align: left;  
    background: url("images/postCom.gif") left center no-repeat;  
}
.numberCom {
	color:#1088a7;
}
.compartilhe {
	padding-left: 30px;
	margin-left: 355px;
    text-align: left;  
    background: url("images/postShare.gif") left center no-repeat;
	position: relative;
}

.compartilhe .addthis_button{
	width: 107px;
	height: 31px;
	position: absolute; top: 0; left: 0;	
}

.compartilhe .addthis_button img{visibility: hidden;}

.postPrev {
	padding: 7px 0 0 30px;
	font-size: 30px;
    text-align: left;  
    background: url("images/setaBack.gif") left center no-repeat;
}
.postPrev a{
	color: #1c1c1c;
}


/* Divisores */
		div.hr {
			background: #fff url("images/hr1.gif") repeat-x scroll left; height: 1px;
		}

		hr {
			display:none;
		}
		.divisor {
			margin: 40px 0 40px 0;
			font-size: 3em;
			height: 0;
			line-height: 0;
		}
		.divisor span{
			margin: 0 -9px 0 0;
		}
		/* cor bolas divisor */
		.first {
			color: #b5e3f3;
		}
		.second {
			color: #1088a7;
		}
		.third {
			color: #1c1c1c;
		}
		
/* Sidebar */
	aside ul { 
	padding-left: 2px;
	}
	
	aside ul li { 
	margin-bottom: 15px;
	}
	
	aside nav ul li a {
		text-decoration:none;
		color: #575757;  
    	padding-left: 9px; 
    	line-height: 18px;
    	text-align: left;  
    	background: url("images/seta.gif") left center no-repeat;  
	}
aside ul li a:hover{
	color: #1c1c1c;    
}
aside .numberCom {
	margin-left: 6px;
	padding: 0 0 4px 17px;  
    text-align: left;  
    background: url("images/sideCom.gif") left center no-repeat; 
}
#emailBox { height:110px;position: relative; width: 275px; margin: 24px -8px 0 -15px; padding-bottom: 20px; background: url('images/email-bg.png') no-repeat; }
#emailBox fieldset {height:95px; border: 0px; padding: 20px 10px 10px 17px; /*background: url('../images/color-bullet.gif') no-repeat 20px bottom;*/ }
#emailBox .rssfeildset{padding-top:10px;background: url('images/color-bullet.gif') no-repeat 20px bottom;}
#emailBox h3 { font-family: 'League Gothic'; color: #fff; font-size: 21px; font-weight: normal; }
#emailBox input.field { padding: 5px; width: 185px; float: left; margin-top: 4px; height: 20px; border: 0px; background: url('images/email-field.png') no-repeat; }
#emailBox input.button { width: 39px; height: 39px; border: 0px; margin-left: 8px; cursor: pointer; float: left; background: url('images/blue-arrow.png') no-repeat; }
#emailBox a{ padding-left: 47px; color: #1c1c1c; font-size: 21px; font-family: 'League Gothic'; text-decoration: none; line-height: 39px; height: 39px; margin-top: 45px; display: block; }

.rss a, .twitter a, .rss a:visited, .twitter a:visited {
	color: #1c1c1c;
	font-size: 21px;
}
.rss {
	display: block;
	float: left;
	padding:10px 0 8px 45px; 
	text-align: left;  
    background: url("images/btRss.gif") left center no-repeat; 
}
.twitter {
	margin-left: 150px;
	padding:10px 0 8px 45px; 
	text-align: left;  
    background: url("images/btTwitter.gif") left center no-repeat; 
}
/* ### TWITTER BOX ### */
.twitterBox {
	width: 250px;
}
.twitterBox h3 { font-size: 30px; color: #1c1c1c;}
.twitterBox h4 { padding-top: 0; width: 250px;}
.twitterBox h4 img { float: left; margin-right: 10px; margin-bottom: 20px; }
.twitterBox h4 a { display: block; color: #1c1c1c; font-size: 26px; text-transform: uppercase; text-decoration: none;}
h4 .text_18 {
	margin-top: 8px;
}
.twitterBox h4 span { margin-left: 60px;margin-top: 3px;color: #1088a7; font-size: 18px; }
.twitterBox ul li.tweet_list { padding-bottom: 20px; margin-bottom: 15px; list-style: none; background: url('images/small-bullet.gif') no-repeat left bottom; }
.twitterBox li.last { background: none; margin: 0px; padding: 0px; }
.twitterBox li a { color: #000; font-size: 12px; 
      text-decoration: none;
     }
 .twitterBox li .tweet{
	
	padding-left: 10px; color: #575757; 
      font-size: 12px; text-decoration: none; background: url('images/arrow.gif') no-repeat left 5px; 
 }

.twitterBox li a:hover { color: #000; }
.twitterBox span { display: block; font-style: italic; color: #1088a7; }

/* ### FORM BOX ### */
.formBox { width: 575px;}
#dsq-new-post h3 {  margin-left: -50px;color: #fff; font-size: 30px; font-family: 'League Gothic'; font-weight: normal; float: left; line-height: 47px; background: url('images/formbox_h3_03.jpg') no-repeat left center; text-indent:-9999px;}
#dsq-comments-title h3{
	font-size: 21px;
	margin: -10px 0 15px 0;
}
.formBox #dsq-content .dsq-authenticate{padding-left:50px;margin-left:274px;}
.formBox #dsq-content #dsq-form-area{clear:both;padding-top:12px;}
.dsq-global-toolbar-container{
	visibility: hidden;
}
.formBox #dsq-content .dsq-item-trackback {margin-left:50px;}
.formBox #dsq-content #dsq-comments-title{clear:both}
.formBox #dsq-content .dsq-login-buttons {float:left;background:none;margin-top:-36px;position:absolute;}
.formBox #dsq-content #dsq-logo-dropdown {
		display:inline-block;
		float:left;
		margin-left:249px;
		margin-top:28px;
		position:absolute;
		}
.formBox #dsq-content .dsq-dc-logo {
      float:left;
		}

.formBox #dsq-content p.dsq-autheneticate-copy{display:none;}

.formBox .connect { padding: 20px 55px 0 0; float: right; }
.formBox img { display: inline; }
.formBox fieldset { padding: 15px 40px 0 47px; border: 0px; }
.formBox label { display: block; color: #1c1c1c; font-size: 21px; float: left; width: 293px; }
.formBox input.field { padding: 5px; width: 271px; height: 20px; color: #fff; border: 0px; background: url('images/comment-field.gif') no-repeat; }
.formBox span.comment { padding: 5px; display: block; margin-top: 10px; width: 564px; height: 150px; background: url('images/textarea-bg.gif') no-repeat; }
.formBox textarea { padding: 5px; width: 554px; color: #fff; height: 140px; border: 0px; background: none; }
.formBox input.submit { width: 38px; margin: 10px; cursor: pointer; height: 38px; border: 0px; float: right; background: url('images/comment-button.gif') no-repeat; }
.formBox input.submit:hover { background: url('images/search-button.png') no-repeat; }
#dsq-new-post .dsq-login-buttons {
	margin-left: 70px;
}
#dsq-comments .dsq-login-buttons{
	margin-left: 50px;
}
#dsq-comments h3{
	font-size: 12px;
	padding-top: 8px;
	height: 15px;
}
#dsq-content-stub {
	margin-top: 20px;
}