/* 
Theme Name: Spaço
Theme URL: http://spacocomunicacao.com.br
Description: Spaço Comunicação.
Author: Daniel Emiliano de Moura
Author URI: http://www.danielemiliano.com.br
Version: 1.0
Tags: spaco, comunicacao
*/


/* ============================ Reset do CSS ============================ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0px none; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline} 

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {}
blockquote, q {}


/* ============================ Elementos HTML ============================ */

body {
background-position: center top;
background-color: #F3C421;
background-image:url('images/background.jpg');
background-repeat:no-repeat;
font-family: trebuchet-MS, Tahoma, Arial, Verdana, Helvetica, Sans-serif;
font-size: 13px;
color: #294D69;
}

table, tr {
background:#ececec;
border: 0px none;
}

thead, th {
font-weight: bold;
color: #000;
text-align: left;
padding: 6px;
background: #fff;
}

td {
text-align:center;
background:#fff;
padding:6px;
color: #000;
}

code, pre {
background:#ececec;
color:#000;
display:block;
direction:ltr;
text-align:left;
margin:8px 2px;
padding:5px;
overflow:auto;
}

.clear {clear:both;}

a {text-decoration: none; color: #294D69;}

a:hover {text-decoration: underline;}

p {margin: 10px 0 10px 0;}




/* ============================ Formatação do Menu ============================ */



.menu-hh { display: table; }
.menu-hh * { margin: 0; padding: 0;}
.menu-hh a { display: block;}
.menu-hh li { list-style: none; float: left; height: 1%;}
.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;}
 
/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width: 800px;}
.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */
.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}
.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}

/* visual */
.menu-hh {position: absolute; top: 63px; left: 50%; z-index: 100; margin-left: -90px; width: 515px;}
.menu-hh a { font-family: Trebuchet MS, Arial, tahoma, Sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; color: #2A4C6A; line-height: 20px;}
.menu-hh a:hover { color:#fff;}
.menu-hh ul li {margin: 0 4px 0 4px}
.menu-hh ul li ul { position: absolute; background-image: url('images/barrabaixo.gif'); background-repeat: no-repeat; background-position: left bottom; width: 600px; padding: 10px 8px 0 8px; margin: -10px 0 0 -290px}
.menu-hh ul li ul li{ margin: 0;}
.menu-hh ul li ul li a{ color:#fff; font-size: 12px; padding: 8px 10px 8px 10px;}
.menu-hh ul li ul li a:hover{ background-image: url('images/barrabaixohover.gif');}
  
.bothome a {padding: 12px 14px 12px 14px}
.bothome a:hover{background-image: url('images/bot01.gif'); background-repeat: no-repeat; background-position: left bottom;}
.bothome_curent a {padding: 12px 14px 12px 14px; background-image: url('images/bot01.gif'); background-repeat: no-repeat; background-position: left bottom;}
 
.botempresa a {padding:  12px 14px 12px 14px}
.botempresa a:hover {background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botempresa_curent a {padding:  12px 14px 12px 14px; background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom;}
 
.botportfolio a {padding: 12px 15px 12px 14px}
.botportfolio a:hover {background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botportfolio_curent a {padding: 12px 15px 12px 14px; background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom;}


.botcontato a {padding: 12px 15px 12px 15px}
.botcontato a:hover {background-image: url('images/bot03.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botcontato_curent a {padding: 12px 15px 12px 15px; background-image: url('images/bot03.gif'); background-repeat: no-repeat; background-position: left bottom;}

.botblog a {padding: 12px 14px 12px 15px}
.botblog a:hover {background-image: url('images/bot04.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botblog_curent a {padding: 12px 15px 12px 15px; background-image: url('images/bot04.gif'); background-repeat: no-repeat; background-position: left bottom; color:#fff;}


/* ============================ Formatação da página ============================ */

.leiamais {
background-image: url('images/baraleiamais.gif'); 
background-repeat: no-repeat;
background-position: right top;
width: 362px;
padding: 8px 25px 9px 10px;
margin-top: 10px;
text-align: right;
color: #fff;
font-weight: bold;
font-size: 12px;
left: 450px;
position: relative;
}

.leiamais a{
color: #fff;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

.leiamais a:hover{
text-decoration: underline;
}


.procura {
position:absolute;
height: 52px;
width: 612px;
background-image: url('images/barradepesquisa.gif'); 
background-repeat: no-repeat;
background-position: left top;
top: 150px;
right: 0px;
}

.procura_alinhamento {
position:absolute;
right: 40px;
margin: 10px;
}

.campoform {
font-size: 18px;
color: #999999;
font-weight: bold;
font-style: italic;
border: 0px none;
width: 205px;
padding: 4px 0 4px 0;
}


#logo {
width: 187px;
height: 49px;
position: absolute;
top: 38px;
left: 50%;
margin-left: -410px;
}

#main {
left: 50%;
width:850px;
margin:0 0 0 -425px;
position: relative;
min-height: 100%;
padding-bottom:0px;
}

#header {
height:210px;
width:100%;
}

#navigation {
text-align:right;
background-image: url('images/barranavegacao.gif'); 
background-repeat: no-repeat;
background-position: left top;
}

#navigation ul {
margin:10px 0 0 0;
padding:10px 18px 10px 0;
}

#navigation ul li {
display: inline;
}

#content {
padding:0 2px 0 2px; 
}



/* ============================ Formatação das postagens ============================ */


.barra_titulo {
background-image: url('images/barratittulo.jpg'); 
background-repeat: no-repeat;
background-position: left top;
height: 70px;
width: 859px;
padding-bottom: 20px;
}

.barra_titulo_resultado {
background-image: url('images/barratittulo.jpg'); 
background-repeat: no-repeat;
background-position: left top;
height: 70px;
width: 859px;
padding-bottom: 20px;
color: #fff;
font-weight: bold;
font-size: 28px;
font-style: italic;
}

.data_mes {
position: absolute;
color: #fff;
margin: -48px 27px 0 0;
font-size: 23px;
left: 800px;
}

.data_dia {
position: absolute;
color: #fff;
margin: -24px 25px 0 0;
font-size: 36px;
font-weight: bold;
font-style: italic;
left: 785px;
}


#post {
padding:0 5px 0 5px;
margin:10px 0 0 0;
}

#post h2{
padding: 18px 0 5px 70px;
}

#post h2 a{
margin:0;
font-size: 28px;
font-style: italic;
font-weight: bold;
color: #fff;
text-decoration: none;
display: block;
}

