@import "lightbox.css";
@import "site.css";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
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%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* Layout */
body {font-family: Myriad, Arial, sans-serif; font-size: 72.5%; text-align: center; background: #000 url(../img/bg.jpg) repeat-x top left; padding: 10px 0 20px 0;}

#wrap {position: relative; width: 960px; margin: 10px auto; text-align: left; border: 8px solid #333; border-width: 0;}

#header {position: relative;}
#header #title {height: 116px; background: url(../img/header.jpg) no-repeat top left; position: relative;}
#header #title h1 {display: none;}
#header #title .nav {position: absolute; bottom: 0; right: 20px; width: 403px;}
#header #title .nav li {float: left;}
#header #title .nav li a{display: block; text-indent: -9999px;}
#header #logo {position: absolute; display: block; width: 360px; height: 85px; left: 0; bottom: 0;}

#nav_home {width: 69px; height: 39px; background: url(../img/nav_home.gif) no-repeat top left;}
#nav_bio {width: 50px; height: 39px; background: url(../img/nav_bio.gif) no-repeat top left;}
#nav_stats {width: 64px; height: 39px; background: url(../img/nav_stats.gif) no-repeat top left;}
#nav_photos {width: 80px; height: 39px; background: url(../img/nav_photos.gif) no-repeat top left;}
#nav_videos {width: 76px; height: 39px; background: url(../img/nav_videos.gif) no-repeat top left;}
#nav_store {width: 64px; height: 39px; background: url(../img/nav_store.gif) no-repeat top left;}
#default #nav_home, #nav_home:hover {background: url(../img/nav_home_on.gif) no-repeat top left;}
#bio #nav_bio, #nav_bio:hover  {background: url(../img/nav_bio_on.gif) no-repeat top left;}
#stats #nav_stats, #nav_stats:hover  {background: url(../img/nav_stats_on.gif) no-repeat top left;}
#photos #nav_photos, #nav_photos:hover  {background: url(../img/nav_photos_on.gif) no-repeat top left;}
#videos #nav_videos, #nav_videos:hover  {background: url(../img/nav_videos_on.gif) no-repeat top left;}
#store #nav_store, #nav_store:hover  {background: url(../img/nav_store_on.gif) no-repeat top left;}

#header #banner {height: 157px; background: url(../img/stadium.jpg) no-repeat top left;}

#top_nav {position: absolute; top: 0; right: 16px; width: 360px; text-align: right; color: #fff;}
#top_nav {padding: 9px 0 0 0;}
#top_nav li {display: inline; padding: 0 0 0 4px;}
#top_nav li a {font-size: 1em; padding: 0 8px 0 0;}

#content {background-color: #282828; color: #fff; overflow: hidden; height: 1%; border-top: 1px solid #a1a1a1;}
#default #content {background: url(../img/content_bg.gif) repeat-y top left;}
#content .gutter {padding: 20px;}
#content .gutter p {margin: 0 0 10px 0; line-height: 150%;}
#content .gutter h2 {font-size: 2em; font-weight: bold; margin: 0 0 10px 0;}
#content .gutter h3 {font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0;}

#col_left {width: 360px; float: left;}
#col_left .gutter {padding: 20px;}
#col_left .entry h3 {font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0;}
#col_left .entry p {margin: 0 0 10px 0;}

#col_mid {width: 360px; float: left;}
#col_mid .gutter {padding: 20px;}
#col_mid .entry h3 {font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0;}
#col_mid .entry p {margin: 0 0 10px 0;}

#col_right {width: 240px; float: left; text-align: center;}
#col_right .gutter {padding: 20px;}

.entry {margin: 0 0 10px 0; border-bottom: 1px solid #555;}
#he15man {margin: 0 0 10px 0;}

.news {text-indent: -9999px; width: 68px; height: 28px; background: url(../img/news.gif) no-repeat top left;)}
.store {text-indent: -9999px; width: 73px; height: 28px; background: url(../img/store.gif) no-repeat top left;)}
.store_light {text-indent: -9999px; width: 73px; height: 28px; background: url(../img/store_light.gif) no-repeat top left;)}
.bio {text-indent: -9999px; width: 136px; height: 28px; background: url(../img/biography.gif) no-repeat top left;)}
.stats_title {text-indent: -9999px; width: 66px; height: 28px; background: url(../img/stats.gif) no-repeat top left;)}
.photos {text-indent: -9999px; width: 90px; height: 28px; background: url(../img/photos.gif) no-repeat top left;)}
.videos {text-indent: -9999px; width: 85px; height: 28px; background: url(../img/videos.gif) no-repeat top left;)}

