/*
Theme Name: Dark la eMe

*/


/* GLOBAL RULES */

body {
font-size: 75%;
color: #e6c481;
background: #261F1B url("/04/images/css/BG_body.gif");
}

body, div, blockquote, p, a, td, tr, ul, li, img, h1, h2, h3, h4, pre, noscript {
/* Removes any browser dependant defaults */
margin: 0; padding: 0; border: none; text-indent: 0;
}

p, td, li {
font: 1.1em/1.25em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
text-align: left;
}

li a, p a, li li, h1, h2, h3, h4 {
font-size: 1em;
}

a {
text-decoration: underline;
color: #b0b039;
}

a:visited {
color: #8b8b2e;
}

a:hover {
color: #d8d847;
}

/* Marks external links, a nice touch of advanced CSS, does nothing on IE */

a.ext:before {
content: "\BB\A0";
}

abbr, acronym {
cursor: help;
}

.hidden, hr {
/* we really want h-rulers only for browsers who don't understand CSS */
display: none;
}


/* CONTAINER RULES */

#containerHeader {
border-left: 4px solid #261F1B;
background: url("/04/images/css/BG_containerHeader_NE.gif") top right repeat-x;
margin: 6em 0 0 4em;
width: 72.5em;
}

#containerHeader h1 {
position: relative;
left: -30px;
top: -45px;
padding-top: 88px;
overflow: hidden;
background: url("/images/darklaeme08.gif") no-repeat;
height: 0;
}

#containerHeader p {
color: #8C8C2E;
margin: -50px 0 0 40px;
padding-bottom: 2.5em;
}

#container {
background: url("/04/images/css/BG_container_NE.gif") top right repeat-y;
border-left: 4px solid #261F1B;
margin-left: 4em;
padding: 0 5.5em 0 3.5em;
width: 63.5em;
}

/* MAIN CONTENT RULES */

#content {
width: 43.2em;
background: #3B2F29 url("/04/images/css/BG_cap_N.gif") top left no-repeat;
}

/* CONTENT TITLE */

#content h2 {
background: url("/images/HDR_2_home.gif") top right no-repeat;
padding-top: 41px;
overflow: hidden;
width: 100%;
margin-bottom: 1.8em;
border-bottom: 1px solid #42352E;
height: 0;
}

/* CONTENT SUBSECTIONS AND DATES */

#content h3 {
color: #efae26;
text-transform: uppercase;
font: bold 1.25em "Bitstream Vera Serif", Georgia, "Times New Roman", serif;
padding: 0 1.3em 0.8em 1.3em;
margin-top: 1em;
}

#content h4 {
color: #D59C23;
font: bold 1.1em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
padding: 0.2em 1.5em 0.5em 1.5em;
}

#content .date {
padding: 0 1em 0.8em 1em;
font: bold 1.25em "Bitstream Vera Serif", Georgia, "Times New Roman", serif;
color: #CCCCCC;
display: block;
float: right;
}

#content ul {
list-style-type: square;
padding: 0 2.4em .6em 5em;
}

#content p {
padding: 0 2.4em .6em 2.4em;
}

#content pre {
overflow: auto;
padding: .6em;
font: 1em "Bitstream Vera Sans Mono", Monaco, "Courier New", monospace;
margin: 0.6em 3.5em 1.0em 3.5em;
color: #967f54;
background: #332924;
border-top: 1px solid #332924;
border-left: 1px solid #332924;
border-bottom: 1px solid #42352E;
border-right: 1px solid #42352E;
}

#content p.byline {
font-size: 0.95em;
margin-top: .8em;
margin-bottom: 2.1em;
padding-top: .5em;
padding-bottom: .7em;
background-color: #332924;
text-align: right;
border-top: 0.1em solid #2E2520;
border-bottom: 0.1em solid #42352E;
color: #987A3D;
}

#content blockquote {
background: url("/04/images/css/qo.gif") top left no-repeat;
padding: 10px 47px 0 47px;
margin: 0.1em 1.5em 1.2em 2.5em;
}
#content blockquote p {
text-align: justify;
padding-left: 0;
padding-right: 0;
color: #b19663;
}

