/*

Theme Name: Bernardo Fala!

Theme URI: http://www.bernardofala.com/

Description: Tema criado para o site Bernardo Fala.

Version: 1.0

Author: Bernardo Boechat

Author URI: http://www.bernardofala.com/

Tags: Bernardo Fala



*/





body {
background-color: #E7E7E7;
font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
margin:0;
color:#222;
}

a {
color:#3399CC;
text-decoration: none;
}

a:hover {
color: #0099FF;
text-decoration: underline;
}

.right {
text-align: right;
}

#wrapper { 
margin: 0 auto;
width: 900px;
}

#fundo {
background: #fff;
width:900px;
}

#barra {
width:900px;
height:27px;
background: #fff;
color: #999;
font-size:12px;
}

#tweet {
padding: 5px 0 0 10px;
}

.twe a {
color: #fff;
}

.twe a:hover {
text-transformation: none;
}

.peq {
font-size:12px;
color:#fff;
padding:15px 0px 0px 15px;
}

#esquerda {
background:#fff;
float:left;
width: 670px;
}

#stickypost {
background: #222;
color: #fff;
}

#post {
}

#titulo {
}

#twitbot {
padding: 1px 15px 15px 15px;
}

#conteudo {
padding: 1px 15px 15px 15px;
font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size:11px;
line-height:150%;
}

#conteudo img {
max-width: 580px;
height: auto;
width: expression(this.width > 640 ? 640: true);
}

#info {
background: #fff;
color:#999;
padding: 0 15px;
}

.relate {
line-height: 150%;
font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size:11px;
color:#fff;
}

.relate a {
color: #666;
text-decoration: none;
}

.relate a:hover {
color:#999;
}

.tit {
font-family: 'Lucida Grande', Arial, sans-serif;
padding: 15px 15px 5px 15px;
color:#323232;
font-weight: bold;
font-size: 24px;
}

.tit a {
color:#333;
text-decoration: none;
}

.tit a:hover {
color:#999;
text-decoration: none;
}

.tit2 {
font-family: 'Lucida Grande', Arial, sans-serif;
padding: 15px 15px 5px 15px;
color:#fff;
font-weight: bold;
font-size: 24px;
}

.tit2 a {
color:#fff;
text-decoration: none;
}

.tit2 a:hover {
color:#323232;
text-decoration: none;
}

.tit3 {
font-family: 'Lucida Grande', Arial, sans-serif;
padding: 0px 15px 5px 0px;
color: #003366;
font-weight: bold;
font-size: 24px;
}

.info {
color:#333;
}

.info a {
color:#666;
text-decoration: none;
font-size:12px;
}

.info a:hover {
text-decoration: underline;
}

#navi {
margin: 10px 15px;
}

#direita {
width:200px;
background:#fff;
float:right;
padding: 15px 15px 10px 15px;
color: #323232;
}

.titulo-lateral {
color: #323232;
font-size: 13px;
font-weight: bold;
padding: 0;
}

#lateral {
margin-bottom: 15px;
background:#fff;
color: #303030;
line-height:140%;
}

.s-list {
background:#fff;
color: #323232;
font-size: 13px;
padding: 0;;
}

.s-list ul {
padding: 0 0;
}

.s-list a {
color: #FFCC33;
text-decoration: none;
}

.s-list a:hover {
color: #323232;
text-decoration: underline;
}

.barra-lateral {
padding: 0;
color: #323232;
}

.barra-lateral ul {
list-style: none;
color: #95003B;
padding: 0;
}

.barra-lateral ul a {
font-size:12px;
text-transform: lowercase;
line-height:100%;
}

.barra-lateral li {
padding-bottom: 0;
}

.barra-lateral a {
color: #006699;
text-decoration: none;
}

.barra-lateral a:hover {
color: #0099FF;
}

#footer {
clear:both;
width:900px;
height: 40px;
background:none;
}

