/*
Theme Name: Manga
Description: Un tema hecho especificamente para Einu (http://manga.rhuasa.net)
Version: 1
Author: Edith Quijano
Author URI: http://rhuasa.net

*/


/* General
--------------------------------------------------------------- */
body {
   font: 80%/160% Arial, Helvetica, sans-serif;
   color: #555;
   margin: 0px;
   padding: 0px 0px 40px;
   background: #aaa url(images/woodbg.jpg) top left repeat;
}

a {
   color: #222;
   text-decoration: none;
   outline: none;
}

a:hover {
   color:#000;
}

img.centered {
   display: block;
   margin: 3px auto;
   padding: 5px;
   border: 1px solid #e9e9e9;
   border-top: 0 !important;
   background: #fff;
}

p {
   padding: 0px 0px 15px;
   margin: 0px;
}

/*
em {
   font: italic 100% Georgia, "Times New Roman", Times, serif;
}

small {
   font-size: 90%;
}*/

form {
   margin:0px;
   padding:0px;
}


strong.search-excerpt { background: yellow; }

.mb20 { margin-bottom: 20px !important; }
.mt20 { margin-top: 20px !important; }
.img-container { margin: 0 auto; text-align: center; }
.img-container img { border: 1px solid #CCC; padding: 5px; }

/* Encabezados
--------------------------------------------------------------- */

h1 {
   width: 240px;
   height: 120px;
   text-indent: -9999px;
   background: url(images/name/rotate.php) top left no-repeat;
   position: relative;
   top: 20px;
   left: 400px;
   margin: 0;
}

h1 a {
   display: block;
   width: 100%;
   height: 100%;
}

h2 {
   margin:0; 
   padding:0;
   font: normal 210%/100% "Lucida Grande", Arial, sans-serif; 
   letter-spacing: -1px;
   color: #000;
}

h2 a {
   color: #444444;
}

h3 {
   margin: 0;
   padding: 0;
   font: 160%/110% "Lucida Grande", Arial, sans-serif;
   letter-spacing: -1px;
   color: #000;
}

h4 {
   font: normal 135%/110% "Lucida Grande", Arial, sans-serif;
   padding: 0 0 2px;
   margin: 0;
   letter-spacing: 0;
}

h5 {
   margin: 15px 0 5px;
   padding:0px;
   color: #000;
   font: normal 155%/110% "Lucida Grande", Arial, sans-serif;
}

h6 {
   margin: 10px auto;
   padding: 14px;
   text-align: center;
   font: italic 125%/110% Georgia, Times, serif;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}


/* Estructura
--------------------------------------------------------------- */

#page {
   margin: 0 auto;
   width: 1000px;
   background: transparent url(images/header.png) top center no-repeat;
}

#header {
   margin: 0 auto;
   height: 180px;
   width: 960px;
   background: #FFF url(images/header.png) top center no-repeat;
}

#container {
   margin: 0 auto;
   width: 960px;
   background: #FFF;
}

#sidebar {
   float: right;
   margin: 0 10px 20px;
   width: 300px;
}

#content {
   padding: 0 0 30px;
   margin: 0 20px 10px 30px;
   float: left;
   width: 580px;
}

#footer {
   background: #280F18;
   color: #aaa;
   clear: both;
   padding: 20px 30px 40px;
}

/* Navegacion
--------------------------------------------------------------- */

#navigation {
   margin: 0; padding: 0;
}

#navigation ul.pages {
   margin: 4px 0; 
   padding: 0;
   width: 620px; 
   height:auto;
   list-style:none; 
   float: right;
   text-align: right;
}
	
#navigation ul li {
   margin: 0; 
   padding: 10px;
   display: inline;
}

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
   margin: 0; 
   font: bold 90% Arial, Helvetica, sans-serif; 
   color: #E9E9E9;
}

#navigation ul li a:hover {
   color: #FFF;
   font-weight: bold;
   text-decoration: underline;
}

#navigation ul.pages li.current_page_item a {
   color: #FFF;
   text-decoration: underline;
}


/* Contenido
--------------------------------------------------------------- */

.post {
   clear: both;
   padding: 10px 0 0;
   margin: 0 0 20px;
}

.post-header {
   margin: 10px 0; 
   padding: 0;
   position: relative;
}

.post-title {
   margin:0; 
   padding: 0;
   height:auto;
}