#content img {
/* margin: 0.2em 1em 0.2em 2.7em;
clear: left;
float: left; */
}

/* barra GENERIC RULES */

#barra {
color: #967f54;
background: url("/04/images/css/BG_cap_N.gif") #332924 top right no-repeat;
float: right;
width: 19.4em;
}

#barra h2 {
background: url("/images/HDR_2_bside.gif") top left no-repeat;
padding-top: 41px;
overflow: hidden;
width: 100%;
height: 0;
}

#barra #sidebar h2 {
background: none;
padding: 5px 0 5px 0;
overflow: visible;
width:auto;
height:auto;
color: #bfbf3f;
text-transform: uppercase;
font: bold 1.25em "Bitstream Vera Serif", Georgia, "Times New Roman", serif;
text-align: left;
font-size: 15px;
}

#barra h3 {
color: #bfbf3f;
text-transform: uppercase;
font: bold 1.25em "Bitstream Vera Serif", Georgia, "Times New Roman", serif;
text-align: right;
padding: 1.5em .6em .2em 1em;
}

#barra li.widget {
border-top: 0.1em solid #42352E;
border-bottom: 0.1em solid #2E2520;
padding: 1.4em 1.5em 1.2em 1.5em;
background-color: #3B2F29;
font-size: .95em;
display: list-item;
}

#barra div div, div#navigation {
border: none;
padding: 0;
background-color: transparent;
}

#barra div p {
font-size: 0.95em;
padding-bottom: .6em;
}

#barra ul {
list-style-type: none;
}

/* barra NAVIGATION */

#barra #navigation ul {
margin-top: 2em;
font-size: 0.92em;
}

#navigation ul li {
text-transform: uppercase;
border-top: 1px solid #42352E;
border-bottom: 1px solid #2E2520;
}

#navigation ul li a {
background: #3B2F29;
font-weight: bold;
display: block;
padding: 0.4em 0.9em;
border-right: .6em solid #42352E;
border-left: .6em solid #332924;
color: #BFBF3F;
width: auto;
text-decoration: none;
}

#navigation ul li a:hover {
color: #D59C23;
border-right-color: #D59C23;
border-left-color: #3B2F29;
background: #42352E;
}

/* barra ELSEWHERE */

div#elsewhere {
border-top: 0.1em solid #42352E;
border-bottom: 0.1em solid #2E2520;
padding: 1.4em 1.5em 1.2em 1.5em;
background-color: #3B2F29;
}

#elsewhere ul li {
font-size: .95em;
padding-bottom: .5em;
}

#supp-info ul li {
font-size: .95em;
list-style-type: disc;
list-style-position:inside;
}

/* barra GEEKERY */

#barra div#geekery ul {
text-align: center;
}

#geekery ul li {
display: inline;
}

#geekery ul img {
padding: 3px 1px;
}

/* BOTTOM DECORATIONS FOR CONTENT AND barra */

#barra div.bottomcap, #content div.bottomcap {
border: none;
padding: 0;
margin: 2.6em 0 0 0;
text-align: center;
background: url("/04/images/css/BG_cap_S.gif") bottom right no-repeat;
}

div.bottomcap a {
text-decoration: none;
font: 0.95em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0 10px 0 0;
padding: 0.2em 0 0.2em 10px;
display: block;
background: url("/04/images/css/BG_cap_S.gif") bottom left no-repeat;
}

div.bottomcap a:visited {
color: #BFBF3F;
}

div.bottomcap a:hover {
text-decoration: none;
color: #D59C23;
}

/* PAGE FOOTER */

div#footer {
padding: 2.5em 1.5em 1.5em 1.5em;
clear: both;
}

#footer p {
font-size: 0.95em;
text-align: center;
}

#footer img {
margin: 0; padding: 0;
vertical-align: middle;
margin-right: .7em;
}
.actual {font-size:10px;}
.pasado {font-size:10px;color: #666666}