/* 
Theme Name: Livros em Série
Theme URI: www.livrosemserie.com.br
Description: Layout desenvolvido para o site Livros em Série.
Version: 1.0
Author: Pâmela Gonçalves
Author URI: www.phandesign.net
*/

/* TODO */
*{
    margin: 0;
    padding: 0;
}

body{ 
    background: #000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6f6f6f;
}

#site{
    background: url('imagens/posts-bg.gif');
    width: 901px;
    height: auto;
}

a, a:link{
    color: #634561;
    text-decoration: none;
}
a:hover{
    color: #8f9b59;
}
.both {
    clear:both;
}
hr{
    width: 97%;
    clear: both;
    border-top: 1px dotted #a08a96;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    text-align:center;
    margin:5px 0 5px 0;
    height: 1px;
}
b, strong{
    color: #7a4c76;
}
.pagina strong, .pagina b, .posts strong, .posts b{
    color: #888d6e;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border: 0px;
}
input, textarea, select, button {
    background: #272827;
    color: #676767;
    letter-spacing: 1px;
    border: 1px solid #4b4b4b;
}
.widget label{
    display: block;
    text-align:left;
}
input#searchsubmit {
    background: #272827;
    color: #676767;
    letter-spacing: 1px;
    border: 1px solid #4b4b4b;
    font-size: 10px;
    float: right;
    margin: 2px;
    width: auto;
}
blockquote{
    margin: 20px;
    background: #454442;
    padding: 10px 10px 10px 20px;
    color: #787878;
    border-left: 1px solid #333;
    border-bottom: 2px solid #222;
}
/* TITULOS */

h1, h1 a{
    font-size: 13px;
    color: #9a9a95;
}

h2, h2 a{
    font-size: 12px;
    color: #874e83;
}

h3, h3 a{
    font-size: 11px;
    color: #7b7d4d;
}

h4, h5, h6{
    font-size: 10px;
    text-transform: uppercase;
    color: #7b7d4d;
}

ol, ul, li{
    list-style-type: none;
}


/* IMAGENS */
img{
    border: 0;
    margin: 0;
}

img.alignleft{
    border: 3px solid #404040;
    margin: 3px 3px 3px 0px;
    float: left;
}

img.aligncenter{
    border: 3px solid #404040;
    margin: auto;
    display: block;
}

img.alignnone{
    border: 3px solid #404040
}

img.alignright{
    border: 3px solid #404040;
    float: right;
}

.widget .border{
    border:3px solid #272827;
    padding: 3px;
}

/* ESTRUTURA */
#header{
    background: url('imagens/header-bg.gif') no-repeat;
    width: 901px;
    height: 279px;
}

#main{
    float: left;
    line-height: 18px;
}

div#footer{
    background: #1a0d18;
    width: 901px;
    height: 30px;
    border-top: 1px dashed #333;
    border-bottom: 2px solid #1d1e1d;
    padding: 10px 0px;
    font-family: Verdana;
    color: #4a424a;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 0px;
}


/* CABEÇÁRIO */
#mensagem{
    position: relative;
    float: right;
    text-align: justify;
    top: 135px;
    right: 47px;
    width: 370px;
    height: 110px;
    line-height: 18px;
    color: #a4a892;
}

#mensagem b, #mensagem strong{
        color: #a4a892;
}

ul#menu_superior{
    float: right;
    position: relative;
    display:block;
    top: 38px;
    height: 25px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}

ul#menu_superior li{
    width: auto;
    float: left;
    padding: 0px 30px 0px 3px;
}

ul#menu_superior li a:link, ul#menu_superior li a:active, ul#menu_superior li a:visited {
    color:#545e25;
}
ul#menu_superior li a:hover, ul#menu_superior li.current a {
    color:#fff;
    text-decoration:none;
}

/* MAIN */
#sidebar-direita{
    width: 206px;
    float:right;
    padding: 0px 10px;
    margin: 10px 0px;
}

#sidebar-esquerda{
    width: 206px;
    float:left;
    padding: 0px 10px;
    margin: 10px 0px;
}

#conteudo{
    float: left;
    width: 443px;
    text-align: justify;
    margin: 10px 3px;
}



/* SIDEBAR */
#sidebar-esquerda h1, #sidebar-direita h1{
    background: url('imagens/fundo-titulo-widget.png') no-repeat;
    padding-right: 10px;
    height: 26px;
    font-family: Tahoma;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bolder;
    text-align: center;
    color: #6a6a67;
}

.widget{
    text-align:justify;
    color: #5d5d5d;
    margin-bottom: 20px;
}

.widget option{
    background: #342334;
    color: #d1d1d1;
    font-family: Verdana;
    font-size: 9px;
    padding: 3px 1px;
    letter-spacing: 0px;
    border-bottom: 1px solid #3e2938;
}

.widget select{
    background: #272827;
    color: #676767;
    letter-spacing: 1px;
    border: 1px solid #4b4b4b;
}

.widget li{
    padding: 3px 0px 1px 0px;
    border-bottom: 1px solid #292929;
}

.widget input{
    background: #272827;
    color: #676767;
    letter-spacing: 1px;
    border: 1px solid #4b4b4b;
    width: 100%;
}

/* POSTS */
.posts{
    margin-bottom: 50px;
}

.posts.header-post{
}

.titulo{
    background: url('imagens/fundo-titulo-post.gif') no-repeat;
    height: 25px;
    font-family: Tahoma;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bolder;
    text-align: center;
    color: #9a9a95;

}

.descricao{
    margin: 3px 0px 13px;
    text-align: right;
    font-size: 11px;
    color: #535353;
}

.conteudo-post{
    margin-top: 10px;
}

.footer-post{
    margin-top: 20px;
    text-align: right;
}
.footer-post a:link, .footer-post a {
    color: #61664f;
    font-weight: bold;
}

/* PAGINAS */

.conteudo-pagina{
    margin-top: 20px;
}
.conteudo-pagina table, .conteudo-pagina td, .conteudo-pagina tr{
    background: #222;
    margin: 3px 0px;
    padding: 3px;
}

.footer-pagina{
    margin: 20px 0px;
}


/* COMENTÁRIOS */

ul.lista-comentarios{
    margin: 20px 0px;
    list-style: none;
}

ul.lista-comentarios li{
    background: #222;
    padding: 10px;
}

.header-comentario{
    font-size: 10px;
    background: #333;
    font-family: verdana;
    padding: 3px;

}
.header-comentario .autor{
    text-transform: uppercase;
    font-weight: bold;
}
.header-comentario a, .header-comentario a:link{
    color: #8e9e4e;
}
.header-comentario img{
    float: right;
    margin: 5px;
    border: 3px solid #404040;
}
.conteudo-comentario{
    padding: 5px;
}

.alt{
    background: #313231;
}

div.comentarios input, div.comentarios textarea{
    margin: 5px;
    padding: 3px;
    background: #5d5d5d;
    border: 1px solid #333;
    color: #d1d1d1;
    letter-spacing: 1px;
    font-family: Tahoma;
    font-size: 10px;
    line-height: 16px;
}


/* FOOTER */
.parte-esquerda{
    text-align: left;
    padding: 0px 0px 0px 10px;
    width: 440px;
    float:left;
}

.parte-direita{
    width: 440px;
    float: right;
    text-align: right;
    padding: 0px 10px 0px 0px;
}

/* FOOTLINK */
.footlink a{
    background: #222;
    padding: 1px 5px;
    text-transform: lowercase;
}

.footlink a:hover{
    background: #5d405c;
    color: #fff;
    padding: 1px 5px;
}