/*
Theme Name: Lo Otro
Theme URI: http://lootro.com
Description: Tema desarrollado para el sitio web lootro.com. Hace uso exclusivo del sistema de páginas de WordPress para su utilización como CMS. Utliza funciones desarroladas exclusivamente para el tema, con la que se muestran menús con imágenes de los subapartados.
Author: Julio Loayza. nicecode.es
Version: 1.1
Tags: 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
q:before,q:after {content: '';}
:focus {outline: 0 none;}
:active {outline: 0 none;}
a {outline: 0 none;}

/* ^^^^^^^^^^^^^^^^^^^^^^^ reset.css ^^^^^^^^^^^^^^^^^^^^^^^ */

body {
font-family: Arial, Verdana, sans-serif;
font-size: 0.65em;
text-align: center;
color: #dadada;
background-color: #000;
}

p,
dt, 
dd,
fieldset {
line-height: 150%;
}

strong {
font-weight: bold;
}

a {
color: #dadada;
text-decoration: none;
}

a:hover,
a:active {
color: #e40001;
text-decoration: none;
}

.clearfix {
clear: both;
}

/* --------------------- layout ------------------ */

#layout {
width: 590px; /* 810 - 220 */
margin: 0 auto;
text-align: left;
position: relative;
padding: 175px 0 0 230px;
}

/* --------------------- header ------------------ */

#header {
position: absolute;
top: 90px;
left: 0;
}

/* versión con imagen */
#header h1 {
font-size: 3em;
text-transform: uppercase;
}
/* fin versión sin imagen */

/* version con imagen */
#header h1 {
font-size: 1px;
color: #000;
text-indent: -1000px;
width: 140px;
height: 28px;
overflow: hidden;
background: url(images/logo_lo_otro.gif) center left no-repeat;
margin-left: -1px;
}

#header h1 a {
display: block;
width: 140px;
height: 28px;
}
/* fin versión con imagen */

/* --------------------- navigation ------------------ */

#navigation {
position: absolute;
top: 175px;
left: 0;
font-size: 1.3em;
background-color: #000;
overflow: auto;
width: 200px;
}

#navigation li {
margin-bottom: 0.7em;
}

#navigation ul > li {
text-transform: uppercase;
}

#navigation ul > li li {
text-transform: none;
padding-left: 1.5em;
}

#navigation ul ul {
display: none;
margin-top: 0.5em;
margin-bottom: 1.25em;
}

#navigation ul li.current_page_ancestor ul,
#navigation ul li.current_page_parent ul,
#navigation ul li.current_page_item ul {
display: block;
}

#navigation .current_page_ancestor,
#navigation .current_page_parent {
font-weight: bold;
}

#navigation .current_page_ancestor li,
#navigation .current_page_parent li {
font-weight: normal;
}

#navigation .current_page_item {
font-weight: bold !important;
}


#navigation li.current_page_item a,
#navigation li.current_page_ancestor li.current_page_ancestor a {
color:#e40001;   /*--------------- rojo la pagina actual --------------------- */
}

#navigation li.current_page_item ul a{
color:#dadada !important; 
}

#navigation .current_page_ancestor li.current_page_ancestor,
#navigation .current_page_parent li.current_page_ancestor,
#navigation .current_page_ancestor li.current_page_parent,
#navigation .current_page_parent li.current_page_parent {
font-weight: bold !important;
}

#navigation .current_page_item li {
font-weight: normal !important;
color:#e40001 !important;
}

#navigation .current_page_ancestor li.current_page_ancestor,
#navigation .current_page_parent li.current_page_ancestor,
#navigation .current_page_ancestor li.current_page_parent,
#navigation .current_page_parent li.current_page_parent {
font-weight: bold !important;
}

#navigation ul ul ul {
display: none !important;
}

/* --------------------- footer ------------------ */

#footer {
position: absolute;
bottom: 42px;
left: 0;
background-color: #000;
overflow: auto;
}

#footer {
font-size: 1.1em;
}

#footer li {
text-transform: uppercase;
float: left;
margin-right: 1.5em;
}

/* --------------------- main ------------------ */

#main {
color: #dadada;
font-size: 1.3em;
padding-bottom: 60px;
}

#main p,
#main li,
#main dd,
#main dt {
margin-bottom: 2em;
line-height: 1.7em;
}

p.piedefoto { margin:-33px 0px 0px 0px; padding:0px; border:0px solid red; font-style:normal; color:#999; font-size: 11px; text-transform:uppercase; }

p.wp-caption-text {
font-style:normal; 
color:#999; 
font-size: 11px; 
text-transform:uppercase;
}


/* galleries */

#main .gallery {
margin-left: -32px;
overflow: auto;
}

#main .gallery p {
margin-bottom: 0;
}

#main .gallery li {
width: 175px;
margin-left: 32px;
margin-bottom: 2.5em;
float: left;
}

#main .gallery li div {
margin-bottom: 0.5em;
width: 175px;
height: 120px;
overflow: hidden;
background-color: #fff;
}

#main .gallery li div a {
display: block;
width: 175px;
height: 120px;
}

#main .gallery li a {
color: #b2b2b2;
}

#main .musicians li {
background-color: #ccc;
width: 168px;
padding: 5px 0 5px 7px;
}

#main .musicians li div {
width: 160px;
height: 80px;
}

#main .musicians li div a {
display: block;
width: 160px;
height: 80px;
}


#main .musicians li a {
color: #000;
}



/* -------------------------- Photospace --------------------------- 

.gallery{
	position:absolute;
	margin-bottom: 0px;
	margin-left: 0px;
}
.gallery .slideshow img {
	vertical-align:bottom;
}
.gallery .slideshow span.image-wrapper {
	bottom:0;
}
.gallery,
.gallery .thumnail_col,
.gallery .gal_content,
.gallery .loader,
.gallery .slideshow a.advance-link{
	width:590px;
}
.gallery .thumbs_wrap2{
	height:60px;
}
.gallery .thumbs_wrap{
        float: left;
        position: relative;
}
.gallery .pageLink.next{
	margin-right:0;
}
.gallery .thumnail_col {
	float: left;
        left: -50%;
	width:auto;
	position: relative;
}
.gallery ul.thumbs {
	float:left;
}



*/