/*
Theme Name: ProBaja Online 
Theme URI: http://www.probajaonline.com/
Description: ProBaja Online WordPress Theme.
Version: 15 May, 3:46
Author: Norman Cossio
Author URI: http://www.normanbox.com/

*/

html>body #content {
	height: auto;
	min-height: 580px;
}

body { background: url(images/layout/bgpage.jpg) no-repeat top center fixed }

a, a:link, a:visited   {   text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { }
h2 { font-size: 18px;
    font-weight: normal !important;
    margin-bottom: 20px; }
h3 { }
h4 { }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr { font-size: 0.9em; letter-spacing: .07em; }
a img { border: none; }

#hd{ text-align: center; padding-top: 24px; padding-bottom: 24px }
#hd h1{ font-size: 290%; }
#hd h1 a{ text-decoration: none; }

h3 a:link, h3 a:hover, h3 a:visited{ color: #0099DD; }

/*
 * Wp Styles 
 *
 */

.thumbnail { width: 150px; }

.post p { padding-bottom: 20px }


.item {
	padding: 10px;
	text-align:left;
	border: 0px #1A1A1A;
	margin-bottom: 1em;	
}

.item ul {
	list-style-type: disc;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}

.item ol{
	list-style-type: decimal;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}

.itemhead{
	padding-top: 5px;
	padding-bottom: 5px;
}


.chronodata {
	display: inline;
	text-align: right;
	margin-left: 2em;
	font-size: 80%;
}


.itemhead h3{
	display: inline;
}


input{ font-size: 80%; }

.metadata{ line-height: 190%; font-size: 100%; }
.metadata a:link, .metadata a:hover, .metadata a:visited { }

.tags, .catagory {

	display: block;

}

.commentlist p {
	clear: both;
	font-size: 95%;
}


cite{
	font-size: 95%;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.commentmetadata {
	font-size: 80%;
	float: right;

}
.commentlist {
	margin-top: 5px;
}
.commentlist li {
	padding: 2px;
	border-top: 1px solid #1A1A1A;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.navigation a:link, .navigation a:hover, .navigation a:visited{

}




#secondary, #third{
	text-align:left;
	padding: 0px;
	border: 0px #1A1A1A;
	SP_GRADIENT
}

#secondary h4, #third h4{
	font-family: Trebuchet MS, arial, sans-serif;
	margin-top: 5px;
	padding: 3px;

}

#secondary p, #third p{
		padding: 3px;
		font-size: 70%;
}

#searchform { clear: both; margin-bottom: 5px; margin-left: 2px; padding: 3px; }

#third {
	margin-left: 9px;
}


li .categories, li .linkcat, li .pagenav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* 
 * Wordpress Calendar Styles
 *
 */
#wp-calendar { empty-cells: show; font-size: 90%; margin: 0; width: 90%; padding: 3px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar td { font-size: 70%; letter-spacing: normal; padding: 2px 0; text-align: center; }
#wp-calendar #today { background: ; color: #0099DD; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }

#ft { text-align: center; margin-top: 10px; margin-bottom: 10px; }
#ft a:link, #ft a:hover, #ft a:visited{ }


/* 
 * Post Styles 
 *
 */
.post { padding:0 5px }
.postHead { padding:10px 0 35px 0 }
.postHead h2 {
	color: #11499E;	
	font-size:32px;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:110%;	
	padding:5px 0
}

/*
 * Captions in post
 *
 */