.post-data {
   color: #555;
   margin: 0; 
   padding: 3px 5px 15px;
   width: auto; 
   height: auto;
   display: block;
   font: 90% Arial, sans-serif; 
   border-bottom: 1px solid #CCC;
}

.post-data a {
   color: #666;
   border-bottom: 1px solid #e0dfdf;
   text-decoration: none;
   padding: 0 0 1px 0;
   margin: 0 3px 0 2px;
}

.post-data a:hover {
   color: #000;
   border-bottom: 1px solid #ccc;
   text-decoration: none;
}

.post-data em.extra {
   color: #666;
}

.post-date {
   padding: 5px;
   text-align: right;
   color: #999;
   font: 100%/110% "Lucida Grande", Arial, sans-serif;
   display: inline;
   position: absolute;
   right: 0;
}

.rating {
   margin: 5px 5px 0;
   vertical-align: bottom;
}

.imagen {
   margin: 0 auto;
   text-align: center;
}

.imagen a img {
   padding: 3px;
   border: 1px solid #DDD;
}

.imagen a img:hover {
   padding: 3px;
   border: 1px solid #BBB;
}

.post-content, .comment-content {
   margin: 0; 
   padding: 10px 0 0;
   position: relative;
}

.post-content small,
.post-content sup,
.post-content .footnote {
   font-weight: normal;
   font-size: 85% !important;
}

.post-content ol,
.post-content ul {
   margin: 0px 0px 30px;
}

.post-content .spaced li {
   margin: 0 0 15px;
}

.post-content .enfasis {
   background: #FFFBCC;
   border: 1px solid #E6DB55;
   padding: 5px;
   margin: 0 0 10px;
}

.post-content a {
   border-bottom: 1px solid #D9D9D9;
}

.post-content a:hover {
   border-bottom: 1px solid #999;
}

.more-link {
   color: #763712;
   font-weight: bold;
}

.conclusion {
   font-weight: bold;
   font-size: 115%;
   line-height: 25px;
   color: #000;
   background: url(images/post_conclusion.png) top left no-repeat;
   padding-left: 30px;
   min-height: 25px;
}

.conclusion small {
   font-weight: normal;
   font-size: 85% !important;
}

.prevnext {
   clear: both;
   padding: 15px 0 0;
   display: block;
   border-top: 1px dashed #EBEBEB;
}

.prevnext a {
   border: none !important;
   color: #444 !important;
   font: 140%/100% "Lucida Grande", Arial, sans-serif;
   width: 200px;
}

.prevnext a:hover {
   border: none;
   text-decoration: underline !important;
}

.prevnext .previous a {
   background: url(images/post_anterior.png) no-repeat left top;
   padding: 12px 0 10px 30px;
   float: left;
}

.prevnext .next a {
   background: url(images/post_siguiente.png) no-repeat right top;
   padding: 12px 30px 10px 0;
   float: right;
   text-align: right;
}


/* Paginas
--------------------------------------------------------------- */

.post-content .archivo {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.post-content .archivo li {
   border-bottom: 1px dashed #D9D9D9;
   padding: 8px 3px 3px;
}

.post-content .archivo em {
   width: 150px;
   display: block;
   float: left;
}

.post-content .archivo a {
   border-bottom: 0 !important;
}

.post-content .archivo li,
.post-content .lista_temas li {
   border-bottom: 1px dashed #D9D9D9;
   padding: 8px 3px 3px;
}

.post-content .lista_temas {
   margin: 0 0 40px;
   padding: 0;
   list-style: none;
}

.post-content .lista_temas li p {
   display: inline;
}

.post-content .lista_temas li a {
   display: block;
   width: 125px;
   float: left;
   padding: 3px;
   border-bottom: 0 !important;
}

.post-content .lista_etiquetas a {
   display: block;
   width: 125px;
   border-bottom: 1px dashed #D9D9D9 !important;
   float: left;
   font-size: 12px !important;
   text-transform: capitalize;
   margin: 5px;
   padding: 0 5px;
}

/* Comments
--------------------------------------------------------------- */

#comments {
   margin-top: 15px;
   padding-bottom: 5px;
}

#comments .tabnav {
   margin: 5px 0 20px;
   padding: 0;
}

#comments .tabnav li {
   display: block;
   list-style-type: none;
   padding: 5px 0 0;
   margin: 0 10px 10px;
}
		
