/*  
Theme Name: Julieta Venegas
Description: theDrix para Julieta Venegas
Version: 1.0
Author: ecolasurdo@gmail.com
*/


/*		general		*/

* { border: 0; margin: 0; padding: 0; }
body { background-color: #ccc; font-family: verdana, tahoma; font-size: 12px; line-height: 18px; margin-top: 10px; }

/*      fonts       */
@font-face {font-family: Cafeta;src: url(/fonts/cafeta.ttf) format("truetype");}



a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }

input, select, textarea, button { border: #dddddd 1px solid; font-family: verdana, tahoma; font-size: 12px; padding: 5px; margin-bottom: 10px; }
select { padding: 0px; }
li { list-style: none; }

#site-wrapper { position: absolute; width: 1024px; top: 0px; left: 50%; margin-left: -512px; }

/*		layout		*/
#bio_languages { float: right;  }
#bio_languages li { float: left; margin-left: 5px; cursor: pointer; }
#bio_languages .clear li   { clear: both; border: 1px solid #000; width: 100px; }
#page { width: 960px; background-color: #fff; margin:0px auto 50px auto; }

#columns { padding:5px 5px 5px 5px; background-color: #fff; margin: 0px; }
.col1 { float: left; width: 600px; }
.col2 { float: right; width: 330px; }

.subcol { width: 100%; }
.subcol h2 { /**/ }


/*		sections		*/

.box { background-image: url(/imgs/layout/bg-post.gif); }
.post { margin: 0 0 15px 0; padding:10px; width: 580px; }
.post h2 { padding: 0px; font-size: 17px; color: #cc3300; line-height: 22px; }
.post h2.subtitle { font-size: 14px; font-weight: normal; letter-spacing: 0.3px; color:#999; }
.post h3 { padding-bottom: 5px; font-size: 13px; color: #000000; line-height: 18px; }
.post h3.post_date { padding: 5px 0px 10px 0px; color: #999999; font-size: 12px; font-weight: normal; }
.post h3 a, .post h2 a { color: #cc3300; }
.post p { padding: 0px 0px 15px 0px; text-align: justify;}

.tags { font-size: 9px; }
.tags a { text-decoration:underline; color:#000000; }


.entry { line-height: 16px; font-size: 12px; color: #999; text-align: justify; }
.entry strong { color: #cc3300; }
.entry p { line-height: 16px; font-size: 12px; color: #999; text-align: justify; }
.entry h1 { margin-bottom: 4px; font-size: 19px; color: #cc3300 !important; }
.entry ul, .entry ol { margin-bottom: 15px; line-height: 20px; font-size: 12px; }
h3.posted { clear: both; margin: 10px -10px -10px -10px; padding: 5px; font-size: 10px; font-style: normal; font-weight: normal; color: #999; line-height: 15px; text-align: right; }


/*		header		*/

#top-banner { position: relative; background-color: #fff; height: 166px; }
#tm { position: absolute; width: 682px; height: 130px; top: 20px; right: 25px; }
.banner { margin: 1px 1px 0px 1px; }

#nav{ margin: 0px 1px 0px 1px !important; padding: 2px 0px !important; width: 958px !important; height: 33px; }
#nav-left { float:left; display:inline; width:auto; }
#nav-right { float:right; display:inline; margin:0px !important; padding:0px !important; width:330px; }

#nav ul { position: relative; height: 33px; overflow: hidden; }
#nav ul li { float: left; list-style: none; display: inline; }
#nav ul li.page_separator { margin: 5px 0px 0px 0px; width: 20px; height: 20px; }

/*
//  ACTUALMENTE (sin fotos)
#nav #btn_noticias { margin: 0px 0px 0px 29px; width: 107px; }
#nav #btn_noticias.hover { margin: 0px 0px 0px 29px; width: 107px; }
#nav #btn_biografia { margin: 0px 0px 0px 50px; width: 126px; }
#nav #btn_discografia { margin: 0px 0px 0px 40px; width: 130px; }
#nav #btn_blog { margin: 0px 0px 0px 42px; width: 176px; }
#nav #btn_contacto { margin: 0px 0px 0px 42px; width: 67px; }
*/

#nav #btn_noticias { margin: 0px 0px 0px 25px; width: 90px; }
#nav #btn_noticias.hover { margin: 0px 0px 0px 12px; width: 90px; }
#nav #btn_biografia { margin: 0px 0px 0px 33px; width: 109px; }
#nav #btn_discografia { margin: 0px 0px 0px 23px; width: 113px; }

#nav #btn_fotos { margin: 0px 0px 0px 23px; width: 135px; }

#nav #btn_blog { margin: 0px 0px 0px 25px; width: 159px; }
#nav #btn_contacto { margin: 0px 0px 0px 25px; width: 67px; }


/*
#nav .current_page_item { height: 30px; }
#nav .current_page_item a { color: #666666; }
*/

#nav ul li a { position: relative; float: left; display: block; z-index: 10; outline: none; top: 6px; height: 26px; overflow: hidden; }     

    /*      header por seccion      */
    .noticias-nav { background-color: #cd3728; }
    .biografia-nav { background-color: #346866; }
    .discografia-nav { background-color: #329b47; }
    .fotos-nav { background-color: #a01e64; }



/*		widgets		*/
#shows { background-color: #e5e6fa; margin: 0px auto; margin-bottom: 20px; width: 283px; border: 1px solid #ddd; padding: 20px; font-size: 10px; color: #555; background-image: url(../imgs/layout/fondo-shows.gif);}
#shows br { line-height: 4px; }
#shows a { color: #006699 !important; }
#shows .texto { /*float: left;*/ width: 205px; }
#shows table, #shows tr, #shows td { margin: 0px; padding: 0px; }
#shows .info { display: none; }
/*#shows .tickets { float: right; }*/


.widget-box { padding: 0px; width: 323px; margin-bottom: 14px; background-image: url(/imgs/layout/bg-white-widget.gif); background-color: #fefdfb; overflow: hidden; }
.top-widget-box { width: 323px; height: 7px; background-image: url(/imgs/layout/top-white-widget.gif); }
.bottom-widget-box { width: 323px; height: 12px; background-image: url(/imgs/layout/bottom-white-widget.gif); }

.gray-widget-box { margin-bottom: 10px;  background-image: url(/imgs/layout/bg-gray-widget.gif); background-color: #e5e4e3; }
.top-gray-widget-box { width: 330px; height: 5px; background-image: url(/imgs/layout/top-gray-widget.gif); }
.bottom-gray-widget-box { width: 330px; height: 7px; background-image: url(/imgs/layout/bottom-gray-widget.gif); }

.widget { margin: 10px;}	
.widget h2 { margin-top: -4px; padding: 0px 5px 5px 10px; }
.widget ul { margin: 0px; padding: 5px 0; border: none !important; }
.widget ul li { margin:0px; padding:0px 0 0px 10px; border-bottom: 1px solid #eee; }
.widget ul li a { color: #000000; }
.textwidget { margin-left: 18px; color: #999; font-size: 11px; }

/*		footer		*/

#footer{ clear: both; margin:0px; padding:0px 20px 0px 20px; height: 27px; background-color: #808080; line-height: 27px; font-size: 10px; color: #fff; }

.creditos { font-size: 10px; color: #fff; text-decoration: none; }
.creditos:hover { text-decoration: underline; }

/*		miscellaneous		*/
.icon { position: relative; float: left; width: 150px; margin: 14px 0px 10px 5px; text-align: center; }
.fl { float: left; }
.fr { float: right; }

.ac{ text-align: center !important; }
.ar{ text-align: right !important; }

.fix { clear: both; margin: 0 0 0px; height: 5px; overflow: hidden; }

img.alignleft{ float:left; display:inline; margin-right:15px; }
img.alignright{ float:right; display:inline; margin-left:15px; }
img.thumbnail { background-color:#FFFFFF; border:1px solid #BBBBBB; padding: 5px; }

.more { color: #cc3300; text-decoration: underline; }
hr.underline { width: 560px; height: 1px; margin-top: 5px; color: #bbb; background-color: #bbb; }


/*		discografia     */

ol li { list-style-type: decimal; margin-left: 30px; font-size: 11px; }
img.discografia { float: right; margin-top: -60px; padding: 1px; border: 1px solid #ddd; }


/*      fotos y videos      */
.media_wrapper {
    width: 570px;
    height: 180px;
    border: 1px solid #bbb;
    background-color: #f7f7f7;
    padding: 5px;
    overflow: hidden;
 }

.media_wrapper ul li {
    float: left;
    margin: 5px 0px 0px 4px;
    background-color: #fff;
    padding: 2px;
    width: 134px;
    height: 170px;
    font-size: 10px;
    overflow: hidden;
    cursor: pointer;
}

.media_wrapper .image {
    width: 134px;
    height: 134px;
    overflow: hidden;
}

.media_wrapper .video {
    width: 134px;
    height: 90px;
    overflow: hidden;
}

.media_controls { font-size: 10px; text-align: right; color: #cc3300; }
.media_controls a { color: #cc3300; }
.media { color: #cc3300; font-size: 10px; }
.media_wrapper .title { color: #cc3300; font-weight: bold; }
.media_wrapper .title:hover { text-decoration: underline; }
#photo_controls a { color: #cc3300; }
#photo_controls { margin: -18px 0px 0px 357px; width: 200px; height: 50px; text-align: right; }

ul.thumbnail { position: relative; width: 460px; margin: 0px auto; height: auto; }
ul.thumbnail li { float: left; margin: 0px 10px 10px 0px; width: 140px; height: 140px; overflow: hidden; background-color: #fff; border: 1px solid #bbb;  }
div.thumbnail { margin: 5px; width: 130px; height: 130px; overflow: hidden; text-align: center; }
ul.thumbnail li:hover { border: 1px solid #a01e64; }