/*
Description: Menéame main CSS file
Version: 4.0
Last updated: 22:32 19/06/2008
Site URI: http://meneame.net
Authors: Ricardo Galli and Benjamí Villoslada. CSS by Damián Vila
Licence: Affero GPL License (http://meneame.net/COPYING)
Comments: This file contains only styles without colors or images. A separate file with colors and images is available.
*/

html * {
margin: 0;
padding: 0;
}

body {
font-family: sans-serif;
font-size: 87.5%; /* font size 14px */
text-align: center;
}

a {
text-decoration: none;
outline: none;
vertical-align: baseline;
}

a:hover, a:focus {
text-decoration: underline;
}

#wrap {
min-width: 68em; /* 952px */
max-width: 85.72em; /* 1200px */
margin: 0 auto;
text-align: left;
border: 1px solid;
}

#header {
height: 1.79em; /* 25px */
overflow: hidden;
}

#logo {
display: block;
float: left;
width: 14.71em; /* 206px */
height: 1.79em;
text-indent: -9999px;
}

#headtools {
text-align: right;
padding: 0 .71em;
vertical-align: middle;
}

#headtools li {
font-size: 0.79em; /* 11px */
display: inline;
float: right;
margin: .43em .28em 0 .28em;
border-left: 1px solid;
padding-left: .56em;
}

#headtools li.noborder {
border-left: none;
}
	
#headtools a {
text-decoration: none;
}

#headtools a:hover {
text-decoration: underline;
}

#headtools img, #headtools a img {
border: none;
vertical-align: top;
}

#headtools input {
padding: 0 0 0 .29em;
border: 0;
font-size: 1em;
height: 1.28em;
width: 15em;
}

#naviwrap {
float: left;
margin-left: 0px;
}

#navigation {
text-align: right;
width: 12em;
margin: 0 0 .71em 0;
}

#navigation li {
list-style-type: none;
font-size: 0.93em; /* .86em */
padding: 2px 1em 2px 0;
border-top: 1px solid;
}

#navigation li.second {
padding-right: 1.5em; /* antes 2em*/
}

#navigation li.third {
padding-right: 2em; /* antes 2.5em*/
}

#navigation li.fourth {
padding-right: 2.5em;
}

#navigation a {
text-decoration: none;
}

#navigation a:hover {
text-decoration: underline;
}

.banner-top {
float: left;
margin: 0.36em;
width: 730px;
height: 92px;
}

.banner-right { 
width: 100%;
height: 252px;
margin: 0 0 10px 0;
}

#container {
clear:both; 
overflow: hidden;
}

#sidebar {
float: right;
width: 300px;
margin-left: 15px;
margin-right: 5px;
overflow: hidden;

padding-left: 5px;
border-left: 1px dotted;

}


#singlewrap {
margin: 0 10px 0 10px;
font-size: small;
}

#mainwrap {
margin: 0 320px 0 10px;
font-size: small;

display:block;
}

.mini-icon-text {
vertical-align: middle;
}

.tabmain {
height: 24px !important;
margin: 10px 0 0 0;
padding-left: 177px;
border-bottom: 1px solid;
}

.tabmain li {
float: left;
list-style-type: none;
margin-right: 4px;
height: 24px;
padding-left: 8px;
}

.tabmain li a {
font-size: .93em;
font-weight: bold;
display: block;
float: left;
height: 20px;
padding: 3px 8px 0 4px;
border-left: 1px solid;
border-top: 1px solid;
border-right: 1px solid;
text-decoration: none;
}

.tabmain li a:hover {
text-decoration: none;
}

.tabmain li.tabmain-this {
height: 25px;
}

.tabmain li.tabmain-this a {
font-style: oblique;
font-size: 1.07em;
padding: 2px 24px 0 5px;
height: 22px;
}

.tabsub-this {
font-weight: bold;
}

.tabsub-shakeit {
height: 25px !important;
clear: both;
padding-left: 180px;
font-size: 11pt;
}

.tabsub-shakeit li {
float:left;
list-style-type: none;
/* l & r margins */
padding-left: 6px;
padding-right: 4px; /* in padding instead of margin for toggler */
margin-left: 2px;
border-left: 1px solid;
/* t & b margins */
height: 17px;
margin-top: 4px;
}