.entry .wp-caption { background: #042a63 url(images/layout/bgcaptions.jpg) repeat-y bottom; color:#FFF; padding:3px; -moz-border-radius:5px  }
.entry .wp-caption img { border:0 !important; margin:5px }
.entry .wp-caption p { padding:5px; text-align:left !important }
.entry .alignright { margin: 0 0 15px 20px }
.entry .alignleft { margin: 0 15px 20px 0 }

/* ************************************************************************** */
body { background-color: #0f2151; margin:0; padding:0  }

a { color:#11499e; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }

h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px}
h3 { font-size: 11px }

/*
 * Global Layout
 *
 */

#wrapper { margin:0 auto; width:940px; font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#666;  }
#header { margin-bottom:10px;  background: url(images/layout/bg-header.gif) no-repeat; height: 132px  }

#main { background:  #FFF url(images/layout/content-top-border.jpg) no-repeat; margin-bottom:10px }
#main { padding: 10px 10px  0 } 
#main #content { float:left; width: 650px; line-height:140%; }
#main #sidebar { margin-left:660px; /*overflow:hidden*/ }

#footer { clear:both;  background: url(images/layout/bg-footer.gif) no-repeat; padding:20px; line-height:200% }

#main #sidebar .inner-margin { }

.border-bottom { 
	clear:both;  
	background: url(images/layout/content-bottom-border.jpg) no-repeat; 
	height:12px;
	margin-left:-11px;
	width:110%;
}
 
#header .branding { height:108px } 
#header .mainmenu { 
	background-color:#039;
	font-size:11px;
	font-weight:bold; 
	text-transform:uppercase;
	text-decoration:none;
	padding-left:35px;
}
#header .mainmenu ul { text-align:center }
#header .mainmenu ul li { float:left; margin-right:17px }
#header .mainmenu ul li a { text-decoration: none }


.homepage { }


/*
 * Top History homepage
 *
 */
.hp-top-history { background-color:#042a63; margin-bottom:10px }
.hp-top-history .desc { padding:15px 10px; color:#dddddd  }
.hp-top-history .desc a {   color:#ffb922  }
.hp-top-history h1 {  
	font-family:Impact, Helvetica,Arial,sans-serif;
	font-size:2.7em; 
	letter-spacing:-1px;
	line-height:1.05em;
	text-transform:uppercase;
}
.hp-top-history h1 a { color:#FFF; text-decoration:none   }
.hp-top-history p { color:#bccae1; font-family: Arial, Helvetica, sans-serif; font-size:12px } 
 
 
/*
 * Last posts in homepage
 * 
 */
#hp-last-posts { margin-bottom:25px }
#hp-last-posts ul li { padding-right:12px; width:150px; float:left; height:320px }
#hp-last-posts ul li .post-date { font-size:10px; color:#999 }


/*
 * Top positions homepage
 *
 */
#top-positions { background: url(images/layout/home-bg-top5positions.jpg) no-repeat;  height:364px; margin-bottom:15px }
#top-positions div.head { height:85px;  }
#top-positions .nav { padding: 12px 20px; font-weight:normal; font-size:11px; }
#top-positions .nav li { float:left; display:block; width:150px; padding:2px 0 }
#top-positions .nav li a.active { font-weight: bold }
#top-positions .left-column { float:left; }
#top-positions .right-column { float:right }
#top-positions h2 { display:none}
#top-positions .panel { padding:10px 13px  }
#top-positions .panel h3 { height:70px; text-indent:-9999px }
#top-positions .panel table.center {  margin:0 auto; width:280px }
#top-positions .panel table td, #top-positions .panel table th { padding:2px 2px }
#top-positions .panel table th { font-weight:bold; color: #FFF; background-color: #042a63; padding:2px  }
#top-positions .nav li.col1 {  width:160px }
#top-positions .nav li.col2 { width:125px }
#top-positions .nav li.col3 { width:160px }
#top-positions .nav li.col4 { width:165px }
#top-positions .bg-toppos-tt { background: url(images/content/bg-tt-toppositions.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c1 { background: url(images/content/bg-c1-toppositions.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c12 { background: url(images/layout/bg-top5-clase-12.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c8 { background: url(images/layout/bg-top5-clase-8.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c7 { background: url(images/layout/bg-top5-clase-7.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c5libre { background: url(images/layout/bg-top5-clase-5l.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-51600 { background: url(images/layout/bg-top5-clase-51600.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-std1600 { background: url(images/layout/bg-top5-clase-std1600.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-8stock { background: url(images/layout/bg-top5-clase-8s.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c6 { background: url(images/layout/bg-top5-clase-6.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c9 { background: url(images/layout/bg-top5-clase-9.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-c11 { background: url(images/layout/bg-top5-clase-11.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-sm { background: url(images/layout/bg-top5-clase-sm.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-st { background: url(images/layout/bg-top5-st.gif) no-repeat; width:303px; height:195px }
#top-positions .bg-toppos-sb { background: url(images/layout/bg-top5-sb.gif) no-repeat; width:303px; height:195px }


/*
 * Top positions homepage
 *
 */
#homeVideoBox { clear:both; }
#homeVideoBox .head { background: url(images/layout/bg-head-grey-module.jpg) no-repeat top; padding:20px  }
#homeVideoBox .head h3 { float:left; font-size: 16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #00327e }
#homeVideoBox .content { background: url(images/layout/bg-content-grey-module.jpg) no-repeat bottom; padding:10px    }
#homeVideoBox .poweredByYouTube { float:right; margin-top: -10px  }
#homeVideoBox .content .player { float:left; width:400px }
#homeVideoBox .content .desc { padding: 5px }
#homeVideoBox .player h3 { font-weight: bold; color:#333 }
#homeVideoBox .lastVideos { float:left; width:210px; margin-left:15px; background-color: #FFF; padding-bottom:5px; -moz-border-radius:5px  }
#homeVideoBox .playlist li { clear:both;  padding: 8px 5px; border-top: 1px solid #e2e2e2; border-bottot: 1px solid #e2e2e2; height:56px }
#homeVideoBox .playlist li img { float:left; width:75px; height:56px; margin-right:10px   }
#homeVideoBox .playlist li a { font-size:11px  }

/*
 * Estilos para paginas de contenido - Template page.php
 */
.pageContent { padding:0 5px; }
.pageContent h2 { color:#333; font-family:Impact,Arial,Helvetica,sans-serif; font-size:32px; font-weight:normal; line-height:110%; padding:5px 0 15px 0; } 
.pageContent h3 { border-bottom: 1px solid #eee; font-size:18px; font-weight:normal; line-height:110%; padding:10px 0;  margin-bottom:20px }
.pageContent p { margin-bottom:15px }
.pageContent ul { padding:15px }


/*
 * Columnistas en SideBar
 *
 */
#sidebar-columnistas { width:260px }
#sidebar-columnistas table td { padding:6px 4px }
#sidebar-columnistas .content { padding:8px }
#sidebar-columnistas h4 { font-weight:bold; padding:3px 0}


/*
 * Archive Styles
 *
 */

.archiveListItem { float: left; height:320px; width:140px; }


/*
 * Estilos para tablas de posiciones
 *
 */
#tablePointsFull {} 
#tablePointsFull h3 { padding:15px 10px 10px; font-weight:normal; width:580px; background: #036; color: #FFF; margin:20px auto 0; -moz-border-radius:10px 10px 0 0 } 
 
.tablePoints { margin: 0 auto; width:600px }
.tablePoints tr.headTable td{ font-size:18px; padding-top:20px}
.tablePoints td, .tablePoints th { padding:3px }
.tablePoints th { background-color:#333; color:#FFF }
.tablePoints td { border-bottom:1px solid #dfdfdf }
.tablePoints th.colPos { width:50px; }
.tablePoints th.colNum { width:50px }
.tablePoints th.colNombre { }
.tablePoints th.colPts { width:50px }

/*
 * Header Slider
 *
 */
#slider ul, #slider li{ margin:0; padding:0; list-style:none; }
#slider, #slider li{ width:670px; height:67px; overflow:hidden; }
span#prevBtn{ display:none }
span#nextBtn{display:none }		

/*
 * Table Events Page Styles
 *
 */
#tableEventsPage td { vertical-align:top;   padding:6px  }

/*
 * Utiliclases
 *
 */
 
.adZone { padding-bottom: 8px; text-align:center }
.clearboth { clear:both; height:0; font-size:0;  }
.hideMe { display: none }
.alignright { float: right; }
.alignleft { float: left }

.altRow { background-color:#F2F2F2 } /* Alter row in tables */


#DeveloperBy { text-align:left }
#DeveloperBy em { display:none; }