﻿/*
Theme Name: Studio Ghibli theme 002
Version: 2.0
Author: Cris M Reis
Author URI: http://semantike.com/
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin:0;
	padding:0;
	text-align: justify;
	background: #e4e4e4;
}
#tudo{
	padding: 0px;
	clear: both;
	width: 898px;
	margin: 0px auto 0px auto;
	background: url('images/back_page.jpg') repeat-y;
}
#topo {
	padding: 0px;
	clear: both;
	width: 898px;
	margin: 0px;
	height: 199px;
	background: url('images/topo.jpg') no-repeat;
}
a#logo {
	padding: 0px;
	float: left;
	height: 140px;
	width: 365px;
	margin: 0px 0px 0px 20px;
}
a#menu_topo {
	padding: 0px;
	float: left;
	height: 140px;
	width: 95px;
	margin: 0px 0px 0px 3px;
}
/* conteudo */
#conteudo{
	margin: 0px 40px 0px 0px;
	padding: 0px;
	width: 490px;
	float: right;
}
/* sidebar */
#sidebar{
	margin: -10px 0px 0px 37px;
	padding: 0px;
	width: 287px;
	float: left;
}
#sidebar-left{
	margin: 0px;
	padding: 0px;
	width: 50%;
	float: left;
}
#sidebar-right{
	margin: 0px;
	padding: 0px;
	width: 50%;
	float: right;
}
/* busca e feed */
#busca {
	margin: 0px 0px 10px 0px;
	padding: 8px;
	width: 275px;
	float: right;
}
input.search {
	background: #ffffff;
	border: 1px solid #999999;
	width: 80%;
	margin: 0px;
	padding: 3px
}
input.botao {
	background: #ffffff;
	border: 1px solid #999999;
	width: 15%;
	margin: 0px;
	padding: 3px
}

/* links sidebar */
#sidebar ul, #sidebar li {
	margin: 0; 
	padding: 0px; 
	list-style-type: none;
}
#sidebar ul {
	margin: 2px 0px 0px 0px;
}
#sidebar ul li {
	display: block; 
	margin: 0px 0px 0px 3px; 
	padding: 3px 0px 3px 5px; 
	margin-bottom: 2px; 
	border-bottom: 1px solid #dfdfdf;
	border-left: 3px solid #afd174;
        color: #5f9dd6;
}
#sidebar ul li:hover {
	background-color: #efeeee;
	border-left: 3px solid #5f9dd6; 
	text-decoration: none; 
}
#sidebar ul li a:hover {
	text-decoration: none;
}
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	text-decoration: none; 
	color: #666666;
}
/* footer */
#footer {
	padding: 0px;
	clear: both;
	width: 898px;
	height: 156px;
	margin: 0px;
	background: url(images/footer.jpg) no-repeat;
}
#fim-footer {
	padding: 137px 0px 0px 0px;
	width: 898px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    clear: both;
}
/* titulos posts */
#titulo {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #e4e4e4;
        color:#5f9dd6;
}
#titulo a:link, #titulo a:visited, #titulo a:active{
	color:#5f9dd6;
}
#titulo a:hover {
	color:#a7ca6d;
}
/* posts */
#post {
	padding: 0px;
	margin: 0px;
	width: 490px;
	clear: both;
}
#post-text{}
#info-post {
	margin: 0px;
	padding: 2px 0px 20px 0px;
	width: 100%;
	clear: both;
}
#autor {
	float: left;
	color: #635b41;
	font-size: 9px;
}
#comente {
	float: right;
	color: #635b41;
	font-size: 10px;
}
#fim-post {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	width: 100%;
	clear: both;
	border-top: 1px solid #e4e4e4;
}
/* comentarios form */
.comentform {
	background: #ffffff;
	border: 1px solid #999999;
	width: 50%;
	margin: 0px;
	padding: 2px;
	height: 16px;
	font-size: 10px;
}
.textform {
	background: #ffffff;
	border: 1px solid #999999;
	width: 60%;
	margin: 0px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.botaoform {
	background: #ffffff;
	border: 1px solid #999999;
	width: 10%;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
}
/* comentarios */
#comentario {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
	clear: both;
}
#comente-autor {
	clear: both; 
	width: 98%; 
	padding: 5px; 
	background:#f5f5f5; 
	height: 42px;
}
#comente-texto {
	clear: both; 
	width: 98%; 
	padding:5px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #e3e0d6;
}
.comentstatus {
	text-align: right;
}
#autor-data {
	float: left;
	width: 70%;
}
#comente-contagem {
	float: right;
}
.contador {
	font-size: 14px;
	font-family: lucida sans;
	font-weight: bold;
}
#autorlink {
	color: #a7ca6d;
	font-size: 12px;
	font-family: lucida sans;
	text-decoration:none;
	font-weight: bold;
}
#autorlink a:link, #autorlink a:visited {
	color: #789c3b;
	text-decoration:none;
}
#autorlink a:hover {
	color: #a7ca6d;
	text-decoration:none;
}
.gravatar {
	float:left;
	background-color: #ffffff;
	padding: 3px;
	border-right: 1px solid #bdbd95;
	border-bottom: 1px solid #bdbd95;
	margin-right: 5px;
	width: 35px;
	height: 35px;
}
.comentdata {
	color: #666666;
	font-family: arial;
	font-size: 10px;
}
/* paginas */
#paginas {
	padding: 0px;
	margin: 0px;
	width: 490px;
	clear: both;
}
/* links posts e p�ginas */

#relacionado ul, #relacionado li {
	margin: 0; 
	padding: 0px; 
	list-style-type: none;
}
#relacionado ul {
	margin: 2px 0px 0px 0px;
}
#relacionado ul li {
	display: block; 
	margin: 0px 0px 0px 3px; 
	padding: 3px 0px 3px 5px; 
	margin-bottom: 2px; 
	border-bottom: 1px solid #dfdfdf;
	border-left: 3px solid #afd174;
        color: #5f9dd6;
}
#relacionado ul li:hover {
	background-color: #efeeee;
	border-left: 3px solid #5f9dd6; 
	text-decoration: none; 
}
#relacionado ul li a:hover {
	text-decoration: none;
}
#relacionado ul li a:link, #relacionado ul li a:visited, #relacionado ul li a:active {
	text-decoration: none; 
	color: #666666;
}
/* H1, H2, H3 */
h1 {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	color:#352c0f;
}
h2 {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	color:#5f9dd6;
	letter-spacing: 1px;
	font-size: 11px;
}
/* links gerais */
a:link, a:visited, a:active {
	color: #789c3b;
	text-decoration: none;
}
a:hover {
	color: #afd174;
	text-decoration: none;
}
/* negrito, italico, sublinhado... */
strong, b {
	color:#5f9dd6;
}
em, i {
	color:#5f9dd6;
}
u {
	color: #666666;
	padding-bottom:1px;
	border-bottom: #666666 solid 1px;
}
s {
	color: #5f9dd6;
}
/* imagens */
img {
	border: 0px; 
	padding: 1px;
}
.flickr {
	margin: 8px 0px 0px 0px;
	padding: 0px;
}
.flickr a img{
	margin: 5px 8px 5px 5px;
	padding: 0px;
	background-color: #fff;
	border: 0px solid #000;
}
.borda{
	padding: 5px;
	background: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px;
}
/* navigation */
.navigation {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	width: 490px;
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
