/*
+----------------------------------------------------------------+
  Definicoes Gerais
+----------------------------------------------------------------+
*/


*{
margin:0;
padding:0;
}

body{
  background:url(../img/bg.jpg) repeat-x;
  color: #060009;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  }

img {
  border: none;
}

/** reset das tags do HTML5. */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu {
  display:block;
}

/*
+----------------------------------------------------------------+
  Tudo
+----------------------------------------------------------------+
*/


#tudo {
  width:990px;
  margin:0 auto;
  }

/*
+----------------------------------------------------------------+
  Topo
+----------------------------------------------------------------+
*/

header {
  background:url("../img/topo/bg.jpg") no-repeat;
  height:350px;
  position:relative;
  }

header h1 a, header #rss {
  display:block;
  height:70px;
  top:18px;
  position:absolute;
  text-indent:-10000px;
  width:390px;
}

header a#rss {
  background:url("../img/topo/rss.jpg") 14px -7px no-repeat;
  right:50px;
  top:80px;
  width:260px;
  height:150px;
}

header a#rss:hover {
   background-position: -250px 0;
}


/*
  Acessibilidade
*/
header #acessibilidade {
  color:#fff;
  font-size:10px;
  position:absolute;
  right:0;
}

header #acessibilidade ul {
  list-style:none;
}

header #acessibilidade ul li {
  display:inline;
}

header #acessibilidade ul li a {
  color:#fff;
  text-decoration:none;
}

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



/*
  Menu
*/
header nav#menu {
  background:url("../img/topo/nav/bg.jpg") bottom repeat-x;
  position:absolute;
  bottom:50px;
  height:84px;
  width:100%;
}


header nav#menu li {
  list-style:none;
  display:inline;
  }

header nav#menu li a {
  color:#fff;
  font:bold 30px Arial, Helvetica, sans-serif;
  float:left;
  margin-right:30px;
  padding-bottom:18px;
  text-decoration:none;
  }

header nav#menu a:hover, header nav#menu a.selecionado{
  background:url("../img/topo/nav/marcador.jpg") no-repeat bottom center;
  color:#fff;
  border-color:#00f;
  }



/*
  breadcrumb
*/
header nav#breadcrumb {
  position:absolute;
  bottom:55px;

}

header nav#breadcrumb a {
  color:#fff;
}

header nav#breadcrumb p {
  font:italic 16px Georgia, "Times New Roman", Times, serif;
  float:left;
  margin-right:10px;
}

header nav#breadcrumb ul {
  background:#fff;
  border:1px solid #69D2E7;
  -moz-border-radius:8px;
  float:left;

}

header nav#breadcrumb li {
  background:url("../img/topo/breadcrumb/separador.jpg") center right no-repeat;
  list-style:none;
  display:inline;
  padding-right:20px;
  }


header nav#breadcrumb li:first-child  {
  padding-left:10px;
}

header nav#breadcrumb li:last-child, header nav#breadcrumb li.selecionado  {
  background:none;
  padding-right:10px;
}



/*
+----------------------------------------------------------------+
  principal
+----------------------------------------------------------------+
*/
#principal {
  width:650px;
  float:left;
  }


#principal h1, #principal h2, #principal h3, #principal h4, #principal h5 {
  color:#FA6900;
  font:35px Arial, Helvetica, sans-serif;
}

#principal h2, #principal h3, #principal h4, #principal h5 {
  border-bottom:1px solid #eee;
  color:#69D2E7;
  font-size:25px;
  margin-top:30px;
}

#principal h3, #principal h4, #principal h5 {
  border:0;
  font-size:20px;
}

#principal h4 {
  font-size:20px;
}

#principal h5 {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}

#principal h1 a, #principal h2 a {
  color:#FA6900;
  text-decoration: none;
}

#principal h1 a:hover, #principal h2 a:hover {
  text-decoration: underline;
}

#principal h2 a {
  color:#69D2E7;
}

#principal p {
  margin-bottom:10px;
  line-height:1.6;
}


#principal a {
  color:#FA6900;
}

#principal a:hover {
  text-decoration:none;
}

#principal a[href^="http://"]{
  background: url("../img/link-externo.gif") no-repeat right center;
  padding-right:15px;
}

#principal ul, #principal ol {
  margin:10px 0 10px 30px;
}

#principal li {
  margin-bottom:5px;
}


#principal table, #principal tr, #principal th,  #principal td { border: 1px solid #eee; border-collapse:collapse; margin: 10px; padding:8px; }
#principal table { margin: 10px auto; }
#principal thead { background: #73A08C;  color:#fff; }

#principal hr { border:none; background:#ccc; height:1px; margin:10px 0; }

#principal pre { background:#EFF2F5; border:1px solid #ccc; font-family:"Courier New", Courier, monospace; margin:10px 3%; padding:10px;  width: 90%; overflow: auto; }

#principal code { color:#008200; font-family:"Courier New", Courier, monospace; }


#principal .observacao, #principal .destaque, #principal .dica {
  background:#FFE14D url("../img/observacao.jpg") no-repeat 5px 5px ;
  border:1px solid #ED8301;
  -moz-border-radius:5px;
  margin:10px 0;
  padding:10px 10px 10px 60px;
}

#principal .destaque {
  background-color: #5A9CD3;
  background-image: url("../img/destaque.jpg");
  border-color:#0056A6;
}

#principal .dica {
  background-color: #B0FFB0;
  background-image: url("../img/dica.jpg");
  border-color:#004F00;
}

#principal .flash_good, #principal .flash_bad {
  background:#B0FFB0 url(../img/flash-good.gif) no-repeat  6px;
  border:solid 1px #0F0;
  margin:10px 0;
  -moz-border-radius:5px;
  padding:15px 10px 15px 45px;
}