.tabnav li.ui-tabs-selected {
   background: url(images/tabnavbg.png) top center no-repeat;
}

.ui-tabs-hide {
   display: none;
}

#comments h3 {
   font-size: 130%;
}

#comments h3 em {
   color: #999;
}

#comments h3 small {
   font: italic 75% Georgia, "Times New Roman", Times, serif;
}

#comments #commentlist, #comments #pinglist {
   list-style: none;
   margin: 10px 0;
   padding: 0;
}

#comments .commentlist li {
   padding: 5px 10px;
   line-height: 140%;
}   
   
.commentlist li .icon .gravatar {
   display: block;
   margin: 0;
   border: 1px solid #DDD;
   background: #FFF;
   padding: 3px;
}

.commenttext {
   margin-bottom: 10px;
}

.commenttext tr .commt {
   padding: 5px;
}

.commenttext tr .commt p {
   padding: 0 !important;
   margin: 0 !important;
}

.commenttext tr .topleft {
   background: url(images/comment-topleft.png) top left no-repeat;
   height: 10px;
   width: 15px;
   margin: 0;
   padding: 0;
}

.commenttext tr .topright {
   background: url(images/comment-topright.png) top right no-repeat;
   height: 10px;
   width: 10px;
   margin: 0;
   padding: 0;
}

.commenttext tr .bottomleft {
   background: url(images/comment-bottomleft.png) bottom left no-repeat;
   height: 10px;
   width: 15px;
   margin: 0;
   padding: 0;
}

.commenttext tr .bottomright {
   background: url(images/comment-bottomright.png) bottom right no-repeat;
   height: 10px;
   width: 10px;
}

.commenttext tr .cleft {
   background: url(images/comment-left.png) top left repeat-y;
}

.commenttext tr .cright {
   background: url(images/comment-right.png) top right repeat-y;
}

.commenttext tr .top {
   background: url(images/comment-top.png) top left repeat-x;
}

.commenttext tr .bottom {
   background: url(images/comment-bottom.png) bottom right repeat-x;
}

.commentauthor {
   font: 140% "Lucida Grande", Arial, sans-serif; 
   letter-spacing: -1px;
   color: #222;
}

.commentauthor a {
   text-decoration: underline;
}

.commentmetadata {
   font-size: 95%;
   line-height: 20px;
}

#comments .answers-header {
   background: url(images/answers-title.png);
   text-indent: -99999px;
   width: 344px;
   height: 36px;
   margin: 30px 0 0;
   padding: 0;
}

#comments-form .comments-header {
   background: url(images/commentform-title.png);
   text-indent: -99999px;
   width: 344px;
   height: 36px;
   margin: 30px 0 5px;
   padding: 0;
}

#commentform {
   margin-left: 10px;
}

#commentform p {
   padding: 6px 0px;
   margin: 0px;
}

#commentform label{
   font-weight: bold;
   color: #666666;
   font-size: 90%;
}

#commentform input {
   width: 200px;
   background: #FFFCD2;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   border-bottom: 1px solid #DDD;
   padding: 3px;
   margin-top: 3px;
}

#commentform textarea{
   width: 478px;
   height: 115px;
   background: #FFFCD2;
   border: 1px solid #DDD;
   padding: 2px;
   margin-top: 3px;
}

#commentform textarea:focus { 
   border: 1px solid #CCC;
}

#commentform input[type="text"]:focus {
   border-bottom: 1px solid #CCC;
}

#commentform #submit{
   margin-right: 100px;
   font: 12px Arial, Helvetica, sans-serif;
   float:right;
   width: 140px;
   height: 29px;
   background: #FE5914 url('images/submit.png');
   border: 0;
}

#commentform #submit:hover{
   text-decoration: underline;
}

#commentform .comment-guidelines {
   text-indent: -999999px;
   background: url(images/guidelines-title.png) top left no-repeat;
   display: block;
   width: 228px;
   height: 29px;
   margin: 20px 0 0 30px;
   padding: 0;
}

#commentform .guidelines {
   background: url(images/guidelines-bg.png) top left no-repeat;
   display: block;
   width: 485px;
   margin: 0;
   padding: 0;
}

#commentform .guidelines ul {
   margin: 0;
   padding: 10px 0 10px 30px;
   font-size: 90%;
}

#commentform .guidelines ul li {
   padding: 5px 0;   
}

#commentform .guidelines ul li code {
   font-size: 130%;
}


