/*   
--------------------------------------------------------------------------- 
Theme Name: Baseball Theme
--------------------------------------------------------------------------- 
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, div, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }									
article, div, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: middle; }
td, td a {font-weight: normal; vertical-align: middle; }
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1) */ word-wrap: break-word; /* IE */ }
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; box-sizing: none; border: none; }
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}  
::-moz-selection{background: aqua; color: #222; text-shadow: none;}
::selection {background: aqua; color: #222; text-shadow: none;} 

/* BASEBALL THEME STYLES
---------------------------------------------------------------------------
COLOR PALETTE
---------------------------------------------------------------------------
Main Nav		=	#D4D4D4
Main Nav:hover	=	#FFFFFF
Tagline			=	#FFFFFF
Content			=	#333333
Links			=	#CC0000
Links:hover		=	#777777

---------------------------------------------------------------------------
FONT STACKS
---------------------------------------------------------------------------
Primary 	->	"proxima-nova", Tahoma, Arial, sans-serif;
Secondary	->	"quatro-slab", "Georgia", sans-serif;
---------------------------------------------------------------------------

/* GLOBAL STYLES 
--------------------------------------------------------------------------- */
* {margin: 0; padding: 0;}
body { background: url('../img/dark-bg.jpg') repeat; font: normal 15px/1 "proxima-nova", Tahoma, Arial, sans-serif; }
body, select, input, textarea { color: #222; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; font-weight: normal; }
h1, h2, h3 { text-transform: uppercase; font-weight: 600; }
h1 { font-size: 200%; line-height: 80px; }
h2 { font-size: 200%; line-height: 80px; }
h3 { font-size: 130%; }
h4 { font: 500 120% "quatro-slab", "Georgia", sans-serif; text-shadow: 0 1px #fff; }
h5 { font-size: 110%; }
h6 { font-size:  90%; }

p { line-height: 1.7; padding-bottom: 15px; }
p.video-title { margin: 1em 0 0 0; }
select, input, textarea {font: normal 15px/1 "proxima-nova", Tahoma, Arial, sans-serif; }

a {text-decoration: none; color: #cc0000; font-style: italic; }
a:hover { color: #800202; text-decoration: underline; }
a:link {-webkit-tap-highlight-color: aqua;} 

.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea { color: #000; background: #c3c3c3!important; border: 1px solid #b2b2b2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 1%;}

#top { background: url('../img/accent-bg.jpg') repeat-x bottom; }
#bottom { background: url('../img/light-bg.jpg') repeat; padding-bottom: 30px; }
.main { width: 100%; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.txt_left { text-align: left; }
.txt_middle { text-align: center; }
.txt_right { text-align: right; }
.wrap { margin: 0 auto; padding: 0; display: block; overflow: hidden; width: 100%; max-width: 1160px; position: relative }
.dark-shadow { color:#000000; position:relative; }
.dark-shadow:before { content: attr(title); position: absolute; color: rgba(255,255,255,0.1); top: 1px; left: 1px; }

/* HEADER STYLES 
--------------------------------------------------------------------------- */
#header { width: 100%; background: url('../img/header-bg.jpg') repeat-x; display: block; overflow: hidden;}
#header .wrap { text-align: center; max-width: 9999px; }
#header #logo { position: relative; top: .5em; }
#logo > img { margin: 1em; max-width: 80%; }


/* NAVIGATION STYLES
--------------------------------------------------------------------------- */
nav#nav {padding-top: 5px; overflow: hidden; background: url('../img/nav-bg.png') repeat-x bottom; text-align: center;}
nav#nav ul {max-width: 1160px; width: 100%; margin: 8px auto;}
nav#nav ul > li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding: 3px 10px; font-style: normal; color: #D4D4D4; font-weight: 600; text-transform: uppercase;}
nav#nav ul > li a { font-style: normal; color: #D4D4D4; font-weight: 600; text-transform: uppercase; }
nav#nav ul > li a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
nav#nav ul > li a:hover { color: #FFF; background: #646464; text-decoration: none; }

/* Collapsible STYLES
--------------------------------------------------------------------------- */
.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 95%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-top: 1.25em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 0 1px #999;
  font-size: 125%;
  text-transform: uppercase;
  background: url(../img/dark-bg.jpg) repeat;
  border-bottom: 5px solid #b2101f;
}
}

.active, .collapsible:hover {
  background-color: #555;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

/* HOMEPAGE STYLES
--------------------------------------------------------------------------- */
#home_top .wrap, #player_top .wrap { max-width: 100%; height: 370px; background: url('../img/feature-bg.png') repeat-x bottom; }

	/* Section: Featured Image
	----------------------------------------------------------------------- */
	#home_top .feature_img { position: relative; display: none; margin: 0 auto; width: 100%; max-width: 1200px; height: 370px; overflow: hidden; background-size: 100%!important; }
	.no-js #home_top .feature_img { display: block; }

	/* Section: Tagline
	----------------------------------------------------------------------- */
	#home_top .tagline, #player_top .tagline { display: block; overflow: hidden; width: 100%; max-width: 1200px; height: 80px; margin: 0 auto; }
	#home_tagline { display: none; }
	.no-js #home_tagline { display: block; }
	#home_top .tagline h1 { color: #f2f2f2; text-align: center; }
	#home_top .tagline h1 span { padding: 0 4px; }
	#home_top .tagline_bar, #player_top .tagline_bar { clear: both; width: 100%; display: block; overflow: hidden; background: url('../img/accent-bg.jpg') repeat bottom; border-bottom: 3px solid #DDD; height: 60px; text-align: center; padding: 10px 0 0 0; }
	
	/* Section: News Feed
	----------------------------------------------------------------------- */
	section.news h4#news { padding-bottom: 25px; }
	article.post_slat { width: 100%; padding: 30px 0; border-bottom: 2px solid #ddd; clear: both; display: block; overflow: hidden; }
	article#first_slat { border-top: 2px solid #ddd; }
	article.post_slat div.left { width: 25%; }
	article.post_slat div.left img { width: 100%; height: auto; }
	article.post_slat div.right { width: 70%; }
	h3.post_title a { font-style: normal; color: #222; text-shadow: 0 1px white; }
	h3.post_title a:hover { color: #cc0000; }

/* PAGE STYLES
--------------------------------------------------------------------------- */
	
	/* Section: Top
	----------------------------------------------------------------------- */
	#top .wrap { clear: both; height: 78px; border-bottom: 3px solid #DDD; margin: 0 0 0 0; max-width: 100%; }
	.page_hdr h2 {  }

	/* Section: Bottom
	----------------------------------------------------------------------- */
	section.content { width: 95%; margin: 1em 0; overflow: hidden; margin-left: auto; margin-right: auto; display: block; }
	section.content section.news { padding-top: 30px; }
	section.content h5 { display: block; font: 700 italic 145%/50px "quatro-slab", "Georgia", sans-serif; text-align: center; text-shadow: 0 1px #fff; }
	section.content h5 { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 10px 0 20px; padding-top: 8px; }
	section.content img { max-width: 98%; height: auto; border: 2px solid #c3c3c3; }
	section.content .static-map { border: 2px solid #c3c3c3; width: 98%; margin: 20px 0; }
	section.content .breadcrumb_head { overflow: hidden; }
	section.content .breadcrumb_head ul.breadcrumb { display: block; padding-bottom: 10px; overflow: hidden; }
	section.content .breadcrumb_head ul.breadcrumb li { float: left; padding-right: 10px; line-height: 1em; }
	section.content .breadcrumb_head .prev-next { float: right; }
	section.content .breadcrumb_head .prev-next p { padding-bottom: 10px; line-height: 1em; }
	section.content hgroup.post_head { padding: 15px 0 10px; border-top: 2px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 25px 0 10px; }
	section.content hgroup.post_head h6 { padding-bottom: 0; }
	section.content h3.post_title { clear: both; }
	section.content .navigation { margin-top: 25px; padding-top: 15px; border-top: 2px solid #dddddd; }
	section.welcome {width: 95%; float: left; margin-right: 2em;}
	section.media {width: 50%; float: left;}

	/* Section: Bottom
	----------------------------------------------------------------------- */
	
	/* Section: Players Table
	----------------------------------------------------------------------- */
	table.players { width: 100%; margin-bottom: 40px; line-height: 30px; }
	table.players a { display: block; width: 100%; height: 100%; font-style: normal; color: #222; }
	table.players tr { border-bottom: 1px solid #ddd; }
	table.players tr.table_title { border-bottom: none; }
	table.players tr.table_title td { font-size: 130%; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px #fff; padding-bottom: 13px; }
	table.players tr.table_head { border-bottom: 2px solid #cc0000; }
	table.players tr.table_head th { line-height: 25px; padding: 0 25px 0 0; text-transform: uppercase; font-size: 85%; }
	table.players td, table.players th { height: 30px; padding: 8px 25px 8px 0; font-size: 100%; }
	table.players td#end, table.players th#end { padding-left: 15px; padding-right: 0; }
	table.players tr.players:hover { background: #d5d5d5; cursor: pointer; }
	table.players td.pos { text-transform: uppercase; }

/* PLAYER PROFILE STYLES
--------------------------------------------------------------------------- */	
	section.player_feature { position: relative; margin: 0 auto; width: 100%; max-width: 1160px; overflow: hidden; height: 370px; }
	section.player_feature div.left { position: relative; bottom: 0; left: 0; width: 28%; padding-left: 1.8%; height: auto; }
	section.player_feature div.left img { height: auto; vertical-align: bottom; }
	.no-js section.player_feature div.left img { display: block; } 
	section.player_feature div.right { width: 65%; padding: 3% 1.8% 0 0; color: #cdcdcd;}
	section.player_feature div.right h1 { color: #fff; text-shadow: 0 1px #999; font-size: 250%; line-height: 1.1; display: block; }
	section.player_feature div.right h3 { font-size: 120%; line-height: 1; border-bottom: 2px solid #cc0000; border-top: 2px solid #cc0000; padding-top: 12px; }
	
	section.player_feature .player_stats_wrap { width: 65.2%; padding: 0 1.8%; color: #CDCDCD; overflow: hidden; float: right; }
	section.player_feature .player_stats_wrap table.player_table { width: 30%; margin: 20px 5% 0 0; float: left; }
	section.player_feature .player_stats_wrap table.player_table td { border: 1px solid #707070; height: 30px; padding: 0 10px; width: 50%; }
	section.player_feature .player_stats_wrap table.player_table th.column { border: none; font-weight: 600; text-transform: uppercase; font-size: 85%; color: #fff; height: 30px; padding: 0; text-align: left;}
	section.player_feature .player_stats_wrap table.player_table td.data { text-align: center; font-weight: 600; color: #fff; }
	section.player_feature .player_stats_wrap table.last { margin: 20px 0 0 0; }
	
	.tagline div.right { width: 60.5%; padding: 14px 1.8% 14px 0; color: #ededed; line-height: 54px; }
	.tagline ul.player_select li { display: block; float: left; padding-right: 0; position: relative; }
	.tagline ul.player_select li select { line-height: 52px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 100; width: 200px; height: 52px; position: absolute; top: 0; left: 0;  cursor: pointer; }
	.tagline ul.player_select li div { position: absolute; top: 0; left: 0; z-index: 99; width: 150px; padding-right: 35px; }
	.tagline ul.player_select li div.player_select h6 { text-align: right; font-weight: bold; text-transform: uppercase; }
	
	.tagline div.contact_btn a { display: block; overflow: hidden; width: 246px; padding-right: 16px; height: 52px; text-transform: uppercase; color: #707070; font-style: normal; font-weight: bold; text-shadow: 0 1px #FFF; }
	.tagline div.contact_btn a:hover { color: #555; text-decoration: none; }
	
	.content .media .embed-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 30px; }
	.content .media .embed-wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.ncsa, .perfect-game, .pbr { float: left; width: 33%; }

/* SIDEBAR STYLES
--------------------------------------------------------------------------- */
div#sidebar { width: 95%; padding: 2%; margin: 25px 0.9% 0 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #FFF; }
div#sidebar h4 { padding-bottom: 12px; }
div#sidebar li { line-height: 1.4; }
div#sidebar div.embed { margin-bottom: 20px; }
div#sidebar div.embed iframe { width: 100%; height: 180px; margin-top: 10px; }
div#sidebar div.embed h5 { border-bottom: 2px solid #cc0000; color: #707070; text-shadow: 0 1px #ededed; text-transform: uppercase; padding: 0; line-height: 22px; font-weight: bold; font-size: 100%; }
div#sidebar div.sidebar_posts { padding-bottom: 30px;}
div#sidebar h5.sidebar_news { border-bottom: 2px solid #C00; color: #333333; text-shadow: 0 1px #EDEDED; text-transform: uppercase; font-weight: 600; line-height: 22px; padding-bottom: 0; margin-bottom: 1em; font-size: 16px; }
div#sidebar .profile_callout { padding-bottom: 25px; display: block; }
div#sidebar div.sidebar_posts ul { display: block; overflow: hidden; padding-bottom: 25px; }
div#sidebar div.sidebar_posts li { margin: 0; padding: 0; line-height: 1; }
div#sidebar div.sidebar_posts li h5 a { font: normal 600 16px/1.2 "proxima-nova", Tahoma, Arial, sans-serif; padding: 10px 0; color: #222; text-shadow: 0 1px #EDEDED; text-transform: normal; }
div#sidebar div.sidebar_posts li span{ text-transform: uppercase; font-size: 14px; font-weight: bold; color: #C00; }

div#sidebar-calendar .simcal-calendar-list ul.simcal-events { margin: 0!important; }
div#sidebar-calendar .simcal-calendar-list ul.simcal-events .simcal-event-details p { font-size: 16px!important; margin: 0!important; padding: 0!important; }
div#sidebar-calendar .simcal-calendar-list ul.simcal-events .simcal-event-details .simcal-event-address { display: block!important; font-size: 14px!important; font-style: italic!important; line-height: 1.4!important; }
div#sidebar-calendar .simcal-calendar-list ul.simcal-events .simcal-event-details br { display: none!important; }
div#sidebar-calendar .simcal-calendar-list ul.simcal-events .simcal-event-description { margin: 5px 0!important; }
div#sidebar-calendar .simcal-calendar-list ul.simcal-events .simcal-event-description p { margin: 0!important; }

/* FOOTER STYLES
--------------------------------------------------------------------------- */
footer#footer {width: 100%; overflow: hidden; background: url('../img/bottom-accent.png') repeat-x top;}
footer#footer .wrap { color: #d4d4d4; padding: 30px 1.8%; width: 96.4%; }
footer#footer .wrap h3 a { color: #d4d4d4; font-style: normal; }
footer#footer .wrap h4 { text-shadow: none; }
footer#footer .wrap li a { color: #d4d4d4; font-style: normal; }

footer#footer .wrap .footer-block ul li { padding: 6px 0 7px; border-bottom: 1px dotted #121212; }
footer#footer .wrap .footer-left { width: 66%; }
footer#footer .wrap .footer-left, footer#footer .wrap .footer-center { padding-right: 5%; }
footer#footer .wrap .footer-center { width: 15%; }
footer#footer .wrap .footer-right { width: 25%; }
footer#footer .wrap .footer-right { text-align: right; }

footer#footer .wrap .footer-right .social-links { display: block; overflow: hidden; }
footer#footer .wrap .footer-right .social-links ul { display: block; overflow: hidden; float: right; }
footer#footer .wrap .footer-right .social-links li { border: none; float: left; height: 50px; width: 50px; padding: 10px 0 0 10px; display: block; }
footer#footer .wrap .footer-right .social-links li.first-link { padding-left: 0; }
footer#footer .wrap .footer-right .social-links li a:hover { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1; 
}
footer#footer .wrap .footer-right .social-links li a.youtube { background-position: left top; }
footer#footer .wrap .footer-right .social-links li a.twitter { background-position: -55px top; }
footer#footer .wrap .footer-right .social-links li a.gmail { background-position: -110px top; }
footer#footer .wrap .footer-right .social-links li a.rss { background-position: -165px top;}
footer#footer .wrap .footer-right .social-links li a.youtube:hover { background-position: left bottom; }
footer#footer .wrap .footer-right .social-links li a.twitter:hover { background-position: -55px bottom; }
footer#footer .wrap .footer-right .social-links li a.gmail:hover { background-position: -110px bottom; }
footer#footer .wrap .footer-right .social-links li a.rss:hover { background-position: -165px bottom;}

footer#footer #tweet .tweet_list li { clear: both; min-height: 48px; padding: 10px 0 11px; }
footer#footer #tweet .tweet_list li a { color: #fff; font-style: italic; }
footer#footer #tweet .tweet_list li span.tweet_time { display: block; }
footer#footer #tweet .tweet_list li span.tweet_time a { text-decoration: none; text-transform: uppercase; font-size: 80%; color: #b4b4b4; }
footer#footer #tweet .tweet_avatar { float: left; width: 48px; padding-right: 20px; }

footer#footer .wrap .copyright, footer#footer .wrap .ss-badge { font: 400 .95em/40px Arial, sans-serif; margin-top: 40px;}
footer#footer .wrap .copyright { clear: both; width: 54%; float: left; }
footer#footer .wrap .ss-badge { width: 37%; float: right; text-align: right; }
footer#footer .wrap .ss-badge a { color: #d4d4d4; font: normal 400 .95em/40px Arial, sans-serif; display: block; padding-right: 50px;}
footer#footer .wrap .ss-badge a:hover { text-decoration: none; color: #ffffff; }


nav#nav .menu-toggle {display: none;}

.team-block {padding: 20px 0; border-top: 1px solid #dddddd; overflow: hidden;}
.team-block .team {font-size: 130%; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px #fff; padding-bottom: 0; line-height: 1.6;}
.team-block .coaches {padding: 5px 0 10px;border-bottom: 2px solid #cc0000;}
.team-block .coaches > li {line-height: 20px;}
.team-block .team-roster {padding: 10px 0; overflow: hidden; }
.team-block .team-roster > li { float: left; width: 50%;}
.team-block .team-roster > li a { display: block; padding: 8px 2%; font-style: normal; font-weight: 600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.team-block .team-roster > li a:hover { color: #232323; text-decoration: none;}
.team-block .team-updates { padding: 20px 0;}

/************************************************************************
 
WIDESCREEN DESKTOP STYLES

*************************************************************************/
@media screen and (max-width: 1100px) {
	nav#nav ul > li a {	font-size: 13px; padding: 5px; }
}

@media screen and (min-width: 1024px) {
	
	/* GLOBAL STYLES
	----------------------------------------------------------------------- */
	body {font: 16px/1 "proxima-nova", Tahoma, Arial, sans-serif;}
}


/************************************************************************
 
DESKTOP STYLES

*************************************************************************/

@media screen and (min-width: 971px) {
	
	/* NAVIGATION
	----------------------------------------------------------------------- */
	nav#nav ul { display: block!important; }
	nav#nav ul a { -webkit-transition: color 0.8s, background 0.8s; -moz-transition: color 0.8s, background 0.8s; -o-transition: color 0.8s, background 0.8s; transition: color 0.8s, background 0.8s; }
	
	/* HOMEPAGE
	----------------------------------------------------------------------- */
	section#home_top div.wrap section.home_feature { }
	section.welcome { width: 98%; }
	#home_top .home_feature .slide_wrap { height: 335px; overflow: hidden; } 
	#home_top .home_feature .slide_wrap .slide_img { position: absolute; right: 5%; }
	#home_top .home_feature .slide_wrap .slide_img img { margin: 20px auto 0; }
	
	/* PAGE STYLES
	----------------------------------------------------------------------- */
	section.page .wrap header.page_hdr { display: block; overflow: hidden; width: 100%; max-width: 1100px; margin: 0 auto; position: relative; }
	
	/* SIDEBAR STYLES
	----------------------------------------------------------------------- */
	div#sidebar { width: 95%; padding: 2%; margin: 25px 0.9% 0 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: url('../img/med-bg.jpg') repeat; border: 1px solid #FFF;}
}


/************************************************************************
 
TABLET STYLES

*************************************************************************/

@media screen and (max-width: 970px) {

	/* HEADER STYLES
	----------------------------------------------------------------------- */
	.menu-open #header .wrap { height: auto; }
	header#header #logo {width: 25%; text-align: center;}
	.smart_height { min-width: 100%!important; height: 350px!important;}
	
	/* NAVIGATION STYLES
	----------------------------------------------------------------------- */
	nav#nav { background: rgba(0,0,0,0.5); margin-top: 0px; padding: 0;}
	nav#nav ul { display: none; }
	.menu-open nav#nav ul { display: block; }
	nav#nav ul > li { padding: 20px 0; margin: 0 0; display: block; width: 50%; float: left; border-top: 1px solid #000; }
	nav#nav ul > li a { font-size: 14px;}
	nav#nav .menu-toggle {display: block; line-height: 1em; display: block; margin: 0 auto; padding: 3px 10px;
    font-style: normal; color: #D4D4D4; font-weight: normal; }
	nav#nav .menu-toggle a { font-style: normal; color: #D4D4D4; font-weight: normal; }
	nav#nav .menu-toggle a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 1.35em;}
	nav#nav .menu-toggle a:hover { color: #FFF; background: #646464; text-decoration: none; }
	
	/* HOMEPAGE STYLES
	----------------------------------------------------------------------- */
	#home_top .wrap, #home_top .feature_img  { height: 335px; }
	
	/* PAGE STYLES
	----------------------------------------------------------------------- */
	#top .wrap { margin-top: 0; }
	section.page .wrap { padding-left: 3%; }
	
	/* PLAYER PROFILE STYLES
	----------------------------------------------------------------------- */
	#player_top .wrap, section.player_feature { height: 335px; }
	section.player_feature div.left { width: 30%; padding-left: 0; bottom:0; }
	section.player_feature div.left img { padding-top: 00px; }
	section.player_feature div.right h3 { font-size: 90%; padding-top: 12px; }	
	section.player_feature .player_stats_wrap table.player_table { font-size: 80%; }
	section.player_feature .player_stats_wrap table.player_table th.column { font-size: 110%; }
	.tagline div.right { width: 96.4%; padding: 14px 1.8%; }
	section.player_feature .player_stats_wrap { width: 66%; }
	section.player_feature div.right { width: 66%; }
	section.content { width: 95%; }
	
	/* CONTENT STYLES
	----------------------------------------------------------------------- */
	section.content { padding-left: 3%; }
	
	/* SIDEBAR STYLES
	----------------------------------------------------------------------- */
	div#sidebar { width: 90%; padding: 4%; margin: 0; background: url(../img/med-bg.jpg) repeat; }
	div#sidebar { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
	
	/* FOOTER STYLES
	----------------------------------------------------------------------- */
	footer#footer .wrap .footer-left { width: 45%; }
	footer#footer .wrap .footer-center { width: 17%; }
	footer#footer .wrap .footer-right { width: 28%; }
	footer#footer #tweet .tweet_avatar { padding-bottom: 10px; }
	footer#footer .wrap .copyright { width: 100%; padding: 0; text-align: center; line-height: 1.4; }
	footer#footer .wrap .ss-badge { width: 100%; padding: 0; text-align: center; margin-top: 10px; padding-top: 40px; line-height: 1.4; background-position: center top; }
}


/************************************************************************
 
FEATURE IMAGE SCALING

*************************************************************************/
@media screen and (max-width: 900px) {
	#home_top .wrap, #home_top .feature_img  { height: 325px; }
	footer#footer .wrap .footer-left { width: 100%; padding-bottom: 30px; text-align: left; }
	footer#footer .wrap .footer-center, footer#footer .wrap .footer-right { width: 100%; text-align: center; }
}
@media screen and (max-width: 850px) {
	#home_top .wrap, #home_top .feature_img  { height: 300px; }
	#player_top .wrap, section.player_feature { height: 370px; }
	section.player_feature div.left { width: 30%; bottom:0; }
}
@media screen and (max-width: 800px) {
	#home_top .wrap, #home_top .feature_img  { height: 275px; }
	#player_top .wrap, section.player_feature { height: 320px; }
	section.player_feature div.left { width: 38%; }
	section.player_feature div.right h3 { font-size: 85%; }
	section.player_feature .player_stats_wrap table.player_table th.column { font-size: 90%; }
	section.content { width: 92%; padding: 0 4%; margin: 30px 0 0; overflow: hidden; border-bottom: 1px solid #BBB;}
	/* SIDEBAR STYLES
	----------------------------------------------------------------------- */
	div#sidebar { width: 92%; padding: 4%; clear: both; border: none; position: relative; left: 0; text-align: center; background: url(../img/med-bg.jpg) repeat; }
	div#sidebar { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; }
	div#sidebar div.embed iframe { width: 100%; height: 180px; margin-top: 10px; max-width: 320px; }
	div#sidebar div.embed h5 { width: 320px; margin: 0 auto; }
}
@media screen and (max-width: 750px) {
	#home_top .wrap, #home_top .feature_img  { height: 250px; }
	#player_top .wrap, section.player_feature { height: 300px; }
	section.player_feature div.right { padding: 2% 1.8% 0 0; }
}
@media screen and (max-width: 700px) {
	#home_top .wrap, #home_top .feature_img  { height: 225px; }
}


/************************************************************************
 
SMARTPHONE STYLES

*************************************************************************/

@media screen and (max-width: 680px) {
	
	/* GLOBAL STYLES
	----------------------------------------------------------------------- */
	#bottom { padding-bottom: 0; }

	/* HOMEPAGE STYLES
	----------------------------------------------------------------------- */
	section#home_top div.wrap section.home_feature { display: block; overflow: hidden; width: 100%; text-align: center; }
	#home_top .home_feature .slide_wrap { background: none; height: auto; } 
	#home_top .home_feature .slide_wrap .slide_img { position: relative; right: 0;}
	#home_top .home_feature .slide_wrap .slide_img img { margin: 0; width: 100%; height: auto; }
	section#home_top section.tagline h1 { font-size: 170%; line-height: 30px; margin-top: 10px; }
	section#home_top section.tagline h1 span { display: block; width: 100%; }
	.smart_height { min-width: 100%!important; height: 200px!important;}
	
	/* PAGE STYLES
	----------------------------------------------------------------------- */
	section#top .wrap { padding-left: 0; text-align: center; }
	section#top .wrap h2 { font-size: 170%; background: none; padding: 0;}
	section.welcome {width: 100%; float: left;}
	section.media {width: 100%; float: left;}
		
		/* Section: Players Table
		----------------------------------------------------------------------- */
		table.players { line-height: 1.2; margin-bottom: 20px; }
		table.players tr.table_title td { font-size: 130%; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px #fff; padding-bottom: 13px; }
		table.players tr.table_head th { line-height: 1.2; padding: 5px; font-size: 65%; }
		table.players td, table.players th { padding: 10px 5px; font-size: 85%; }	
		table.players tr.table_head th#th-no { width: 5%; }
		table.players tr.table_head th#th-name { width: 30%; }
		table.players tr.table_head th#th-pos {width: 25%; }
		table.players tr.table_head th#th-school { width: 25%; }
		table.players td#end, table.players th#end { padding-left: 5px; padding-right: 0; width: 15%; }
	
	/* CONTENT STYLES
	----------------------------------------------------------------------- */
	section.content h5 { font-size: 130%; }
	
	/* PLAYER PROFILE STYLES
	----------------------------------------------------------------------- */
	#player_top .wrap { background: transparent; }
	#player_top .wrap, section.player_feature { height: auto; }
	section.player_feature div.left { width: 100%; padding-left: 0; text-align: center; position: relative; }
	section.player_feature div.left img { padding-top: 0; width: 60%; height: auto; float: none;}
	section.player_feature div.right h1 { padding-top: 10px; font-size: 140%; }
	section.player_feature div.right h3 { font-size: 100%; }	
	section.player_feature div.right { padding: 0 0 2%; border-top: 2px solid #cc0000; width: 100%; text-align: center; }
	section.player_feature .player_stats_wrap { width: 97.4%; padding: 0 1.8%; text-align: center; }
	section.player_feature .player_stats_wrap table.player_table { font-size: 80%; display: inline-block; margin: 0 auto; float: none; }
	section.player_feature .player_stats_wrap table.player_table th.column { font-size: 110%; }
	#player_top .tagline_bar { background-repeat: repeat-x; background-position: center bottom; position: relative; }
	#player_top .tagline div.right { width: 100%; padding: 14px 0; }
	#player_top .tagline { height: 160px; }
	#player_top .tagline div.contact_btn { float: none; text-align: center; position: absolute; bottom: 90px; width: 100%; background-position: center;}
	#player_top .tagline div.contact_btn a { display: block; overflow: hidden; width: 100%; padding-right: 16px; }
	#player_top .tagline ul.player_select { float: none; width: 252px; height: 52px; padding-left: 0; position: relative; margin: 81px auto; }
	#player_top .tagline ul.player_select li h6 { margin-left: 20px; }
}


@media screen and (max-width: 650px) {
	#home_top .wrap, #home_top .feature_img  { height: 200px; }
}
@media screen and (max-width: 600px) {
	#home_top .wrap, #home_top .feature_img  { height: 175px; }
}
@media screen and (max-width: 550px) {
	#home_top .wrap, #home_top .feature_img  { height: 150px; }
	article.post_slat div.left { width: 15%; }
	article.post_slat div.right { width: 80%; }
	article.post_slat .home_excerpt.right { width: 100%; clear: both; padding-top: 10px; }
	article.post_slat .home_excerpt p { padding-bottom: 0; }
	section.player_feature .player_stats_wrap { text-align: center; }
	section.player_feature .player_stats_wrap table.player_table { font-size: 80%; display: block; width: 300px; margin-bottom: 20px; }
	section.player_feature .player_stats_wrap table.player_table td { width: 150px; }
	
	footer#footer .wrap .footer-right .social-links { width: 120px; float: right; }
	footer#footer .wrap .footer-right .social-links li.first-link { padding-left: 10px; }
	footer#footer .wrap .copyright { text-align: center; }
}
@media screen and (max-width: 450px) {
	#home_top .feature_img { background-size: 125%!important; }
}
@media screen and (max-width: 360px) {
	section.player_feature div.left img { width: 80%; }
}
/************************************************************************
 
IE FIXES

*************************************************************************/
.ie8, .ie7 body { width: 980px; margin: 0 auto; }
.ie8 .page_wrap, .ie7 .page_wrap { border-left: 4px solid #343434; border-right: 4px solid #343434; }
.ie8 #home_top .wrap, .ie7 #home_top .wrap, .ie8 #home_top .wrap .feature_img, .ie7 #home_top .wrap .feature_img { height: 300px; } 
.ie8 nav#nav li, .ie7 nav#nav li { padding: 0 4px; }
.ie8 nav#nav li a, .ie7 nav#nav li a { font-size: 85%; }
.ie8 section.player_feature div.left img, .ie7 section.player_feature div.left img { width: 325px!important; height: 325px!important; }


/************************************************************************
 
PRINT STYLES

*************************************************************************/
@media print {



}