#footer {background: #333; color: #fff; clear: both; text-align: center;}
#footer .gutter {padding: 20px 20px 10px 20px;}
#footer p {padding: 0 0 10px 0;}

.stats {width: 100%; margin: 0 0 15px 0;}
.stats th {font-weight: bold; border: 1px solid #ccc; background: #000; padding: 4px; text-align: center; font-size: 1.2em;}
.stats td {padding: 4px; border: 1px solid #ccc; background: #555;}

.disclaimer {color: #aaa;}

#gallery {overflow: hidden; height: 1%; background: #000; padding: 10px 0 0 0;}
#gallery div {width: 184px; float: left; margin: 0 0 10px 0; text-align: center; padding: 10px 0;}
#gallery div a {display: block;}
#gallery div a img {padding: 10px; border: 1px solid #777;}

a {font-size: 1em; color: #fff; text-decoration: none;}
a:active {outline: none;}
a:focus {outline: 0;}

#site_nav {text-align: center; line-height: 150%; padding: 10px 20px;}
#site_nav li {display: inline; padding: 0 4px;}
#site_nav li a {font-size: .95em;}

#news, #products {overflow: hidden; height: 1%;}
#news div, #products div {margin: 0 0 10px 0; clear: both; border-bottom: 1px solid #555; overflow: hidden; height: 1%;}
#news div img, #products div img {margin: 2px 10px 10px 0;}
#products p {font-weight: normal;}
#products img {float: left;}
.price {font-weight: bold; font-size: 1.2em;}

.news a, .store_light a {display: block; width: 100%;}
#news p a {color: #aaa;}
a.buy {width: 118px; float: left;}
a.buy span {display: none;} 
a.buy  {display: block; width: 118px; height: 36px; background: url(../img/buy_off.png) no-repeat top left; margin: 0 0 10px 0;}
a.buy:hover {background: url(../img/buy_on.png) no-repeat top left;}

.infobox {text-align: left; margin: 0 0 10px 0; padding: 0 0 10px 0;}
.infobox .info_row {overflow: hidden; height: 1%; padding: 0 0 4px 0; border-bottom: 1px solid #555; margin: 0 0 4px 0;}
.infobox .info_row .info_title  {display: block; width: 65px; float: left; font-weight: bold;}
.infobox .info_row .info_content {display: block; width: 135px; float: left;}

.videolist li {margin: 0 0 5px 0;}
#video_player {margin: 0 auto; padding: 10px 0; text-align: center; background: #000;}
#search_box {width: 350px; height: 30px; text-align: right; position: absolute; top: 43px; right: 20px; z-index: 100;}

#tla {clear: both; padding: 10px 0; text-align: center; background: #222;}
#adsense {clear: both; text-align: center;}
#adsense_bottom {clear: both; margin: 0 auto; text-align: center; margin: 20px 0 0 0;}

#banner {text-align: center;}
#ads {padding: 20px; text-align: left; list-style: none;}
#ads li {margin: 0 0 10px 0;}
#results {text-align: center; background: #fff; padding: 10px 0 0 0;}

#disclaimer {color: #555;}

.video_module {margin: 0 0 15px 0;}
.video_module h3 {margin: 0 0 6px 0;}