/* @override http://audiodevocion.bertobox.com/wp-content/themes/audiodevocion/style.css */

/*
------------------------------------------------------------------------
Theme Name:		Audiodevoción
Theme URI:		http://bertobox.com/
Description:	Un tema exclusivo para audiodevoción. Si tiene dudas o preguntas envíe un mensaje a <a href="mailto:info@bertobox.com">info@bertobox.com</a>
Version: 		1.00
Author: 		Robert Valencia a.k.a. bertobox
Author URI: 	http://bertobox.com/
------------------------------------------------------------------------
Support: 		Robert Valencia, robert@bertobox.com
Updated: 		February 14 2009
Copyright: 		(cc) 2009 Roberto A. Valencia
*/


/*STRUCTURE --- FLOATS,WIDTHS AND MARGINS*/
body{margin:0;padding:0;background:white url(images/bk.png) repeat-x fixed top left;}
#wrapper{width:974px;margin:0 auto;}
#logo{float:left;padding:15px 0 0;}
#nav-top{margin:0;font-size:12px;float:right;padding:20px 0 0;line-height:1.625;} /*19.5/12px = 1.625em*/
#nav-top li{display:inline;}
#nav-top li+li:before{content:"| ";}
#hd{margin:0 auto;padding:0 27px;}
#content{position:relative;margin:0;padding:97.5px 0;background:transparent url(images/banner.png) no-repeat 27px 26px;}
#box-previous{float:left;height:98px;width:14px;padding:201px 1px 0 13px;margin:0;}
#box-next{float:right;height:98px;width:14px;position:absolute;top:201px;right:0px;/*padding:201px 0px 0 0;*/}
div.identifier{width:575px;margin:0 0 0 27px;}
#sidebar{width:315px;padding:0 0 0 15px;float:right;position:absolute;top:78px;right:27px;bottom:0;}
#guiarapida{}
#main{}
#bottom{}
#footer{padding:0 27px;margin:0 auto;}


/* ---  TYPE and TAGS 
-----------------------------------------------------------------------------------------------------*/

*,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dd{font-family:Arial,"MS Trebuchet",sans-serif;}
h3{font-size:16px;line-height:19.5px;font-weight:bold;margin:19.5px 0 0;}
a{text-decoration:none;color:#155D8A;}
a:hover{color:#B7450F;}
a:focus{outline: 0;}                            
a:active{color:#B7450F;}
p{font-size:13px;line-height:1.5;color:black;margin:0 0 19.5px;} /*19.5px/13 = 1.5em */
p+p{margin:19.5px 0;}
a img{border:none;/*outline:0;*/}


/* ---  SPECIAL CASES 
-----------------------------------------------------------------------------------------------------*/
#footer p{font-size:11px;color:gray;}
.identifier h2{font:21px/21px Arial,sans-serif;margin:0;display:inline;font-weight:bold;z-index: 1;}
.controls{float:right;font:15px/19.5px Arial,sans-serif;font-weight:bold;margin:0;z-index: 2;}
.controls a:before{content:" ";}
.identifier ul,
.identifier li{list-style-type:none;display:inline;margin:0;font:15px/19.5px Arial,sans-serif;font-weight:bold;}
.identifier li:before{content:" ";}
.cat-title{margin: 0;font-family:Georgia,serif;font-size:56px;font-weight:normal;line-height:58.5px;}
.cat-title a{font-family:Georgia,serif;}
ul.post-categories, .post-categories li{margin:0;text-indent: none;display:inline;padding:0;list-style-type: none;}

.section p{font:15px/19.5px Arial,sans-serif;margin:19.5px 0;color:#3f3f3f;}
/*.cat-description p{display:inline;font:15px/19.5px Arial,sans-serif;color:#3f3f3f;}*/
.box ul.listing,.listing li,.listing li p{margin:0;list-style:none;font:12px/19.5px Arial,sans-serif;text-indent:-3em;}
.title{font-weight:bold;font-size:13px;}
.meta:before{content:" " url(images/comment.png) " ";}
.meta{color:#CCC;}
.excerpt-span p{display:inline;}
.excerpt-span p:after{content:" ";}

/* ---  COLORS
-----------------------------------------------------------------------------------------------------*/
.blue{color:#046482;}
.lightblue{color:#81C3EB;}
.darkorange{color:#B7450F;}
.darkyellow{color:#FFBF00;}
.nlblue{color:#6CC;}
.yellow{color:#FFE100;}
.pink{color:#D1919F;}
.green{color:#57D307;}
.dkgreen{color:#51BA0F;}
.orange{color:#D25C25;}
.nllightblue{color:#D2E7FF;}
.gray{color:gray;}
.lightgray{color:#CCC;}

/* ---  BACKGROUNDS
-----------------------------------------------------------------------------------------------------*/
.greenbk{background-color:#22FF34;}
.yellowbk{background-color:#FFE100;}
.lightbluebk{background-color:#D2E7FF;}
.orangebk{background-color:#D25C25;}
.coloredbk{}
.darkbk{background-color:#333;}
.blackbk{background-color:black;}


/* ---  SPECIAL FUNCTIONS
-----------------------------------------------------------------------------------------------------*/
.hr{width:100%;max-width:974px;height:2px;margin:0;padding:0;background:#FFBF00;}
.clear{clear:both;}
.tooltip{width:160px;margin:10px;padding:10px;color:white;background:transparent url(images/tooltip.png) repeat fixed top left;}
.tooltip p{color:white;text-align:left;font-size:11px;line-height:1.3;margin:0;} /*14.3px/11px = line-height 1.3*/
.tooltip p+p{margin:5px 0 0;}


/* ---  GLIDER STYLES ------------------------------------------------------------------------------*/
#feature.box-wrapper{width:617px;position:relative;}


/* DIV.SCROLLER = modify width and height of scrolling section if necessary ------------------------*/ 
div.scroller{width:575px;height:550px;overflow:hidden;border-top:2px #FFBF00 solid;border-bottom:2px #FFBF00 solid;}
div.box{/* width:556px;*/ margin:1px 0 0 0;padding:19.5px 10px 1em 10px;}


/* DIV.SCROLLER DIV.SECTION = modify width and height of each section as needed (should match the size of the scroller window) */ 
div.scroller div.section{width:556px;height:512px;overflow:auto;float:left;/*padding:1em;*/}
div.scroller div.content{width:7784px;}
div#section2{/* background:#666666;color:#ffffff;*/}