/*
Theme Name: Zelda
Theme URI: unknown
Description: Um tributo ao Zelda.
Author: Leonardo Maciel, Fabio Ortolan
Author URI: unknown
Version: 2.0
*/

body {
 font-family: "Trebuchet MS";
 margin: 0;
 padding: 0;
 background: #209860 url("imagens/fundo.png") repeat-y top ;
}

img {
 border: 0 none;
 margin: 0 auto;
}

/* -- */

#conteiner {
 width: 850px;
 margin: 0 auto;
}

/* -- */

#topo {
 height: 199px;
 font-size: 14px;
 margin: 10px 0;
 background: url("imagens/fundo_topo.png") no-repeat  515px 17px;
}

#topo h1 {
 float: left;
}

#topo cite {
 display: block;
 padding: 160px 20px 0 0;
 font-weight: bold;
 text-align: right;
}

#topo p {
 margin: 0 20px 0 0;
 text-align: right;
}

/* -- */

#sidebar {
 margin: 0 0 0 5px;
 padding: 0;
 float: left;
 width: 180px;
 font-size: 10pt;
}

#sidebar h2 {
 font-size: 12pt;
 margin: 5px 0 8px 8px;
 padding-left: 20px;
}

#sidebar h2.principal {
 background: transparent url("imagens/heart.gif") no-repeat left;
}

#sidebar h2.conteudo {
 background: transparent url("imagens/book.gif") no-repeat left;
}

#sidebar h2.arquivos {
 background: transparent url("imagens/box.gif") no-repeat left;
}

#sidebar h2.membros {
 background: transparent url("imagens/link.gif") no-repeat left;
}

#sidebar h2.parceiros {
 background: transparent url("imagens/triforce.gif") no-repeat left;
}

#sidebar h2.busca {
 margin: 0;
 padding: 5px 0 8px 8px;
}

#sidebar ul {
 margin: 0 0 10px 30px;
 padding: 0;
 list-style-image: url("imagens/boomerang.gif");
 list-style-type: square;
}

#sidebar ul ul {
 list-style-type: square;
 margin: 0 0 10px 0;
 padding-left: 10px;
}

#sidebar li {
 margin: 0;
 padding: 0;
}

#sidebar li li {
 margin-left: 10px ;
}

#sidebar p {
 margin: 5px 0 5px 8px;
}

#sidebar form {
 padding: 0;
 margin: 0;
}

#s {
 width: 156px;
}

#sidebar .boxe {
 margin: 0 0 10px 0;
 background-color: #c7e0c7;
}

#sidebar .rss a {
  text-decoration: none;
  vertical-align: middle;
}

#sidebar .search a {
  text-decoration: none;
  vertical-align: middle;
}

/* -- */

#conteudo {
 float: right;
 width: 650px;
 font-size: 10pt;
 margin: 0 5px 5px 0;
 text-align: justify;
}

#conteudo h1 {
 margin: 5px 0 10px 5px;
 font-size: 16pt;
 text-align: left;
}

#conteudo h2 {
 margin: 7px 7px 3px 5px;
 border-bottom: 1px solid #386cb5;
}

#conteudo p.data {
 background: transparent url("imagens/calendario.png") no-repeat left;
 font-size: 9pt;
 padding-left: 25px;
 font-weight: bold;
}

#conteudo h3 {
 margin: 7px 7px 3px 5px;
}

#conteudo p {
 line-height: 20px;
 margin: 7px 7px 7px 5px ;
}

#conteudo em {
  font-size: 9pt;
}

#conteudo li {
 line-height: 20px;
 margin: 7px 7px 3px 5px;
 padding: 0;
}

#conteudo a {
 color: #386cb5;
}

#conteudo img {
 vertical-align: middle;
}

#conteudo hr.sep  {
  width:636px;
  margin:10px auto;
  clear: both;
  border: 0px solid #fff;
  border-bottom: 1px solid #386cb5;
}

#conteudo .author {
 font-weight: bold;
 background: transparent url("imagens/hr.gif") no-repeat top center; 
 padding: 10px 0 0 0;
 margin: 0 0 10px 0;
 clear: both;
}