.tabsub-shakeit li.tabsub-this {
padding-right: 0px; /* 0 pixels for the toggler */
}

.tabsub-shakeit-icon {
padding-top: 3px;
}

.tabsub-shakeit li:first-child {
padding-left:0;
border-left: 0;
border-left: none;
margin-left: 0;
}

.tabsub-shakeit li a {
text-decoration: none;
}

.tabsub-shakeit li a:hover {
text-decoration: underline;
}

.tabsub {
height: 22px !important;
margin: 10px 0 20px 0;
padding-left: 20px;
border-bottom: 1px solid;
}

.tabsub li {
float: left;
list-style-type: none;
margin-right: 4px;
height: 22px;
padding-left: 7px;
}

.tabsub li a {
display: block;
float: left;
height: 18px;
padding: 3px 8px 0 6px;
border-top: 1px solid;
border-right: 1px solid;
font-size: .9em;
text-decoration: none;
}

.tabsub li a:hover {
text-decoration: none;
}

.tabsub li.tabsub-this {
height: 23px;
}

.tabsub li.tabsub-this a {
font-style: oblique;
padding: 2px 8px 0 4px;
height: 20px;
}


#sidebar h4 {
text-align: center;
border-bottom: 1px dotted;
font-weight: bold;
font-size: .9em;
padding: .25em 0 0.15em 0;
margin: .75em 0 0 0;
}

#sidebar h4 a {
font-size: 1em;
text-decoration: none;
}


#sidepop h5 {
margin: .3em 5px .6em 48px;
font-size: .85em;
}


.vertical-box {
text-align: center;
}

.vertical-box a {
text-decoration: none;
}

.vertical-box a:hover {
text-decoration: underline;
}


#sidebar .topcommentsli li, .storyrsslist li {
list-style-type: none;
border-bottom: 1px dotted;
padding: .35em 0;
font-size: .85em;
}

#sidebar .storyrsslist li {
padding-left: 17px;
}

.footer {
text-align: left;
padding-left: 10px;
margin-top: 25px;
}

/*** LEGACY STYLES ***/
dl.categorylist {
float: left;
width: auto;
min-width: 20%;
margin-right: 5px;
padding-bottom: 5px;
font-size: 85%;
}

dl.categorylist dt {
float: none;
width: auto;
text-align: left;
font-size: 120%;
font-weight: bold;
}

dl.categorylist dd {
margin-left: 15px ;
font-size: 100%;
padding-bottom: 0;
}

.thumbnail {
border: 1px solid;
overflow: hidden;
float: right;
}

.news-submitted img {
border: 1px solid;
float: left;
margin-right: 4px;
vertical-align: bottom;
}

abbr { cursor: help; }

img {
border: none;
}

/* End holygrail */


.tt {
cursor: pointer;
text-decoration: underline;
}

hr {
height: 1px;
border: none;
}

h2 {
margin-top: 0;
margin-bottom: 8px;
font-size: 160%;
font-weight: normal;
color: #455A79;
border-bottom-width: 1px;
border-bottom-style: dotted;
}

/* h2 without underline */
.topheading h2 {
padding: 10px 0 20px 0;
margin: 0 0 0 20px;
font-size: 160%;
font-weight: normal;
border: none;
}

h3 {
margin-top: 0;
margin-bottom: 3px;
font-size: 140%;
font-weight: normal;
}

h4 {
font-size: 100%;
font-weight: bold;
margin: 5px 0 3px 0;
}

table {
 border-collapse: collapse; 
width: 99%;
/* margin-bottom: 10px; */
/* clear: both; */
}

table img {
border: 1px solid;
}

th, td {
text-align: left;
font-size: 85%;
/* padding: 6px; */
border-bottom: 1px solid;


}

th.short, td.short {
text-align: center;
}

th.short a, td.short a {
text-decoration: none;
display: block;
padding: 3px 0;
border: 1px solid;
}

th.short a:hover, td.short a:hover {
text-decoration: underline;
border: 1px solid;
}

th a.info, th a:hover.info {
padding: 0 12px 0 0;
display: inline;
border: none;
}

th img {
border: none;
margin-right: 1px;
vertical-align: middle;
}

