/*
	Theme Name: Verão 2012
	Description: Tema da coleção verão 2012
	Author: Vitor Justin
	Version: 1.0
*/

/* ------------------- reset elements */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}address,em{font-style: normal}

/* ------------------- clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ------------------- font-face */
@font-face {
    font-family: 'Cambria';
    src: local(cambria.ttc);
    font-weight: normal;
    font-style: normal;
}

/* ------------------- tags */
body {
	font: 12px/14px Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	color: #333;
	background: #C8D9DE url('images/background.jpg');
}

a {color: #333333; text-decoration: none}
a:hover {color: #A87E6C}

input, textarea {
	background: white;
	border: 1px dashed #A58D83;
	color: #494846;
	font-family: Verdana, Arial;
	font-size: 11px;
	height: 15px;
	margin: 0;
	padding: 3px 8px 2px;
}

::-webkit-input-placeholder {color: #494846}

textarea {resize: none}

/* ------------------- classes */
.replacement {background-position: 0 0; background-repeat: no-repeat; display: block; overflow: hidden; position: relative; text-indent: -999px;}
.replacement span {background-position: 0 100%; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.transparent {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

/* ------------------- container */
#container {
	width: 930px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

/* ------------------- header */
#header {
	background: url('images/background-header.jpg') no-repeat center top;
	height: 438px;
	position: relative;
	width: 100%;
}

#header a {
	display: block;
	height: 130px;
	left: 50%;
	margin-left: -452px;
	position: absolute;
	top: 136px;
	width: 312px;
}

#header-bike {
	background: url('images/background-bike.png') no-repeat left top;
	height: 317px;
	position: absolute;
	right: 0;
	top: 0;
	width: 210px;
}

/* ------------------- content */
#content {
	width: 640px;
 	float: left;
	margin-top: 10px;
}

/* -------- post */
.post {
	margin-top: 40px;
}

.post .header-post {
	min-height: 30px;
	padding-left: 5px;
}

.post .header-post em.data {
	background: url('images/em-data.png') no-repeat;
	width: 53px;
	height: 21px;
	overflow: hidden;
	float: left;
	color: #F2C0C4;
	font: 12px/20px Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
	margin-top: 10px;
	margin-right: 12px;
	text-align: center;
}

.post .header-post h1 a {
	float: left;
	font: 30px Cambria, 'Palatino Linotype', Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
	width: 570x;
}

.post .content-post {
	margin-top: 20px;
	padding-left: 5px;
}

.post .content-post p {
	font: 17px Cambria, 'Palatino Linotype', Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
    display: block;
	margin-top: 15px;
}

.post .footer-post {
	border-bottom: 2px dotted #C1B3A4;
	height: 130px;
	margin-top: 30px;
	padding-left: 5px;
	position: relative;
}

.post .footer-post p {
	font: 15px Cambria, 'Palatino Linotype', Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
}


.post .footer-post p em {
	font-weight: bold;
}

.post .footer-post ul {
	margin-top: 25px;
}

.post .footer-post ul li {
	display: block;
    height: 20px;
	padding-left: 23px;
	margin-top: 8px;
	font: bold 17px/17px 'Times New Roman', Tahoma, Arial, serif !important;
	background: url('images/sprite-post.png') no-repeat left top;
	letter-spacing: -0.05em;
	width: 230px;
}

.post .footer-post ul li span {

	margin-right: 5px;
}


.post .footer-post ul li.comentarios {
	background-position: left -26px;
	float: left;
}

.post .footer-post ul li.compartilhe {
	background-position: left -53px;
	float: left;
	margin-left: 50px;
}

.post .footer-post ul li.compartilhe span {
	float: left;
}

/* -------- paginação */
#content .wp-pagenavi {
	clear: both;
    height: 28px;
    margin: 30px 0 30px 150px;
}

#content .wp-pagenavi a,
#content .wp-pagenavi span {
	float: left;
	font: bold 14px Arial, Verdana, Tahoma, sans-serif;
	color: #666;
	line-height: 28px;
	padding: 0 5px;
}

#content .wp-pagenavi a:hover {
	color: #333;
}

