/* 



    Document   : Versão 3.0 - Garotait.com.br



    Author     : Pâmela Gonçalves



    Description: Tema para wordpress desenvolvido para Garota It







/* TODO */



body {

	background: #ede6e9 url('imagens/background.png');

	margin: 0;

	padding: 0;

	font-family: "arial";

	font-size: 12px;

	color: #191919;

}

#site {

	width: 997px;

}

img {

	border: 0;

	margin: 0;

}

.alignleft {

	border: 0px solid #404040;

	margin: 3px 3px 3px 0px;

}

.aligncenter {

	border: 0px solid #404040;

	margin: auto;

	display: block;

}

.alignnone {

	border: 0px solid #404040

}

.alignright {

	border: 0px solid #404040;

	margin: 3px 0px 3px 3px;

}

/* LINKS GERAIS */



a, a:link {

	color: #c11d62;

	text-decoration: none;

}

a:hover {

	color: #707070;

}

/* ATRIBUTOS E PARÁGRAFOS */



hr {

	width: 97%;

	clear: both;

	border-top: 1px dotted #e1e1e1;

	border-bottom: 0px;

	border-left: 0px;

	border-right: 0px;

	text-align:center;

	margin:5px 0 5px 0;

	height: 1px;

}



blockquote {

	background: #ebebeb;

	padding: 5px 15px;

	font-family: Georgia;

	font-size: 9pt;

	display: block;

	margin: 15px 30px;

}

blockquote img {

	margin: 5px;

}

/* FORMULÁRIOS */



form, fieldset {

	margin: 0;

	padding: 0;

	border: 0px;

}

input, textarea, select, button {

	font-size:11px;

	color:#909090;

	border: 1px solid #e1e1e1;

	background-color: #f8f8f8;

	margin: 0;

}

input#searchsubmit {

	background: #f8f8f8;

	background-position:2px 3px;

	border: 1px solid #e1e1e1;

	width: 91%;

	margin: 5px 0 0 0;

	padding: 1px 1px 1px 15px;

}

/* TITULOS */







h1, h1 a {

	color: #3f4e6b;

	font-size: 16pt;

	font-family: Arial, Verdana, Helvetica;

}

h2, h2 a {

	color: #c11d62;

	font-size: 14pt;

	font-family: Tahoma, Arial, Verdana, Helvetica;

}

h3, h3 a {

	font-family: Verdana, Helvetica;

	font-size: 14px;

	text-transform: uppercase;

	padding: 1px 10px;

	color: #536488;

	border-bottom: 1px dotted #c6e8e4;

}

h4, h5, h6 {

	color: #333;

}

small {

	color: #a79ca9;

	font-size: 9pt;

}

/* IMAGENS */



img {

	margin: 3px;

}

.alignleft {

	float: left;

	margin: 5px 5px 5px 5px;

	clear: both;

}

.aligncenter {

	display: block;

	text-align: center;

}

.alignnone {

}

.alignright {

	float: right;

	margin: 5px;

	clear: both;

}

/* ESTRUTURA */



#header {

	height: 101px;

	width: 970px;

}



#logo {

	background: url(imagens/logo-garota3.png);

	width: 286px;

	height: 79px;

	float: left;

	margin-left: 50px;

}

#main {

	background: url(imagens/bg-main.png) repeat-y;

	width: 963px;

}



#menu{

	background: #29384c;

	width: 963px;

	height: 40px;

}



#menu ul{

	padding: 0;

	margin: 0;

	list-style: none;

}



#menu ul li{

	float: left;

	padding: 13px 20px;

	text-transform: uppercase;

	font-family: Tahoma;

}



#menu ul li a{

	color: #fff;

 	font-weight: 700;

}



#menu ul li a:hover, #menu ul li:hover{

	background: #101d2e;

	color: #e3a8c1;

}



#footer {

	clear: both;

	display: block;

	padding: 10px 5px;

	height: 40px;

	font-size: 10px;

	margin-bottom: 20px;

	width: 953px;

	font-family: Tahoma;

	background: #3f4e6b;

	color: #fff;

	text-transform: uppercase;

}

#footer .footer {

	color: #305b5b;

}

/* CABECALHO */



div#busca {

	width: 270px;

	height: 50px;

	margin: 20px 30px;

	float: right;

	text-align: left;

}



div#busca #btext{

	background: url(imagens/busca.png);

	border: 0px;

	width: 200px;

	height: 39px;

	padding: 0px 11px;

	color: #ccc;

	

}



div#busca #bsubmit{

	background:url(imagens/buscador.png);

	width: 32px;

	height: 30px;

	border: 0px;

}

/* MAIN */



#sidebar {

	float: right;

	padding: 5px 18px;

	width: 310px;

}



#sidebar #esquerda{

	float: left;

	width: 150px;

}



#sidebar #direita{

	float: right;

	width: 150px;

}



#sidebar #esquerda h3, #sidebar #direita h3{

	background: none;

}

#conteudo {

	padding: 5px 0 5px 15px;

	text-align: justify;

	float: left;

	width: 600px;

}

/* Sidebar */