th span.info_s {
padding: 0 12px 0 0;
font-size: 120%;
text-decoration: none;
border: none;
}

td.count {
font-size: 140%;
text-align: right;
}

.warn {
position: relative;
border: 1px solid;
padding: 3px 10px 3px 30px ;
margin: 5px 0 5px 0;
font-size: 85%;
}

.error {
font-weight: bold;
font-size: 140%;
margin: 5px 0 0 0;
padding: 25px 0 0 0;
}

.error-text {
font-size: 100%;
}

.form-error, .form-error-submit {
font-size: 120%;
font-weight: bold;
margin: 20px 0 0 20px;
padding: 5px 0 0 30px;
}

.form-error-submit {
padding: 10px;
margin: 15px 0 0 0;
border: 1px dotted;
}

.form-full {
width: 100%;
}

.instruction-list {
margin: 0;
padding: 0;
}

.instruction-list li {
list-style: none;
margin: 0;
padding: 5px 0 5px 25px;
}



/* submit form */

#thisform .column-list {
margin: -15px 0 20px 0;
min-height: 185px;
}

#thisform .column-list li {
font-size: 100%;
font-weight: normal;
}

#thisform .column-list ul {
padding-left: 15px;
margin: 0px;
}





/* fieldsets */

fieldset {
border: 1px solid;
padding: 10px 10px;
margin: 10px 0;
}
/* only for IE */ * html fieldset {
background: none;
}




.genericform h2 {
margin: 10px 0 10px 0;
}

.genericform fieldset, .genericform-contents fieldset {
border: 1px solid;
}

.genericform {
border: 0;
margin: 10px;
padding: 5px;
/* font-weight: bold; */

}

.genericform .sign, .genericform-contents legend {
font-weight: bold;


}


.genericform .genericformtxt {
font-size: 100%;
font-weight: normal;
}

.genericform textarea {
width: 100%;
height: 50px;
}


/* generic form: login page specials */

.genericform .recoverpass {
font-size: 125%;
}

.genericform .recoverpass a:link, .recoverpass a:visited {
border-bottom-width: 1px;
border-bottom-style: dotted;
padding-bottom: 1px;
text-decoration: none;
}

.genericform .recoverpass a:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 1px;
text-decoration: none;
}

.genericform .formnotice {
font-weight: normal;
}



#tooltip-shadow {
position:absolute;
visibility:hidden;
z-index:9999;
margin: 0;
padding: 0;
background: url(../img/shadow.png) no-repeat bottom right !important;
background: url(../img/shadow.gif) no-repeat bottom right; 

}

#tooltip-text {
text-align: left;
position:absolute;
visibility:hidden;
margin: 0;
z-index:10000;
border: 1px solid;
padding: 10px;
font-size: 90%;
overflow: hidden;
width: 44em;
max-height: 45ex;
}




/* Simple Modal */

#modalOverlay {

cursor:wait;
}

#modalContainer {
min-height:300px;
width:600px;
left:50%;
top:20%;
margin-left:-300px;
border:1px solid #455A79;
background: #FCFCFC;
overflow: hidden;
text-align: left;
font-size: 10pt;
}
#modalContainer a.modalCloseX,
#modalContainer a.modalCloseX:link,
#modalContainer a.modalCloseX:active,
#modalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.3em; position:absolute; top:-1px; left:585px; color:#fff;}
#modalContainer a.modalCloseX:hover {color:#9bb3b3;}

#modalContainer .header {
width:100%;
background:#455A79;
color:#fff;
font-weight:bold;
line-height:1.6em;
text-align:center;
}

#modalContainer .content {
padding: 5px 5px 5px 5px;
}

#modalContainer .content ul {
padding-left: 15px;
}

#modalContainer .content li {
margin: 3px 0 0 0;
}

/* Form defaults */

input, textarea {
/* margin: 0 0 10px 0; */
}

.button, button {
border: 1px solid;
font-weight: bold;
margin: 4px 0 4px 0;
padding: 0 4px 0 4px;
}

legend {
font-weight: bold;
padding: 0 5px;
}

fieldset dl {
margin: 0;
padding: 0;
}

fieldset dt {
clear: left;
float: left;
width: 12em; /* increase for wider dt text */
text-align: right;
padding: 0 10px 4px 5px;
}