/* Sidebar
--------------------------------------------------------------- */

#sidebar a                    { color: #763712; }
#sidebar a:hover              { text-decoration: underline; }

#sidebar h3                   { width: 290px; height: 25px; text-indent: -9999px; margin: 40px 0 10px 10px; }
#sidebar h3.activos           { background: url(images/activos.png) top left no-repeat; }
#sidebar h3.recientes         { background: url(images/recientes.png) top left no-repeat; }
#sidebar h3.populares         { background: url(images/populares.png) top left no-repeat; }

#sidebar em                   { display: block; font-style: normal }
#sidebar small                { font-size: 80%; }

#sidebar .twitter             { padding-top: 10px; background: url(images/twitter.png) center left no-repeat; padding-left: 80px; margin-top: 30px; }
#sidebar .twitter h4          { border-bottom: 1px solid #C3E8F9; padding-left: 3px; margin-bottom: 3px; }
#sidebar .twitter h4 strong,
#sidebar .twitter h4 strong a { color: #0385C7; border-bottom: 0 !important; }
#sidebar .twitter h4 small    { font-size: 70%; }
#sidebar .twitter em          { font: 85% Arial; }

#sidebar .important           { font: 12px/22px Arial, Helvetica, sans-serif; margin: 0 -15px 10px 0; padding: 20px; background: #FCF7BD; }
#sidebar .important h4        { color: #000; font-style: italic; font-weight: bold; }
#sidebar .important a         { font-weight: bold; }

#sidebar ul.activos, 
#sidebar ul.popular           { margin: 0 20px 0 30px; padding: 0; list-style: square; }
#sidebar ul.activos li, 
#sidebar ul.popular li        { padding: 5px 0; list-style:square outside url("images/bull.png");}


#sidebar .review              { margin: 0 0 0 10px; padding: 0; }
#sidebar .review small        { margin: 0; padding: 0 0 3px; display: block; border-bottom: 1px solid #e4e4e4; font-size: 90%; }
#sidebar .review em           { display: block; margin: 3px 5px; text-align: right; }


/* Searchform
--------------------------------------------------------------- */

#searchform                   { width: 240px; margin: -30px 35px 20px 0; padding: 10px 10px 10px 10px; float: right; }
#searchform #s                { width: 180px; height: 22px; padding: 2px 5px 0px 5px; border: 1px solid #DDD; background: #FFF; vertical-align: middle; }
#searchform #searchsubmit     { border: none; width: 28px; height: 24px; font: bold 12px Arial, Helvetica, sans-serif; 
                               color: #FFFFFF; background: #FE5914; vertical-align: middle;}
#searchform 
#searchsubmit:hover           { background: #FF912A; }


/* Footer
--------------------------------------------------------------- */

#footer .left-col             { width: 400px; float: left; }
#footer .right-col            { width: 140px; float: right; padding-right: 10px; padding-left: 10px; background: url(images/footer-right-bg.gif) no-repeat; }

#footer h4                    { width: 140px; height: 25px; text-indent: -9999px; }
#footer h4.intro              { background: url(images/footer_intro.png) top left no-repeat; }
#footer h4.info               { background: url(images/footer_info.png) top left no-repeat; }
#footer h4.compulsion         { background: url(images/footer_compulsion.png) top left no-repeat; }
#footer h4.lares              { background: url(images/footer_lares.png) top left no-repeat; }

#footer a                     { color: #fff; }
#footer a:hover               { color: #ccc; }
#footer ul                    { margin: 0; padding: 0; list-style: none; }
#footer ul li                 { border-bottom: 1px solid #443338; margin: 0; padding: 2px; }

#credits                      { margin: 5px auto; color: #CCC; font-size: 95%; line-height: 120%; }
#credits a                    { color: #FFF; }
#credits a:hover              { text-decoration: underline; }

.rss                          { background: url(images/mini-rss.gif) no-repeat left center;  padding-left: 18px; padding-bottom: 2px; margin-left: 10px; }

.left                         { float: left; }
.right                        { float: right; }


/* Extras
--------------------------------------------------------------- */

.clearfix:after               { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix                     { display: inline-block; }
html[xmlns] .clearfix         { display: block; }
* html .clearfix              { height: 1%; }

.clear                         { clear:both; }
hr.clear                       { clear:both; visibility: hidden; margin: 0px; padding: 0px; }