#principal .flash_good {


}

#principal .flash_bad {
  background-image: url("../img/flash-bad.gif");
  background-color: #eccecf;
  border-color:#f00;
}

#principal .error-message{
  color:red;
}

/*
  Lista artigos
*/

.entrada {
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
}

p.continue_lendo {
  text-align:right;
}

#paginacao {
  margin-top:20px;
}

#paginacao p {
  font:italic 16px Georgia, "Times New Roman", Times, serif;
}

#paginacao p, #paginacao ul {
  float:right;
}

#paginacao li {
  list-style:none;
  display:inline;
  }

#paginacao li a {
  background:#E0E4E5;
  color:#FA6900;
  float:left;
  margin-left:5px;
  -moz-border-radius:5px;
  padding:5px;
  text-decoration:none;
  }

#paginacao li a:hover {
  background:#FA6900;
  color:#E0E4E5;
}

#paginacao li a.selecionado {
  background:#9EADAF;
  color:#fff;
}


/*
  Artigo
*/

#artigo {}

#artigos_vizinhos {
  margin:20px 0;
}

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

#artigos_vizinhos li {
  display:inline;
  float:left;
  margin-right:10px;
  padding:0 5px;
  text-align:center;
  width:180px;
}

#artigos_vizinhos li a {
  display:block;
}

#artigos_vizinhos li:first-child {
  text-align:right;
  padding-left:20px;
}

#artigos_vizinhos li:last-child {
  text-align:left;
  padding-right:20px;
}

#artigo_rodape {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding-bottom:30px;
}

#principal #artigo_rodape h3 {
  margin-top:10px;
}

#principal #artigo_rodape a.tag {
  background:#FA6900;
  color:#F7F7F7;

  border:1px solid #ccc;
  padding:1px 10px 2px;
  line-height:2.0;
  -moz-border-radius:10px;
  text-decoration:none;
}

#principal #artigo_rodape a:hover.tag {
  background:#F7F7F7;
  color:#FA6900;
}

#artigo_comentarios {}

#artigo_comentarios h2 {
  border-bottom:0;
}

#artigo_comentarios article {
  background:#f7f7f7;
  border:2px solid #CCC;
  margin-bottom:10px;
  padding:10px;
  -moz-border-radius:10px;
}

#artigo_comentarios .meta strong {
  color:#69D2E7;
}

#adicionar_comentario {
}

#adicionar_comentario label, #adicionar_comentario input {
  display:block;
}

#adicionar_comentario input[type="text"], #adicionar_comentario textarea {
  border:1px solid #ccc;
  padding:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:250px;
}

#adicionar_comentario input[type="text"]:focus, #adicionar_comentario textarea:focus {border:1px solid #FA6900;}



#adicionar_comentario .input { margin-bottom:10px; }

/*
+----------------------------------------------------------------+
  Navegação
+----------------------------------------------------------------+
*/

#navegacao {
  border:1px solid #eee;
  float:right;
  width:300px;
  }


/*
  Titulos
*/
#navegacao h3 {
  background: url("../img/navegacao/icones.jpg") 10px 10px no-repeat;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  color:#FA6900;
  font:25px Arial, Helvetica, sans-serif;
  padding:30px 0  30px 90px;

}

#navegacao h3:first-child {
  border-top:none;
}

#navegacao h3#comentarios {
 background-position: 10px -73px;
}

#navegacao h3#dicas {
 background-position: 10px -155px;
}



/*
  Menus
*/
#navegacao ul {
  margin-bottom:40px;
}

#navegacao li {
  list-style: none;
}

#navegacao li a {
  color: #060009;
  display: block;
  padding: 5px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
}

#navegacao li a:hover {
  background-color: #F7AE74;
}

#navegacao li a strong {
  color:#FA6900;

}

#navegacao ul#livros li {
  text-align:center;
  float:left;
  width:100px;
}

#navegacao ul#livros li img {
  margin: 7px 0;
}

/*
+----------------------------------------------------------------+
  Rodapé
+----------------------------------------------------------------+
*/
footer#rodape {
  background:#F57D21 url("../img/rodape/bg.jpg") repeat-x;
  color:#fff;
  clear:both;
  margin-top:20px;
  padding:20px 10px;
  text-align:center;
  }

footer#rodape a {
  color:#fff;
}

footer#rodape a:hover {
  text-decoration: none;
}

footer#rodape ul {
  list-style:none;
  margin-bottom:10px;
}

footer#rodape ul li {
  display:inline;
}



/*
+----------------------------------------------------------------+
  Classes
+----------------------------------------------------------------+
*/
.img-left {float:left; margin-right:5px;}
.img-right {float:right; margin-left:5px;}
.center {text-align:center;}
.clear { clear:both; }
.clearfix {  overflow:hidden; }


/*
+----------------------------------------------------------------+
Cake tabela SQL
+----------------------------------------------------------------+
*/

table.cake-sql-log, table.cake-sql-log tr, table.cake-sql-log th, table.cake-sql-log td, table.cake-sql-log caption {
  border: 1px solid #28231D;
  border-collapse:collapse;
  padding:5px;
}
table.cake-sql-log.cake-sql-log {
  background-color:#FFFFFF;
  text-align: left;
  margin: 0 auto;
}

table.cake-sql-log caption {
  background: blue;
  color:#fff;
  font-size:16px;
}

/*
+----------------------------------------------------------------+
Home
+----------------------------------------------------------------+
*/

#artigo_novo {
  width:100%;
  clear:both;
  overflow:hidden;
}

#artigo_novo img {
  float:left;
  margin:10px 10px 10px 0;
}

#o_que {
  float:left;
  width:300px;
}

#objetivo{
  float:right;
  width:300px;
}