#content .wp-pagenavi span.current {
	color: #A67E6C;
	font-size: 16px;
}

#content .wp-pagenavi .previouspostslink,
#content .wp-pagenavi .nextpostslink {
	background: url('images/sprite-pagenavi.png') no-repeat left top;
	float: left;
	height: 16px;
	margin: 7px 10px 0;
	padding: 0;
	text-indent: -9000em;
	width: 10px;
}

#content .wp-pagenavi .nextpostslink {
	background-position: right top;
}


#content .wp-pagenavi .previouspostslink:hover {
	background-position: left bottom;
}

#content .wp-pagenavi .nextpostslink:hover {
	background-position: right bottom;
}

#content .wp-pagenavi a, #content .wp-pagenavi span {
  border: none;
  padding: 0 5px;
  margin: 0;
}

/* -------- listagem de comentários */
#comentarios h1 {
	width: 157px;
	height: 50px;
	background: url('images/h1-comentarios.png') no-repeat;
	margin-top: 30px;
}

#comentarios .comment-body {
	border-bottom: 1px dotted #C1B3A4;
	color: #333;
	padding-bottom: 20px;
	width: 80%;
	padding-left: 20px;
	margin-top: 15px;
}

#comentarios .comment-body p {
	display: block;
	padding-top: 10px;
}

#comentarios .comment-body .fn {
	font: 18px Cambria, 'Palatino Linotype', Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
	color: #794D4A;
}

#comentarios .comment-body .comment-meta {
	font-size: 9px;
}

/* -------- formulários: indique e comentário */
.post-form {
	padding-left: 2px;
	width: 395px;
}

.post-form h1 {
	margin-bottom: 4px;
}

#respond h1 {
	background: url('images/h1-comente.png') no-repeat;
	width: 293px;
	height: 46px;
}

#indique h1 {
	width: 258px;
	height: 51px;
	background: url('images/h1-indique.png') no-repeat;
}

.post-form form {
	padding-left: 3px;
}
.post-form fieldset {margin-bottom: 10px;}
.post-form .fieldtext {height: 165px; margin-top: 28px;}

.post-form input,
.post-form textarea {
	color: #794D4A;
	font: 15px Cambria, 'Palatino Linotype', Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
	margin-bottom: 7px;
	width: 374px;
}

.post-form input {height: 19px}

.post-form textarea {height: 158px;}

.post-form .form-action {
	
}

.post-form .errormessage {
	color: #CE0000;
	float: right;
	font: 13px Cambria, 'Palatino Linotype', Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
	line-height: 27px;
	margin-right: 10px;
}

.post-form .submit-form {
    background-image: url("images/button-enviar.png");
    border: 0 none;
    cursor: pointer;
	float: right;
    height: 27px;
    width: 82px;
}

.post-form .submit-form:hover {
	background-position: 0 100%;
}

/* -------- sidebar */
#side {
	width: 212px;
	float: left;
	margin: 78px 0 0 78px;
	padding-bottom: 100px;
}

#side #acesse-o-site {
	margin-bottom: 40px;
	padding-left: 6px;
}

#side #acesse-o-site h2 {
	background: url('images/h1-acesse-o-site.png') no-repeat;
	height: 44px;
	padding-left: 8px;
	width: 157px;	
}

#acesse-o-site a,
#tok-link a {
	background-image: url('images/button-tok.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 177px;
	height: 42px;
	
}
#acesse-o-site a:hover,
#tok-link a:hover {background-position: 0 100%}

/* busca */
#side #busca {
	margin-bottom: 14px;
}

#side #busca input {
	float: left;
}

#side #busca button {
	background-image: url('images/button-ok.png');
	border: 0;
	cursor: pointer;
	float: left;
	height: 22px;
	width: 32px;
}

#side #busca button:hover {
	background-position: 0 100%;
}

/* categorias */
#side #categorias {
	margin-bottom: 19px;
}

#side #categorias h2 {
	width: 130px;
	height: 48px;
	background: url('images/h1-categorias.png') no-repeat;
}

#side #categorias ul {
	margin: 6px 0 0 13px;
}