fieldset dd {
padding: 0 0 4px 0;
font-weight: bold;
}

label {
font-weight: bold;
}

/* pagination */

.pages, .pages-margin {
padding: 10px 0 0 0;
margin: 20px 0 50px 0;
clear: left;
font-size: 9pt;
}

.pages-margin {
margin-left: 90px;
}

.pages a, .pages span, .pages-margin a, .pages-margin span {
display: block;
float: left;
padding: 3px 5px 3px 5px;
margin-right: 3px;
border: 1px solid;
}

.pages span.current, .pages-margin span.current {
border: 1px solid;
font-weight: bold;
}

.pages span.current a, .pages-margin span.current a {
padding: 0;
border: 0px;
}

.pages a, .pages-margin a {
border: 1px solid;
text-decoration: none;
}

.pages a.nextprev, .pages-margin a.nextprev {
font-weight: bold;
}

.pages span.nextprev, .pages-margin span.nextprev {
border: 1px solid;
}










.ryfmail {
border: 1px solid;
margin: 1px;
padding: 5px;
}

.nivel {
float: left;
width: 40px;
height: 30px;
text-align: center;
font-size: .95em;
font-weight: bold;
overflow: visible;
margin-right: .6em;
padding-top: 6px;
border: 1px solid;
}

.raza {
margin-top: 2px;
display: block;
padding: 4px 0 4px 0;
}

.obj_tipo {
font-size: 55%;

}
.obj_uso {
float: right;
font-size: 85%;
margin: 5px;
border: 1px solid;
padding: 4px;
text-align: center;
}
.obj-list {
position: relative;
padding: 2px 2px 2px 2px;
float: left;
width: 99%;
overflow: hidden;
/* height: 150px; */
border-top: 1px dotted;
margin: 0 0 5px 0;
}


.obj-list .item {
float: left;
overflow: hidden;
display: block;
width: 49%;
/* height: 20%; */
font-size: 85%;
white-space: nowrap;
}

.pjstats {
font-size: 85%;
width: 300px;
}

.listado_objetos {
padding: 10px 10px;
margin: 10px 0;
}

.evento {
padding: 10px 10px;
margin: 10px 0;

}
.evento_titulo {
border-bottom: 1px dotted;
}
.evento_texto {
margin-left: 15px;
padding: 3px;
}
.evento_info {
font-size: 80%;
display: block;
float: right;
}

.derecha {
text-align: right;
}

.izquierda {
text-align: left;
}
.centro {
text-align: center;
} 

.atributo_pj {
float: left;
overflow: hidden;
display: block;
width: 49%;
/* height: 20%; */
font-size: 90%;
white-space: nowrap;
border-bottom: 1px dotted;
}
.atributos {
margin-bottom: 5px;
margin-top: 10px;
overflow: hidden;
}
.equipado {
font-size: 90%;
}
.mail_texto {
border: 1px solid;

min-height: 100px;
padding: 5px;
}

.reto_pj_stats_left {
	width: 49%;
	display: block;
	float: left;
 	font-size: 85%;
}
.reto_pj_stats_right {
	width: 49%;
	display: block;
	float: right;
 	font-size: 85%;
}


/* Inventario PJ */
.caja_obj_inventario {
width: 120px;
height: 120px;
float: left;
font-size: 85%;
margin: 5px;
border: 1px solid;
padding: 4px;
text-align: center;
}
.caja_obj_inventario hover {
border: 2px solid;
}
.caja_obj_opciones {
background-color: #CCCCCC;
margin 2px;
padding: 2px;
bottom:0px;
}

/* barras para los retos */
    .graph { 
        position: relative; /* IE is dumb */
        width: 150px; 
        border: 1px solid; 
        padding: 2px; 
    }
    .graph .vida { 
        display: block;
        position: relative;
        text-align: center; 
        color: black; 
        height: 1em; 
        line-height: 1em;
	background: #CC3333;
    }
   .graph .mana { 
        display: block;
        position: relative;
        text-align: center; 
        color: black; 
        height: 1em; 
        line-height: 1em;
	background: #3366FF;
    }
    .graph .vida span { position: absolute; left: 1em; }
    .graph .mana span { position: absolute; left: 1em; }