/*
Theme Name: Apka
Theme URI: http://www.apka.org/
Description: Associação Paulista de Kart Amador
Version: 2.0
Author: Prosoma Informatica
Author URI: http://www.infoage.com.br
*/

/* reset styles */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}del,ins{text-decoration:none;}
/* input,textarea,select{*font-size:100%;} */

body, html {
    background: black;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

a {
    text-decoration: none;
}

b { color: black; }

h1, h3, .nav table {
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform:uppercase;
}

h3 a, h3 a:visited, .nav table a, .nav table a:visited {
    color: #660000;
}
h1 a {
    color: #999999;
}

h2 {
    color:#660000;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform:uppercase;
}

h2 a, .titulo a {
    color: #660000;
}

h4 {
    color: black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform:uppercase;
}

h6 {
    font-size: 12px;
}

h4 a, h6 a {
    color: #2a62b4;
}

.titulo {
    color:#660000;
    background: url(img/sombra-titulo.png) no-repeat center right;
    padding-right: 10px;
    margin-right: 10px;
    font-weight: bold;
}

.line {
    display: block;
    height: 15px;
    clear: both;
    background: url(img/li-line.gif) no-repeat center left transparent;
}

.fade-branco {
    background: url(img/fade-branco.png) repeat-y transparent;
    color: #666666 !important;
}

.submenu {
    background: url(img/bg-box.gif);
    padding: 20px;
    font-size: 11px;
}
.submenu li {
    
    margin-bottom: 5px;
    
    list-style-image: url(img/li-red.gif);
    list-style-position: inside;
}

.blogroll {
    margin-bottom: 20px;

}

.photo {
    float: left;
    margin-left: 10px;
}

.submenu li {
    width: 15%;
    float: left;
}

.scroll {
    height: 700px;
    overflow: scroll;
}
#page {
    width: 960px;
    margin: auto;
    padding: 15px;
    background: url(img/bg.jpg) no-repeat bottom right white;
}

#topo {
    position: relative;
    background: url(img/topo.jpg) no-repeat #e6e6e6;
    height: 214px;
    width: 960px;
    
}

#conteudo {
    margin-top: 10px;
}

#conteudo p { color: #333333; font-size: 12px; }

.nav {
    text-align: right;
}
#head h1 {
    margin-bottom: 10px;
}

.single {
    margin-bottom: 15px;
}
#menu {
    width: 100%;
    position: absolute;
    top: 180px;
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform:uppercase;
}
 
#menu a {
    color: #999999;
}

#menu a:hover {
    color: #666;
}

#menu li:first-child {
    border-left: none;
}

#menu li {
    list-style: none;
    display: block;
    float: left;
    border-left: 2px solid white;
    padding-left: 15px;
    padding-right: 15px;
    height: 30px;
    
}

#search { position: absolute; top: 162px; right: 15px; padding-left: 50px; padding-top: 15px; padding-bottom: 5px; background: url(img/pesquisa.png) no-repeat transparent; float: right; }
#search input { border: 0; color:#999999; letter-spacing:-1px; background: transparent;}
#principal {
    width: 480px;
    float: left;
}

#destaque {
    background: url(img/bg-destaque.png) repeat-y #4c4c4c;

}

#destaque img {
    width: 480px;
}

#destaque a {
    color: white;
}
#destaque h1 {
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    letter-spacing:-1px;
    text-decoration:none;
    padding:5px 5px 5px 15px;
}

.box {
    background: url(img/bg-box.gif);
    padding: 10px;
    clear: left;
    margin-top: 10px;
}

.box h1 {
    margin-bottom: 5px;
}


.box a {
    color: #660000;
}

.destaque {
    height:83px;
    padding: 5px 10px;
}

.destaque img {
    float: left;
    background: white;
    padding: 3px;
    margin-right: 10px;
    width: 75px;
    height: 75px;
}

.destaque .data {
    color:#666666;
    font-size:9px;
}

.destaque h1, .destaque a {
    color:#660000;
    font-size:14px;
    letter-spacing:-1px;
    font-weight: bold;
}

.destaque p {
    color:#333333;
    font-size:11px;
}

.box li a {
    color: black;
}

.box li a:hover {
    text-decoration: underline;
}

.box li {
    list-style-image: url(img/li-red.gif);
    list-style-position:inside;
    background: url(img/li-line.gif) no-repeat bottom left;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-size: 11px;
}

.box li:last-child {
    background: none;
}

#side {
    float: right;
    width: 460px;
}

.coluna {
    float: left;
    width: 220px;
    margin-right: 10px;
}

.coluna.div {
    height: 90px;
    margin-bottom: 5px;
    background: url(img/li-line.gif) no-repeat bottom left transparent;
}

.coluna img {
    float: left;
    margin-right: 5px;
    width: 65px;
    height: 85px;
}

.coluna p {
    font-size:11px;
}

.coluna a {
    color: #999999;
}

.box .aniversariante { width: 65px !important; height: auto !important; }
#conteudo .aniversariante { height: 90px; width: 300px; margin-bottom: 10px;}
#conteudo .aniversariante img { height: 90px; width: 70px; float: left; }

.aniversariante {
    width: 65px;
    margin-right: 5px;
    float: left;
}

.aniversariante p {
    
    color:#660000;
    font-size:12px;
    font-weight: bold;
    display: block;
    padding: 0 3px;
}

#rodape {
    clear: both;
    background: url(img/box-rodape.png) no-repeat white;
    
    margin-top: 15px;
    padding: 10px 0px;
}
#rodape h2 { padding: 0 20px; }
#rodape .ad { float: left; margin-top: 10px; margin-left: 18px; width: 294px; text-align: center; }
#copy {
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#666666;

    line-height:25px;
    text-align:center;

}

.box p {
    font-size: 11px;
}

.post p, .comments p {
    margin-bottom: 10px;
}

.post img {
    display: block;
    margin: 15px auto;
    padding: 5px;
    border: 1px solid #999999;
}
.comments textarea { width: 100%; }
.comments ul { margin-bottom: 15px; }
.comments li { list-style-image: none; background-position: 10px bottom; }
.comments li p { margin-left: 70px; margin-bottom: 0;}
.comments .avatar { margin-right: 10px; }

.clear { clear: both; }

/* galerias */
.album { position: relative; float: left; height: 160px; width: 160px; margin-bottom: 2px; }
.album .nome { position: absolute; height: 75px; bottom: 0; right: 0; width: 160px; background: black; opacity:0.7;filter:alpha(opacity=70); }
.album h1 a {  display: block; font-size: 14px; margin: 0; padding: 5px; background: black; }
.album a { color: white; }
.album:hover a { color: #660000; }
/* apkanos */
.apkano { width: 285px; margin: 5px 15px; float: left; }
.apkano h1 { text-align: right; padding-top: 15px; font-size: 14px; }
.apkano img { float: left; margin-left: 5px; margin-right: 15px; }
.apkano p { background: url(img/bg-box.gif) transparent; font-size: 12px; text-align: right; padding: 10px; height: 200px; }