#side #categorias ul li {
	background: url('images/li-categorias.png') no-repeat left center;
	display: block;
	padding-left: 12px;
	height: 17px;
	line-height: 17px;
}

/* tags */
#side #tags {
	margin-bottom: 29px;
	padding-left: 9px;
}

#side #tags h2 {
	background: url('images/h1-tags.png') no-repeat;
	height: 48px;
	margin-bottom: 9px;
	width: 75px;
}

#side #tags #tags-links {
	margin: 0 10px;
	text-align: center;
	width: 185px;
}


/* cadastre-se */
#side #cadastre-se {
	margin-bottom: 21px;
	padding-left: 3px;
}

#side #cadastre-se h2 {
	background: url('images/h1-cadastre-se.png') no-repeat;
	width: 145px;
	height: 45px;
}

#side #cadastre-se form {
	padding: 0 0 0 11px;
}

#side #cadastre-se form label {
   display: block;
   font-size: 11px;   
   margin-top: 5px;
}

#side #cadastre-se form input {
	margin-top: 10px;
	width: 163px;
}

#side #cadastre-se form button {
	background-image: url('images/button-enviar.png');
	background-image: url('images/button-enviar.png');
	border: 0;
	cursor: pointer;
	height: 27px;
	margin-top: 5px;
	margin-left: 100px;
	width: 82px;
}

#side #cadastre-se form button:hover {
	background-position: 0 100%;
}

#side #cadastre-se form .errormessage {
	font-size: 10px;
	color: #990000;
	display: block;
	margin-top: 5px;
}

/* twitter */
#side #twitter-tok {
	margin-bottom: 21px;
	padding-left: 6px;
}

#side #twitter-tok h2 {
	width: 192px;
	height: 64px;
	background: url('images/h1-twitter-tok.png');
}

#side #twitter-tok-content {
	margin: 15px 0 0 3px;
	width: 186px;
}

#side #twitter-tok ul {margin: 0 0 10px}

#side #twitter-tok ul li {
	border-bottom: 2px dotted #C1B3A4;
	display: block;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 8px;
	padding: 0 4px 9px;
}

#side #twitter-tok .twitter {
	background: url('images/button-twitter.png') no-repeat;
	float: left;
	height: 14px;
	margin: 6px 0 0 8px;
	width: 62px;
}

#side #twitter-tok .tok {
	background: url('images/button-sigaatok.png') no-repeat;
	float: right;
	height: 27px;
	width: 97px;
}

#side #twitter-tok .tok:hover {background-position: 0 100%;}

/* arquivos */
#side #arquivos {
	margin-bottom: 37px;
	padding-left: 5px;
}

#side #arquivos h2 {
	background: url('images/h1-arquivos.png') no-repeat;
	height: 46px;
	width: 126px;	
}

#list-archives {
	width: 195px;
	margin-left: 10px;
}

#list-archives li.list-year {
	border-bottom: 2px dotted #C1B3A4;
	padding: 5px 0;
}

#list-archives li.list-year span {
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

#list-archives li.list-year ul {
	display: none;
}

#list-archives ul.list-months {
	padding-left: 5px;
}

#list-archives ul.list-months li {
	margin: 2px 0;
}

/* tok link */
#tok-link {
	margin-bottom: 47px;
	padding-left: 11px;
}

/* rss */
#links-rss {
	padding-left: 16px;
}

#links-rss img {
	display: block;
	margin-top: 30px;
}

#links-rss a {
	border-top: 2px dotted #C1B3A4;
	border-bottom: 2px dotted #C1B3A4;
	background: url('images/icon-rss.png') no-repeat left center;
	width: 142px;
	height: 34px;
	display: block;
	padding-left: 30px;
	font: 18px/34px Cambria, 'Palatino Linotype', Tahoma, 'Trebuchet MS', Arial, Verdana, sans-serif;
}

#links-rss a:hover {
	color: #C84646;
}

/* ------------------- rodapé */

#footer {
	background: url('images/background-footer.png') left top repeat-x;
	height: 441px;
	margin-top: -350px;
	width: 100%;
}