/*  
Theme Name: Batting Trainer 2010
*/

/* ----------------------------------- GLOBAL */

* {padding:0;margin:0;}
img {border:none;}
.clearfix {clear: both;}



/* ----------------------------------- TEXT STYLES */

body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #080808;}

p {margin-bottom: 20px;}

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

h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; color: #102146; }

h1 {font-size: 22px; font-weight: normal;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4, h5, h6 {font-size: 16px;}

ul, ol {margin: 0px 0px 20px 25px;}
ul ul, ol ol {margin: 15px 0px 15px 10px;}
li {margin: 0px 0px 6px 0px;}

h1 span {color: #e80011; font-size: 22px; font-style: italic; font-weight:bold;}

hr {border-collapse:collapse;border:none;border-top:1px solid #666666;margin: 20px 0px;}


/* --------------------------------- LAYOUT */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

body {
	background: url(images/page_bg.jpg) top repeat-x #cedcf8;
	text-align: center;
	}

#container {
	overflow:auto;
	padding-bottom: 160px;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	} 

#footer {
	position: relative;
	margin-top: -133px; /* negative value of footer height */
	height: 133px;
	clear:both;
	background: #004fff;
	border-top: 3px solid #131313;
	color: #FFFFFF;
	font-size: 12px;
	} 

#header {
	height: 203px;
	position: relative;
	}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	}

#header_splash {
	width: 592px;
	height: 200px;
	right: 0px;
	top: 0px;
	position: absolute;
	background: url(images/header_splash.jpg) no-repeat;
	}

#header_splash_bat_ball {
	position: absolute;
	top: -30px;
	right: 0px;
	}

#column_wrap {
	padding-top: 20px;
	}

#content_box {
	width: 670px;
	float: left;
	}

#content_box table {
	width: auto !important;
	}

#content_top {
	background: url(images/content_bg_top.png) no-repeat;
	width: 670px;
	height: 25px;
	overflow: hidden;
	}
	
#content_inner {	
	background: #FFFFFF;
	padding: 0px 25px;
	overflow: auto;
	}

#content_bottom {
	background: url(images/content_bg_bottom.png) no-repeat;
	width: 670px;
	height: 25px;
	overflow: hidden;
	}

#sidebar {
	width: 235px;
	float: right;
	margin-right: 25px;
	display: inline;
	}

img#btn_buy_now {
	margin-bottom: 22px;
	}

div.widget {
	width: 235px;
	margin-bottom: 22px;
	}

div.widget_top {
	background:url(images/widget_top.png) no-repeat;
	height: 65px;
	overflow: hidden;
	}

div.widget_middle {
	background: url(images/widget_middle.png) repeat-y;
	padding: 15px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	position: relative;
	}

div.widget_middle a {color: #FFFFFF;}

div.widget_bottom {
	background: url(images/widget_bottom.png) no-repeat;
	height: 10px;
	overflow: hidden;
	}

h3.widgettitle {
	display: block;
	width: 215px;
	padding: 0px 10px;
	height: 48px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	top: -52px;
	left: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	overflow: hidden;
	margin: 0px;
	}



/* -------------------------------------------- NAV */

ul#nav {
	height: 30px;
	display: block;
	list-style: none;
	margin:0;
	padding:0;
	}

ul#nav li {
	float: left;
	display: block;
	height: 30px;
	background: url(images/nav_divider.png) right center no-repeat;
	}

ul#nav li:last-child {background:none;}

ul#nav a {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 16px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
ul#nav li.current_page_item a {
	background: url(images/nav_active_marker.png) center bottom no-repeat;
	}


/* ------------------------------------------------------- FOOTER NAV */

ul#footer_nav {
	list-style: none;
	text-align: center;
	margin:6px 0px;
	}

ul#footer_nav li {
	display: inline;
	margin: 0;
	background: url(images/nav_divider.png) right center no-repeat;
	}

ul#footer_nav li:last-child {background:none;}

ul#footer_nav a {
	color: #FFFFFF;
	font-size: 12px;
	padding: 0px 8px;
	}