/* CSS Document */
/* Esse é o meu reset. 
Utilizei esse mais simples pois para o meu projeto não precisava do mais completo */
*{margin:0;padding:0;list-style:none;border:none;}
/* Tags gerais */
body{background:#484040 url(../img/bg.jpg) repeat-x;font:normal 11px verdana, Arial,Helvetica,sans-serif;}
h2{font-size:18px;margin-bottom:3px;}
p{margin-bottom:5px;}
a{color:#6D2725;text-decoration:none;}
a:hover{color:#f0aa58;}
input{vertical-align:middle;}
dt{font-weight: bold; padding:5px 0;}
pre{display:block;background:#eee url(../img/bg-code.jpg) no-repeat;margin:10px 0; padding-left:45px; font-size:12px;}
/* #all Meu conteiner */
#all{width:700px;margin:0 auto;}
/* Agrupei os id´s e apliquei o Fixe float */
#hd, #bd, #breadcrumps, #ft{clear:both;float:none;overflow:auto;}
/* Head #hd */
/* As duas linhas a baixo são o meu Text indent */
#hd{height:242px;background:url(../img/bg-hd.jpg) no-repeat center;font-size:15px;}
#hd #logo h1{text-indent:-10000px;}
/* #hd menu */
#hd ul{margin:0 auto;margin-top:149px;width:440px;}
#hd ul li{float:left;margin:0 auto;}
#hd ul li a{display:block;color:#fff;padding:8px 15px;text-decoration:none;}
#hd ul li a:hover{color:#f0aa58;background:#6D2725;}
/* para indicar as teclas de atalhos */
#hd span{text-decoration:underline;}
/* #bd body, usei css3 para arredondar os cantos */
#bd{background:#fff;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
/* Coluna 1 #col1  */
#col1{width:430px;float:left;}
#col1 .post{margin-bottom:10px;border-bottom:1px dotted #ccc;}
#col1 h2{background:url(../img/marcadortitulos.gif) no-repeat left center;padding-left:40px;}
#col1 img{border:1px solid #ccc;margin-bottom:5px;}
#col1 .leiamais{margin-bottom:10px;display:block;text-align:right;}
/* breadcrumps */
#breadcrumps li{float:left;padding:5px 2px;}
/* paginação */
#paginacao{clear:both;}
#paginacao li{float:left;}
#paginacao li a{display:block;border:1px solid #ccc;padding:5px;}
/* Coluna 2 #col2  */
#col2{width:220px;padding:15px;float:right;background:url(../img/bg-col2.jpg) no-repeat;}
#col2 h2{font-size:12px;border-bottom:1px dotted #ccc;padding-bottom:5px;margin:0;}
#col2 p{padding:10px 0;}
/* aqui estou usando seletores de atributo, para formatar os inputs da busca */
#col2 form{margin-bottom:10px;}
#col2 form label{display:none;}
#col2 input[type=text]{background:url(../img/bg-pesquisar.jpg) no-repeat right;padding-right:20px;border:1px solid #5c2723;width:118px;}
#col2 input[type=button]{background:url(../img/bt-pesquisar.jpg) no-repeat;border:0; height:18px; width:75px;cursor:pointer;}

/* Arquivos e recomendados */
#col2 ul{margin-bottom:20px;}
#col2 ul li a{border-bottom:1px dotted #ccc;display:block;padding:5px 0 5px 16px;background:url(../img/marcadorlinks.gif) no-repeat;}
/* aqui estou usando sprite, para mudar a o posicionamento da imagem do marcador */
#col2 ul li a:hover{background-position:0 -21px;}
/* sub menu */
#col2 ul li ul{display:none;}
#col2 ul li:hover ul{display:block;}
/* aqui estou usando o meu sprite, para mudar a o posicionamento da imagem do marcador do sub menu */
#col2 ul li ul li a{padding-left:30px;background-position:15px 0;}
#col2 ul li ul li a:hover{background-color:#f9f9f9;background-position:15px -21px;}
/* Twitter */
#col2 #twitter{display:block;cursor:pointer;background:url(../img/twitter.jpg) no-repeat right;height:146px;width:200px;margin-top:20px;}
#col2 #twitter h2{display:none;}
/* contato */
#contato input{margin:5px;vertical-align:middle;border:1px solid #5c2723;}
#contato textarea{margin:5px;vertical-align:middle;border:1px solid #5c2723;}
#ft{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;margin:5px 0;padding:10px;}
#ft address{text-align:center;}