#post h2 a:hover{
text-decoration: underline;
}



#postmeta {
height: 20px;
}

#postmeta ul {
list-style:none;
padding:0;
margin: 0;
}

#postmeta ul li {
display: inline;
}

#postmeta ul li a {
color:#294D69;
font-size:11px;
}

#postmeta ul li a:hover {
text-decoration: underline;
}

#postnavigation {
text-align:right;
background-image: url('images/barranavegacao.gif'); 
background-repeat: no-repeat;
background-position: left top;
}

#postnavigation ul {
margin:0;
padding:10px 18px 10px 0;
}

#postnavigation ul li {
display: inline;
}





/* ============================ Formatação dos comentários ============================ */


.botvoltar {
position: relative;
text-align: right;
padding: 0 0 20px 0;
}

#comments {
background:#294D69;
margin:0;
padding:10px 20px 10px 20px ;
color: #fff;
}

#comments ul {
list-style:none;
margin: 0;
padding:0;
}

.titulocomentario {
font-size: 20px;
font-weight: bold;

}

.singlecomment {
padding:3px;
margin:5px 0 5px 0px;
}

.singlecomment li {
background:#446588;
padding:10px;
margin:5px 0 5px 0px;
}

.singlecomment li a{
color: #fff;
font-weight: bold;
}


#commentsform input{
overflow:auto;
}

#commentsform textarea{
overflow:auto;
}



/* ============================ Formatação do Sidebar ============================ */



#sidebar {
text-align:center;
padding:2px 0px 2px 0px;
margin:0 0 0 0;
}

#sidebar h2 {
margin:2px 20px 2px 20px;
background:#68bdff;
padding:2px 0 2px 0;
color:#000;
font-size:16px;
}

#sidebar ul {
list-style:none;
margin: 0;
padding:0;
}

#sidebar ul li {
margin:1px 20px 2px 20px;
}

#sidebar ul li a {
margin:0;
padding: 4px 10px 2px 10px;
display: block;
text-decoration: none;
background:#ececec;
}

#sidebar ul li a:hover {
background:#f4f4f4;
}


/* ============================ Formatação de alinhamento ============================ */


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0px none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* ============================ Formatação do Rodapé ============================ */

#rodape {
position: absolute;
width: 100%;
height: 158px;
background-image:url('images/rodape.gif');
}

#rodape_centro {
position: relative;
width: 885px;
height: 158px;
left: 50%;
margin-left: -443px;
background-image: url('images/rodape_meio.gif');
background-repeat: no-repeat; 
background-position: left  bottom;
}

.rodape_texto {
float: left;
padding: 105px 0 0 160px;
font-size: 11px;
font-weight: bold;
}

.rodape_icone {
float: right;
padding: 95px 15px 0 0;
}