#conteudo .author img {
 border: 1px solid #333;
 margin: 2px 2px 0 4px; 
}

#conteudo .navigation {
 text-align: center;
 color: #00e;
}

#conteudo .navigation a {
 color: #00e;
}

#conteudo .foto {
 margin: 0 5px;
 padding: 5px;
 border: 2px outset #777;
}

#conteudo .resumo {
 border: 3px ridge #777;
 float: right;
 width: 220px;
 margin: 0 7px 0 5px;
 background-color: #e9f9f9;
 background-image: url("imagens/mini-fundo.png");
}

#conteudo .info {
 border: 2px ridge;
 float: middle;
 width: 620px;
 margin: 15px 7px 15px 5px;
 padding: 5px 1px 5px 10px;
 background-color: #e9f9f9;
 background-image: url("imagens/mini-fundo.png");
 font-weight : bold;
 font-size: 17px;
}

#conteudo .boxe {
 margin: 0 0 10px 0;
 background-color: #fff;
}

#conteudo .intro:first-letter {
 font-size : 420%;
 font-weight : bold;
 float: left;
 line-height: 40px;
 margin: 0 5px 0 0;
}

/* -- */

#conteudo .wp-caption {
 border: 1px solid #ddd;
 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;
}

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

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

/* -- */

#commentlist {
 list-style-position: inside;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#commentlist li {
 margin: 0 10px 5px 10px;
 border: 2px solid #ccc;
}

#commentlist li.bypostauthor {
 background-color: #c7e0c7;
 border: 2px solid #307030;
}

#commentlist .avatar {
 border: 1px solid #333;
 text-align: left;
 margin: 2px 2px 0 4px;
}

/* -- */

#rodape {
 clear: both;
 border-top: 3px solid #50BF50;
 text-align: center;
 font-size: 12px;
}

#rodape p {
   margin: 3px 0;
}

/* -- */

.thumbnail{
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
  background-color: white;
  padding: 5px;
  left: -1000px;
  border: 1px ridge black;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 5;
  left: -150px; /*position where enlarged image should offset horizontally */
}

/* -- */

#conteudo .caixa {
  width: 570px;
  margin: 0 auto;
  background: url("imagens/caixa_miolo.png") repeat-y;
}

#conteudo .caixa h2 {
  font-size: 15pt;
  margin: 0;
  padding: 15px 0 0 15px; 
  border-bottom: none;
  background: url("imagens/caixa_topo.png") no-repeat;
}

#conteudo .caixa img {
  margin-top: 17px;
  display: inline; 
  float: left;
}

#conteudo .caixa img.snes {
  margin-left: 45px;
}

#conteudo .caixa img.master {
  margin-left: 27px;
}

#conteudo .caixa ul {
  list-style-image: url("imagens/seta.png");
  background: url("imagens/caixa_baixo.png") bottom no-repeat;
  padding-bottom: 15px; 
}

#conteudo .caixa li {
  margin-left: 100px;
  width: 150px;
  font-size: 13pt;
}


/* -- */

.sombra { 
  float:right;
  background: url("imagens/sombra.png") no-repeat bottom right;
  margin: 10px 0 0 10px;
  margin: 10px 0 0 5px;
}
.sombra img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -12px 6px 6px 0px;
}

/* -- */

blockquote {
  margin: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 95%;
}

blockquote > *:first-child {
  text-indent:-14px;
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  background-color: #e9f9f9;
}

blockquote > *:first-child:before {
  background:url(http://retrofantasy.com.br/wp-content/themes/zelda/imagens/left-quote.png) no-repeat 100% 50%;
  content:"\00A0";
  padding:2em;
  padding-left:0;
}

blockquote > *:last-child:after {
  background:url(http://retrofantasy.com.br/wp-content/themes/zelda/imagens/right-quote.png) no-repeat 10% 50%;
  content:"\00A0";
  padding:2em;
}

* html blockquote * {text-indent:-6px;} /* fix IE6 */