.widget {

	padding: 2px;

	margin-bottom: 10px;

	text-align: justify;

}

.widget ul {

	list-style-type: circle;

	margin: 2px;

	padding: 3px 20px;

}

.widget li {

	padding: 0;

	margin: 0;

}

#sidebar h3 {

	background: url(imagens/widget-h3.png) no-repeat;

	padding: 5px 0 10px;

	text-align: center;

	border: 0px;

	color: #000;

}

.widget input {

	padding: 3px;

	border-bottom: 1px dotted #ccc;

	border-radius: 8px 2px;

	background: #f1f1f1;

	color: #333;

}

/* Posts */

.titulo, .titulo a {

	color: #c11d62;

	font-size: 15pt;

	font-family: Verdana;

	padding:3px;

}

.data {

	background: #c6e8e4;

	padding: 10px;

	font-size: 10px;

	font-family: Verdana;

	text-transform: uppercase;

	margin: 2px 5px 0 -25px;

	float: left;

}

.descricao {

	background: #ebebeb;

	color: #5d5d5d;

	font-size: 10px;

	padding: 10px;

	text-transform: uppercase;

	line-height: 16px;

}

.descricao a {

	text-decoration: underline;

	color: #5d5d5d;

}

.link-comentarios {

	float: right;

	background: #e3a8c1;

	padding: 5px 10px;

	text-transform: uppercase;

}

.link-comentarios a {

	text-decoration: none;

}

.conteudo-post {

	padding: 5px;

	line-height: 20px;

	max-width: 600px;

}

.posts hr {

	width: 600px;

	text-align: center;

	margin: 20px 0px;

	height: 3px;

}

p .leia-mais, p.leia-mais a {

	text-align: right;

	display: block;

	width: 200px;

	clear: both;

	padding: 4px;

	background: #4c2c52;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}

.thumb {

	margin: 15px 15px 15px 0px;

	border: 5px solid #40a0a1;

	float: left;

}

#tags {

	margin: 15px 5px;

	border-top: 1px solid #ccc;

	padding: 5px;

	color: #707070;

	font-size: 10px;

	text-transform: uppercase;

	font-family: Verdana;

}

#tags a {

	text-decoration: underline;

}

/* COMENTÁRIOS */



ul.lista-comentarios {

	margin: 0px;

	padding: 0px;

	background: #8a98ab;

	list-style: none;

	color: #000;

}

ul.lista-comentarios li {

	padding: 10px;

	border-bottom: 6px solid #fff;

}

.header-comentario {

	color: #000;

	background: #9ab7aa;

	font-size: 10px;

	font-family: Tahoma, Helvetica;

	padding: 10px;

	margin: 0px 10px 0px 0px;

}

.header-comentario .autor {

	font-size: 12px;

	text-transform: uppercase;

	font-weight: bold;

}

.header-comentario a, .header-comentario a:link {

	color: #000;

}

.header-comentario img {

	float: right;

	margin: 2px 10px 2px 2px;

	border: 3px solid #fff;

}

div.comentarios input, div.comentarios textarea {

	margin: 5px;

	padding: 3px;

	background: #fff;

	border: 1px solid #ccc;

	color: #000;

	letter-spacing: 1px;

	font-size: 11px;

	line-height: 16px;

}

/** Publicidade - ADS */



#ads-post {

	clear: both;

	display: block;

	text-align:center;

}

#publicidade {

	text-align: center;

	margin-top: 20px;

	height: 130px;

}

/** Page Navi */



.footlink {

	border: 0px;

	text-align: center;

}

.footlink a {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

	border: 1px solid #f5e8ee;

	color: #333;

	background-color: #f5e8ee;

}

.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

	border: 1px solid #f5e8ee;

	color: #333;

	background-color: #f5e8ee;

}

.wp-pagenavi a:visited {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

	border: 1px solid #f5e8ee;

	color: #333;

	background-color: #f5e8ee;

}

.wp-pagenavi a:hover {

	border: 1px solid #f5e8ee;

	color: #ccc;

	background-color: #FFFFFF;

}

.wp-pagenavi a:active {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #333;

	background-color: #ccc;

}

.wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px;

	margin: 2px 2px 2px 2px;

	color: #333;

	border: 0px solid #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi span.current {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	font-weight: bold;

	border: 1px solid #422449;

	color: #333;

	background-color: #f5e8ee;

}

.wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

#relatedcontent {

	margin: 0 0 5px 0;

	padding: 0px 0px;

	height: 220px;

	display: block;

}

#relatedcontent h3 {

	background: none;

	font-family: Georgia;

	border: 0;

	font-size:13px;

	text-transform: none;

}

.relatedposts {

	padding: 3px 15px 1px;

	width:110px;

	float:left;

}

.relatedposts img {

	background:#fff;

	border:1px solid #f1f1f1;

}

.relatedposts .relatedtitle {

	width:110px;

	margin:120px 0 0 3px;

	position: absolute

}

.relatedposts .relatedtitle span {

	background:#f1f1f1;

	text-align: center;

	padding:5px;

	font-size:10px;

	font-family: Verdana;

	line-height:16px;

	display: block;

}