/*
Theme Name: Coisas da Vida
Theme URI: http://www.operabacana.com.br
Description: Tema para wordpress COISAS DA VIDA
Version: 1.0
Author: Ópera Propaganda
Author URI: http://www.operabacana.com.br
*/

/* FONT STYLE */
@font-face {
font-family: 'Journal'; 
src: url('Journal.eot');
}

@font-face {
font-family: 'Journal'; 
src: url('Journal.TTF') format('opentype');
}

/* ERIC MEYER CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	/*font-style: inherit;*/
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight:bold;
}
/* HTML5 RESET */
article, aside, dialog, figure, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
		display:block;
	  text-align:left;
}


/************************************************DEFAULT STYLES***********************************************/
body {background:#3a3a3a; text-align:center; font:normal 0.688em Verdana,Arial,Tahoma;}
header#header, section#content, footer#footer {width:1003px; margin:auto;}
div.line {background:url(images/line.gif) no-repeat center center; padding:30px;}

/************************************************HEADER***********************************************/
header#header {background:url(images/header.jpg) no-repeat center top; height:195px; color:white;}
header#header #bloglogo {margin-left:51px; float:left;}
header#header #blogdescription {float:right; vertical-align:top; margin-top:40px; width:320px; margin-right:49px;}
header#header #blogdescription a {text-decoration: none; color:#FFF; }
header#header #blogdescription a:hover { text-decoration: underline;}

/************************************************SIDEBAR***********************************************/
nav#sidebar {float:right; width:200px; margin-right:60px; margin-left:20px; padding-left:40px; background:url(images/sidebar.gif) no-repeat left top; min-height:1089px; text-align:right;}
nav#sidebar ul.widgets li {padding-bottom:20px;}
nav#sidebar ul.widgets a {text-decoration:none; color:#951615; font-size:0.909em;}
nav#sidebar ul.widgets a:hover {text-decoration:underline;}
nav#sidebar ul.widgets cite {font-style:italic;}
nav#sidebar ul.widgets h4 {font-family:Journal; font-size:3.636em; margin-bottom:0px; line-height:26px; padding-bottom:10px;}
nav#sidebar ul.widgets form#searchform label {display:none;}
nav#sidebar ul.widgets form#searchform input#s {width:188px; font-style:italic;}
nav#sidebar ul.widgets form#searchform input#searchsubmit {background:none; border:none; color:#951615; font-weight:bold; font-size:0.909em; cursor:pointer; padding:0px;}
nav#sidebar ul.widgets ul li a {font-size:1em;}
nav#sidebar ul.widgets li ul li {padding-bottom:5px;}
nav#sidebar ul.widgets li.widget div.widget-content div.textwidget span { color: #951615; font-weight: bold; font: 1.091em Verdana;}

/************************************************CONTENT***********************************************/

/* HOME */
section#content {background:url(images/wrap.jpg) repeat-y center top; color:black; min-height:1089px;}
section#content #post-list {width:625px; margin-left:70px;}
section#content #post-list h1 {font-family:Journal; font-size:4.091em; color:#951615;}
section#content #post-list h1 span {color:black;}
section#content #post-list img {border:1px solid black; margin:10px 20px 10px 0px;}
section#content #post-list img.alignleft {float:left; margin-left:0px; margin-top:0px;}
section#content #post-list img.aligncenter {display:block; text-align:center;}
section#content #post-list img.alignright {float:right; margin-right:0px; margin-left:20px;}
section#content #post-list header {margin-bottom:15px;}
section#content #post-list header h2 {font-size:3.182em; font-family:Journal; font-weight:bold; margin-bottom: 5px; width:460px; line-height: 32px;}
section#content #post-list header h2 a {text-decoration:none; color:black;}
section#content #post-list header h2 a:hover {text-decoration:underline;}
section#content #post-list header time {color:#951615;}
section#content #post-list header small {color:#951615;}
section#content #post-list header .comments {float:right; display:block; margin-top:-29px; background:url(images/comments.gif) no-repeat center left; color:white; width:105px; height:25px; padding:8px 0px 0px 20px;}
section#content #post-list header .comments a {color:white; text-decoration:none;}
section#content #post-list header .comments a:hover {text-decoration:underline;}
section#content #post-list .content p {text-align:justify; margin-bottom:30px;}
section#content #post-list .content p a {color:#951615; text-decoration:none; }
section#content #post-list .content p a:hover {text-decoration:underline;}
section#content #post-list .content p.readmore {text-align:right; font-weight:bold;}
section#content #post-list .content h2, section#content #post-list .content h3, section#content #post-list .content  h4, section#content #post-list .content h5, section#content #post-list .content h6 {font-family:Journal; font-weight:bold;}
section#content #post-list .content h1 {font-size:4.091em;}
section#content #post-list .content h2 {font-size:3.636em;}
section#content #post-list .content h3 {font-size:3.182em;}
section#content #post-list .content h4 {font-size:2.727em;}
section#content #post-list .content h5 {font-size:2.273em;}
section#content #post-list .content h6 {font-size:1.818em;}
section#content #post-list .content blockquote {font-style:italic; background:url(images/blockquote.gif) left top no-repeat; padding-left:14px; padding-top:1px;}
section#content #post-list aside {height:50px;}
section#content #post-list aside .next a, section#content section#post-list aside .previous a {color:#951615; text-decoration:none; font-family:Journal; font-size:3.182em; font-weight:bold;}
section#content #post-list aside .next a:hover, section#content section#post-list aside .previous a:hover {text-decoration:underline;}
section#content #post-list aside .next {float:right;}
section#content #post-list aside .previous {float:left; }

/* PAGE QUEM SOMOS */
body.page section#content #post-list.page header h2 {font-size:5em;}
body.page-id-4 section#content #post-list {margin-left:40px;}
body.page-id-4 section#content #post-list header h2 {padding-left:30px;}
body.page-id-4 section#content #post-list .content {background:url(images/quemsomos.jpg) no-repeat left center; padding-left:220px;}
body.page-id-4 section#content #post-list .content h1 {font-size:10.182em; margin-top:-35px;}

/* PAGE FALE CONOSCO */
body.page-id-8 section#content #post-list {height:500px;}
body.page-id-8 section#content #post-list .content div.i {width:250px; float:left;}
body.page-id-8 section#content #post-list .content div.i p span{ font-size: 10px; }
body.page-id-8 section#content #post-list .content div.i strong {margin-top:10px;}
body.page-id-8 section#content #post-list .content form {width:335px; float:left; margin-left:20px;}
body.page-id-8 section#content #post-list .content form input {width:90%;}
body.page-id-8 section#content #post-list .content form textarea {width:90%;}
body.page-id-8 section#content #post-list .content form input.submit {width:51px; height:29px; border:none; background:url(images/enviar.jpg) no-repeat; text-indent:-999%; float:right; margin-right:30px; cursor:pointer;}

/* ERROR 404 */
body.error404 section#content {height:auto; min-height:40px; text-align:center;}
body.error404 section#content #notfound {text-align:center; width:586px; margin:auto; height:270px;}
body.error404 section#content #notfound img.back {float:left; margin-top:40px;}
body.error404 section#content #notfound p {text-align:right; float:right;margin-top:40px;}
body.error404 section#content #notfound p a {text-decoration:none; color:#971a18;}

/* PAGE NADA ENCONTRADO */
body.search h1 { font-family: Journal; color: #951615; font-size: 4.091em; margin-left: 70px;}
body.search div#nosearch { font-family: Verdana; color: #951615; font-size: 1.273em; margin-left: 70px; font-weight: bold; margin-top: 20px;}
body.search div#notsearch { font-family: Verdana; font-size: 1.273em; margin-left: 70px; }

/* PAGE BUSCA */
body.search h2 a{ text-decoration: none; font-family: Journal;  font-size: 3.182em; color: #000; margin-left: 70px;}
body.search time{ font-family: Verdana; color: #951615; font-size: 1em; margin-left: 70px;}
body.search small.comments { float:right; display:block; margin-top:-12px; background:url(images/comments.gif) no-repeat center left; color:white; width:105px; height:25px; padding:8px 0px 0px 20px;}
body.search small.comments a {color:white; text-decoration:none;}
body.search small.comments a:hover { text-decoration: underline; }
body.search section#searchlist  p.content { font-family: Verdana; font-size: 1em; margin-left: 70px; margin-top: 15px; text-align:justify; }
body.search section#searchlist p.readmore a{ margin-top: 5px; float:right; font-family: Verdana; font-size: 1em; margin-left: 70px; text-decoration: none; color: #951615; font-weight: bold;}
body.search section#searchlist p.readmore a:hover { text-decoration: underline; } 
body.search section#searchlist div.line{ padding:0px; margin-right: 250px; margin-top: 50px;}

/* SINGLE */
section#content aside {height:150px; width:625px; margin-left:70px;}
section#content aside .next a, section#content aside .previous a {color:#951615; text-decoration:none; font-family:Journal; font-size:3.182em; font-weight:bold;}
section#content aside .next a:hover, section#content aside .previous a:hover {text-decoration:underline;}
section#content aside .next {float:right;}
section#content aside .previous {float:left;}

/* COMMENTS */
section#comments {width:615px; margin-left:70px;}
section#comments h3 {font-family:Journal; font-size:4.091em;}
section#comments article {border:1px solid #b8a682; padding:5px; background:rgba(218,179,147,0.3); margin-bottom:20px;}
section#comments article .person img {width:32px; height:32px; border:1px solid #951615; float:left; margin-right:10px;}
section#comments article .person cite.author {font-weight:bold; color:black; display:block;}
section#comments article .person cite.author .name {color:#951615; font-size:1.455em;}
section#comments article .person cite.author .name a {color:#951615; text-decoration:none;}
section#comments article .person cite.author .name a:hover {text-decoration:underline;}
section#comments article .person time {color:#951615;}
section#comments article .entry {text-align:justify; margin-top:10px;}
section#comments #docomment {height:240px;}
section#comments #docomment .offlog {width:240px; float:left; margin-right:15px;}
section#comments #docomment .offlog a {text-decoration:none; color:#951615; font-weight:bold;}
section#comments #docomment .offlog a:hover {text-decoration:underline;}
section#comments #docomment .offlog2 {float:right; width:355px;}
section#comments #docomment .offlog input {margin-bottom:10px;}
section#comments #docomment h4 {font-family:Journal; font-size:4.091em;}
section#comments #docomment input {width:232px; padding:2px; margin:0px; font-size:1em;}
section#comments #docomment textarea {font-size:11px; font-variant:normal; width:351px; height:105px;}
section#comments #docomment .submit {margin-top:-10px; margin-right:0px; float:right; padding:0px; border:0px; background:none; text-align:right; width:auto; color:#951615; cursor:pointer; font-size:2.909em; font-family:Journal;}

/************************************************FOOTER***********************************************/
footer#footer {background:url(images/footer.jpg) no-repeat center top; height:152px; text-align:center; clear:both;}
footer#footer ul {padding-top:30px; color:#951615;}
footer#footer ul li {display:inline;}
footer#footer ul li a {color:#951615; text-decoration:none; font-weight:bold; font-size: 0.909em;}
footer#footer ul li a:hover {text-decoration:underline;}
footer#footer p.credits {padding-top:10px; font-size: 0.909em;}
footer#footer p.credits a {text-decoration:underline; color:black;}
footer#footer p.credits a:hover {color:#951615;}