/*
Theme Name: North Allegheny
Author: Michael Verner
Description: Custom theme
Version: 1.01
*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

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, aside, 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, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
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;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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 as well, actually) */
	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;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear { clear: both; }

.group:before, .group:after { content: ""; display: table; } 
.group:after { clear: both; }
.group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

a {color: #03f;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #4da8c2;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
/*
font-family: 'Oswald', sans-serif;
font-family: 'Archivo Narrow', sans-serif;
*/

body { background-color: #000; background-image: url(images/bg.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif; font-size: 15px; }

.skip-to-main-content-link {
  position: absolute;
  left: -9999px; 
  z-index: 999; 
  padding: 1em;
  background-color: black !important;
  color: white !important;
  font-size: 16px;
  border: 0;
  font-weight: bold;
}
.skip-to-main-content-link:focus {
  left: 50%;
  transform: translateX(-50%); 
  opacity: 1; 
}

#gobtn { background-color: #ffb400; color: #000000; text-decoration: none; border-radius: 4px; padding: 3px 6px; font-size: 12px; font-weight: bold; }

header { background-image: url(images/headers/na-home-banner-2025.png); background-position: center top; background-repeat: no-repeat; margin: 0; }
header #top { height: 160px; }
div#logo { float: left; width: 260px; }
div#logo a { background-image: url(images/north-allegheny-logo.png); background-position: center center; background-repeat: no-repeat; display: block; height: 100px; margin: 15px auto 5px auto; text-indent: -9000px; width: 227px; color: #ffb400; }
div#logo p { color: #fff; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; text-align: center; text-decoration: none; text-shadow: 2px 2px 3px #222; text-transform: uppercase; }
header p.slogan { color: #fff; float: left; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; margin: 3px 0 0 300px; text-align: right; text-shadow: 2px 2px 3px #222; text-transform: uppercase; width: 400px; }

header #top #search-sm { float: right;
    margin: 85px 0 0 400px;
    text-align: right; vertical-align: middle; }
header #top #search-sm * {vertical-align: middle; }
header #top #search-sm a { background-color: #F3B63F; display: inline-block; margin-right: 6px; font-size: 1.6em; color: #fff; padding: 5px; border-radius: 4px; }
header #top #search-sm a.twitter { background-color: #4DA0EC; }
header #top #search-sm a.youtube { background-color: #E93323; }
header #top form { background-image: url(images/bg-search.png); font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; height: 30px;  padding: 4px 0; width: 161px; display: inline-block; }
header #top input[type=text] { background-color: transparent; border: 0; color: #fff; float: left; margin: 2px 0 0 0; padding: 5px; text-shadow: 2px 2px 3px #222; text-transform: uppercase; width: 120px; }
header #top input[type=image] { float: left; width: 28px; }


nav#main-menu { background-color: #ffb400; -moz-box-shadow: 3px 3px 5px #444; -webkit-box-shadow: 3px 3px 5px #444; box-shadow: 3px 3px 5px #444; color: #fff; height: 47px; }
nav#main-menu ul { margin: 0; width: 100%; }
nav#main-menu li { background-image: url(images/bg-menu.gif); background-position: left top; background-repeat: repeat-x; border-right: 1px solid #d59600; float: left; height: 45px; width: 139px; zoom: 1; }
nav#main-menu li:last-child { border-right: 0; }
nav#main-menu li a { color: #000000; display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; padding: 9px 0 9px 12px; text-decoration: none; /*text-shadow: 2px 2px 3px #d59600;*/ text-transform: uppercase; }
nav#main-menu li:first-child, nav#main-menu li:nth-child(2), nav#main-menu li:nth-child(3) { width: 110px; }
nav#main-menu li:nth-child(4) { width: 149px; }	
nav#main-menu li:nth-child(5) { width: 149px; }	
nav#main-menu li:nth-child(6) { width: 149px; }	
nav#main-menu li:nth-child(7) { width: 197px; }	

/*nav#main-menu ul.drop a { background-position: right top; background-repeat: no-repeat; color: #103f6b; display: inline-block; font-family:'Myriad W01 SmBd', Helvetica, Arial, sans-serif; font-size: 15px; display: inline-block; padding: 9px 29px 6px 12px !important; text-decoration: none; text-transform: uppercase; }
nav#main-menu ul.drop a:hover { background-color: #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #005d92; }
nav#main-menu ul.drop li.no-drop a { padding: 9px 12px 6px 12px !important; }

nav#main-menu ul.drop, nav#main-menu ul.drop li, nav#main-menu ul.drop ul { list-style: none; margin: 0; padding: 0; color: #fff;}
nav#main-menu ul.drop { position: relative; z-index: 597; float: left; background-position: left top; background-repeat: repeat-x; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 37px; list-style-type: none; }

nav#main-menu ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
nav#main-menu ul.drop li a { background-image: url(images/bg-li-drop.png); background-position: right center; background-repeat: no-repeat; }
nav#main-menu ul.drop li:last-child { padding-right: 0; }
*/
nav#main-menu ul.drop li.hover, nav#main-menu ul.drop li:hover { position: relative; z-index: 599; cursor: default; }
nav#main-menu ul.drop ul { border: 1px solid #e7e6e6; -webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; margin-top: 0; z-index: 999; width: 225px; -moz-box-shadow: 3px 3px 5px #444; -webkit-box-shadow: 3px 3px 5px #444; box-shadow: 3px 3px 5px #a8a8a8; }
nav#main-menu ul.drop ul li { background-color: #fff; background-image: none; border: 0; float: none; font-size: 14px; font-weight: normal; height: auto !important; width: auto !important; }
nav#main-menu ul.drop ul li:first-child { }
nav#main-menu ul.drop ul li:last-child { }
nav#main-menu ul.drop ul li a { background-color: #fff; background-image: none; color: #333; display: block; font-size: 13px; font-weight: normal; line-height: 20px; padding: 6px 8px; text-shadow: none; vertical-align: middle; }
nav#main-menu ul.drop ul li a:hover { background-color: #fff5df; color: #000; }
nav#main-menu ul.drop ul ul { margin: 0; left: 100%; }
nav#main-menu ul.drop li:hover > ul { visibility: visible }

nav#main-menu ul.drop li:last-child ul {  }

nav#main-menu ul.drop li.no-drop a { background-image: none !important; }

#spon { padding: 10px 0 10px 0; text-align: center; }
#spon a { padding-right: 24px; }
#spon a:last-child { padding-right: 0 !important; }
#spon img { border: 1px solid #dbdada;  -moz-box-shadow: 1px 1px 2px 2px #f2f2f2; -webkit-box-shadow: 1px 1px 2px 2px #f2f2f2; box-shadow: 1px 1px 2px 2px #f2f2f2; }

.container { width: 980px; margin: 0 auto; }

div#main {  }
div#main #content { background-color: #fff; }

div#main-area { float: left; margin-right: 40px; width: 595px; }
div#main-area .page-content { padding-left: 20px; }

div#sidebar { float: left; width: 345px; }
div#sidebar .widget { margin-bottom: 10px; }
div#sidebar .widget h4 { background-color: #000; color: #fff; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 17px; margin-bottom: 2px; padding: 4px 12px; text-transform: uppercase; }

div#sidebar .widget-content-tint { background-color: #ffe8b2; margin-bottom: 3px; padding: 8px 12px; }
div#sidebar .widget-content-tint img.listen-ico { float: right; margin: 0 0 10px 10px; }
div#sidebar .widget-content-tint h5 { color: #333; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; text-transform: uppercase; }
div#sidebar .widget-content-tint p { color: #333; font-size: 15px; margin-bottom: 12px; }
div#sidebar .widget-content-tint h6 { background-color: #fff4d9; color: #333; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; margin: -8px -12px 0 0; padding: 3px 5px; text-transform: uppercase; }
div#sidebar .widget-content-tint ul { list-style-type: disc; margin: 3px 0 10px 25px; }
div#sidebar .widget-content-tint ul li { line-height: 17px; padding-bottom: 3px; }
div#sidebar .widget-content-tint ul li a { color: #333; text-decoration: none; }

div#sidebar .widget-btn { text-align: center; }
div#sidebar .widget-btn a { background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; display: inline-block; padding: 5px 12px; text-decoration: none; }
div#sidebar .widget-btn a:hover { background-color: #333; }


div#sidebar ul.widget-list { color: #ffb400; list-style-type: square; margin: 7px 0 10px 28px; }
div#sidebar ul.widget-list li { padding-bottom: 6px;}
div#sidebar ul.widget-list p { color: #595151; font-size: 14px; }
div#sidebar ul.widget-list p a { color: #303030; }
div#sidebar ul.widget-list p.date { font-size: 13px; text-transform: uppercase; }
div#sidebar div.widget-link-more { background-image: url(images/bg-line.gif); background-position: center center; background-repeat: repeat-x; font-size: 13px; font-weight: 700; margin-top: -6px; padding-left: 10px; }
div#sidebar div.widget-link-more * { vertical-align: middle; }
div#sidebar div.widget-link-more a { background-color: #fff; color: #000; font-size: 1.3em; padding: 2px 5px; color: #595151; text-decoration: none; }
div#sidebar div.widget-link-more a:hover { color: #ffb400; }

div#sidebar #widget-multimedia a.multimedia-link { color: #595952; text-decoration: none; float: right; text-align: center; padding: 0.5em 0 0.5em 1em; transition: all 0.65s ease; }
div#sidebar #widget-multimedia a.multimedia-link i { display: block; font-size: 2em; margin: 0 auto; }
div#sidebar #widget-multimedia a.multimedia-link:hover { color: #000000; }

div#sidebar #widget-store { background-image: url(images/bg-store-widget.jpg); background-position: center top; background-repeat: no-repeat; border-top: 4px solid #7c7676; padding: 3px 0 5px 0 !important; }
div#sidebar #widget-store h4 { background-color: transparent; color: #000; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 34px; font-weight: 400; margin: 0 !important; padding: 0 !important; text-align: center; text-shadow: 3px 3px 0 #fff; }
div#sidebar #widget-store h4 span { color: #ffb400; }
div#sidebar #widget-store .widget-content { padding: 0 12px; }
div#sidebar #widget-store .widget-content p { font-size: 15px; line-height: 20px; margin-bottom: 10px; text-align: center; }
div#sidebar #widget-store .widget-content p a { color: #595151; }
div#sidebar #widget-store .widget-content p strong { font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif; font-weight: 700; }
div#sidebar #widget-store td { padding: 12px; }
div#sidebar #widget-store td img { display: block; width: 100%; height: auto; margin-bottom: 0.5em; }
div#sidebar #widget-store td p { color: #000000; line-height: 1.25em; text-align: center; }
div#sidebar #widget-store td a { text-decoration: none; }

/*
div#sidebar #widget-store table { }
div#sidebar #widget-store tr.store-img td { background-position: center center; background-repeat: no-repeat; background-size: contain; padding: 10px 10px 7px 10px; text-align: center; width: 50%; }
div#sidebar #widget-store tr.store-img td a { display: block; height: 125px; width: 125px; }
div#sidebar #widget-store tr td:first-child { border-right: 1px solid #e5e5e5; }
div#sidebar #widget-store tr.store-title td { font-size: 15px; padding: 7px 10px 10px 10px; text-align: center; }
div#sidebar #widget-store tr.store-title td a { color: #595151; display: block; text-decoration: none; }
div#sidebar #widget-store tr.store-title td a:hover { color: #000; text-decoration: underline; }*/

div#sidebar #widget-contact { background-image: url(images/bg-contact-widget.gif); background-position: left center; background-repeat: no-repeat; border-top: 4px solid #7c7676; padding: 0; }
div#sidebar #widget-contact .widget-content { padding: 10px 12px; }
div#sidebar #widget-contact .widget-content p { padding-left: 58px; text-align: left; }
div#sidebar #widget-contact .widget-content p a { color: #000; }

div#sidebar #widget-sport-menu ul { font-size: 18px; margin: 8px 0 0 30px; }
div#sidebar #widget-sport-menu li { color: #ffb400; font-size: 18px; list-style-type: square; padding-bottom: 4px; }
div#sidebar #widget-sport-menu li a { color: #000; display: block; padding: 4px 5px 3px 10px; text-decoration: none; }
div#sidebar #widget-sport-menu li:hover { background-color: #ffe8b2; }
div#sidebar #widget-sport-menu li.assoc { border-top: 2px dashed #ffe8b2; padding-top: 4px; }

div#sidebar #widget-video { margin-top: -6px; margin-bottom: 0; }
div#sidebar #widget-video .widget-btn { margin-bottom: 8px; }

#widget-sport-schedule .widget-content > .day { display: flex; flex-direction: row; background-color: #ffe8b2; font-weight: 700; text-transform: uppercase; padding: 3px 10px; margin-top: 5px; }
#widget-sport-schedule .widget-content > .day.day-mod { background-color: rgba(221,0,0, 0.3); }
#widget-sport-schedule .widget-content > .day .date { width: 85%; }
#widget-sport-schedule .widget-content > .day .time { width: 15%; text-align: right }
#widget-sport-schedule  h5 { background-color: #cc0000; color: #ffffff; text-align: center; text-transform: uppercase; }
#widget-sport-schedule .schedule { font-size: 13px; padding: 3px 10px; }
#widget-sport-schedule tr.schedule td { font-size: 13px; line-height: 17px; padding: 3px 20px 5px 10px; }
#widget-sport-schedule .full { background-image: url('images/bg-more-table.gif'); background-position: center center; background-repeat: repeat-x; }
#widget-sport-schedule .full a {  background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; display: block; font-size: 15px; font-weight: bold; margin: 0 auto 0 auto; padding: 4px 15px; text-align: center; text-decoration: none; width: 95px; }		
#widget-sport-schedule .full a:hover { background-color: #e8e8e8; color: #333; }
#widget-sport-schedule .schedule-mod { color: #cc0000; }

#results-schedule-layout { display: flex; flex-direction: row; margin-right: -15px; }
#results-schedule-layout > div { width: 50%; }
#results-schedule-layout h3.date { background-color: #ffe8b2; font-size: 14px; padding: 3px 5px; text-align: left; text-transform: uppercase; margin-left: 15px; margin-top: 5px; display: block; }
#results-schedule-layout h3.date.date-mod { background-color: #dd0000; color: #ffffff; }
#results-schedule-layout .game { display: flex; flex-direction: row; margin-left: 15px; }
#results-schedule-layout .game > div { font-size: 13px; padding: 3px 5px; align-content: center; }
#results-schedule-layout .score-team { width: 37%; }
#results-schedule-layout .score-team a, #results-schedule-layout .team-exp a, #results-schedule-layout .game-schedule a { color: #000000; }
#results-schedule-layout .score { width: 13%; background-color: #f1f1f1; text-align: center; padding: 3px 2px; vertical-align: middle; }
#results-schedule-layout .team-exp, #results-schedule-layout .score-exp { width: 50%; }
#results-schedule-layout .score-exp { background-color: #f1f1f1; text-align: right; }
#results-schedule-layout .score.score-win { background-color: #e1e1e1; font-weight: bold; }
#results-schedule-layout .game-schedule { margin-left: 15px; padding: 3px 5px; align-content: center; font-size: 13px; }
			
				
#main-area h1#category-header { background-color: #000; color: #fff; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 400; margin: 0; padding: 4px 20px; text-transform: uppercase; }
#main-area h2.subsection { background-color: #000; color: #fff; font-family: 'Oswald', sans-serif; font-size: 21px; margin: 15px 0 3px 0 !important; padding: 4px 0 3px 20px; text-transform: uppercase; }

body.page #main-area ul { list-style-type: disc; margin-left: 30px; }
body.page #main-area li { padding-bottom: 10px; }
body.page #main-area li a { color: #595151; }
body.page #main-area li a:hover { color: #ffb400; }
body.page #main-area p a { color: #595151; text-decoration: underline; }
body.page #main-area img.alignleft { float: left; margin: 0 20px 12px 0; }
body.page #main-area img.alignright { float: right; margin: 0 0 12px 20px; }
body.page #main-area img.aligncenter { display: block; margin: 20px auto; }

ul.season-sport-sel { list-style-type: disc; margin-left: 30px; }
ul.season-sport-sel li { font-size: 18px; line-height: 24px; }
ul.season-sport-sel li a { color: #595151; display: block; padding: 5px; text-decoration: none; }
ul.season-sport-sel li a:hover { background-color: #ffe8b2; }
	
	
/* TOP STORIES */
#top-stories { background-image: url(images/slider-stub.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 475px; overflow: hidden; position: relative; width: 595px; transition: background 0.5s linear; background-color: #000000; }
#top-stories h1 { background-image: url(images/bg-tint-black.png); background-repeat: repeat; color: #fff; display: inline-block; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 400; margin-top: 6px; padding: 4px 20px; text-transform: uppercase; }
#top-stories h1 a { color: #fff; text-decoration: none; }
#top-stories h1.videos { background-image: url(images/bg-tint-black-lt.png); float: right; }
#top-stories .control { background-image: url(images/bg-tint-black.png); color: #fff; top: 295px; left: 0; position: relative; height: 130px; }
#top-stories .title { border-right: 1px solid #4d4d4d; float: left; height: 130px; width: 384px; }
#top-stories .thumbs { background-image: url(images/bg-tint-black-lt.png); float: left; height: 115px; padding: 15px 15px 0 15px; width: 180px; }

#top-stories a.prev, #top-stories a.next { border: 0; color: #fff; display: inline-block; float: left; height: 130px; text-decoration: none; width: 20px; }
#top-stories a.prev img, #top-stories a.next img { opacity: 0.6; filter:alpha(opacity=60); }
#top-stories a.prev:hover img, #top-stories a.next:hover img { opacity: 1.0; filter:alpha(opacity=100); }
#top-stories a.disable img { opacity: 0.1 !important; filter:alpha(opacity=10) !important; }

#top-stories .info { float: left; height: 106px; overflow: hidden; padding: 12px 18px; width: 308px; }
#top-stories .info-strip { height: 2000px; }
#top-stories .info p.date-team { color: #ffb400; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 3px 0; text-transform: uppercase; }
#top-stories .info p.date-team a { color: #908686; text-decoration: none; }
#top-stories .info p.date-team a:hover { color: #fff; }
#top-stories h2 { color: #fff; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 400; line-height: 25px; text-transform: uppercase; }
#top-stories h2 a { color: #fff; text-decoration: none; }
#top-stories h2 a:hover { color: #ffb400; }

#top-stories .thumbs a { color: #ffb400; display: inline-block; float: left; height: 47px; margin: 0 3px 5px 0; overflow: hidden; width: 57px; text-align: center; }
#top-stories .thumbs a img { border: 1px solid #000; height: 45px; opacity: 0.4; filter:alpha(opacity=40); width: 55px; }
#top-stories .thumbs a img:hover, #top-stories .thumbs a.sel img { opacity: 1.0; filter:alpha(opacity=100); }
#top-stories .thumbs a.sel img { border: 1px solid #fff; }

.info-story { height: 118px; }

body.page-id-873 #main-area h1#category-header, body.page-id-24263 #main-area h1#category-header { background-color: #FFB400; color: #000; }
body.page-id-873 #main-area h2.subsection, body.page-id-24263 #main-area h2.subsection { background-color: #FFB400; color: #000; }
body.page-id-873 #story-section h2 { background-color: #FFB400; color: #000; }
body.page-id-873 #story-section article h3 { color: #000; }
body.page-id-873 #story-section article h3 a, body.page-id-24263 .page-content article.game-summary h3 a { color: #000; }
body.page-id-873 #story-section article h3 a:hover, body.page-id-24263 .page-content article.game-summary h3 a:hover { color: #595959; }

/* OTHER STORIES */
#story-section { margin-top: 20px; }
#story-section h2 { background-color: #000; color: #fff; font-family: 'Oswald', sans-serif; font-size: 21px; padding: 4px 0 4px 20px; text-transform: uppercase; }
#story-section article { border-bottom: 1px solid #e5e5e5; padding: 15px 0; margin-left: 20px; }
#story-section article img.align-right { float: right; margin: 0 0 10px 25px; }
#story-section article:last-child { border-bottom: 0; }
#story-section article h3 { color: #000000; font-family: 'Oswald', sans-serif; font-size: 19px; margin-bottom: 3px; text-transform: uppercase;  }
#story-section article h3 a { color: #000000; text-decoration: none; }
#story-section article h3 a:hover { text-decoration: underline; }
#story-section article p { font-size: 15px; line-height: 22px; margin-bottom: 0; text-align: left; }
#story-section article p a.read-more { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; font-size: 12px; font-weight: bold; margin-left: 5px; padding: 2px 6px; text-decoration: none; }
#story-section article p a.read-more:hover { background-color: #e8e8e8; color: #333; }


/* RECENT SCORES TABLE */
table#recent-scores, table#recent-scores table { border-collapse: separate !important; border-spacing: 3px; }
#recent-scores td.date { background-color: #ffe8b2; color: #333; font-size: 13px; line-height: 14px; padding: 8px 0 5px 0; text-align: center; text-transform: uppercase; width: 8%; }
#recent-scores td.date strong { line-height: 24px; font-size: 30px; }
#recent-scores td.score-info { vertical-align: middle; width: 41%; }
#recent-scores td.info { background-color: #f2cb72; color: #000; font-size: 13px; font-weight: 700; padding: 1px 3px; width: 100%; }
#recent-scores td.team { font-size: 16px; padding: 2px 3px; width: 83%; }
#recent-scores td.team-mod { font-size: 16px; padding: 2px 3px; width: 78%; }
#recent-scores td.score { font-size: 16px; padding: 2px 3px; text-align: center; width: 17%; }
#recent-scores td.exp { font-size: 13px; line-height: 15px; padding: 2px 3px; text-align: left; width: 22% !important; }
#recent-scores td.spacer { width: 1%; }
#recent-scores td.team-winner { font-weight: 700; }
#recent-scores td.score-winner { background-color: #e3e3e3; font-weight: 700; }
#recent-scores td.link { background-image: url('images/bg-more-table.gif'); background-position: center center; background-repeat: repeat-x; padding: 1px 0 7px 0; text-align: center; }
#recent-scores td.link a { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; display: inline-block; font-size: 12px; font-weight: 700; margin-left: 45px; padding: 3px 6px; text-decoration: none; }
#recent-scores td.link a:hover { background-color: #e8e8e8; color: #333; }
#recent-scores td.no-score { width: 49%; }

a.print { color: #000000; }

.page-content, .post-content { margin: 15px 0 20px 0; }
.page-content h2, .post-content h2 { font-size: 24px; margin-bottom: 10px; }
.page-content h3, .post-content h3 { color: #333; font-size: 21px; margin: 0 0 10px 0; text-transform: uppercase; }
.page-content p.key { font-size: 13px !important; font-style: italic; line-height: 15px !important; }
.page-content hr, .post-content hr { border: 0; border-bottom: 2px solid #dadada; color: #dadada; margin-bottom: 20px; padding-top: 20px; }
.page-content article#no-line { border: 0 !important; margin: 0; }
.page-content img.alignleft, .post-content img.alignleft, .page-content div.alignleft, .post-content div.alignleft { float: left; margin: 0 20px 12px 0; }
.page-content img.alignright, .post-content img.alignright, .page-content div.alignright, .post-content div.alignright { float: right; margin: 0 0 12px 20px; }
.page-content img.aligncenter, .post-content img.aligncenter, .page-content div.aligncenter, .post-content div.aligncenter { display: block; margin: 20px auto; }

div.wp-caption { background-color: #f2f2f2; }
div.wp-caption img { margin: 5px auto 12px auto !important; padding: 0 !important; display: block; }
div.wp-caption p.wp-caption-text { margin: 0 0 12px 0; width: auto !important; padding: 0 12px; font-size: 0.9em; line-height: 1.35em; text-align: center; }

.post-content article { margin-left: 20px; }
.post-content article h2+footer { color: #000000; margin: -7px 0 10px 0; padding: 0; }
.post-content article h2 { color: #000000; font-family: 'Oswald', sans-serif; font-size: 24px; margin-bottom: 3px; text-transform: uppercase; }
.post-content article .entry-content p { font-size: 16px; line-height: 21px; margin-bottom: 12px; text-align: left; }
.post-content article img.featured { display: block; margin: 0 auto 12px auto; }
.post-content article p a { color: #333; }

.post-content h2.tablepress-table-name { color: #333; font-size: 19px; }
.post-content span.tablepress-table-description { display: block; font-size: 15px; line-height: 20px; margin-bottom: 10px; }

table.standard-table {  }
table.standard-table th { background-color: #ffe8b2; border-bottom: 1px solid #bcbcbc; padding: 8px 4px; text-align: left; }
table.standard-table th.th-center { text-align: center !important; }
table.standard-table td { border-bottom: 1px solid #dadada; padding: 6px 4px; }
table.standard-table tr.alt td { background-color: #f8f8f8; }

table.standard-table .game-date { text-align: left; width: 18%; }
table.standard-table .game-time { text-align: left; width: 9%; }
table.standard-table .game-opponent { line-height: 17px; text-align: left; width: 35%; }
table.standard-table .game-opponent a { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; font-size: 12px; font-weight: bold; margin-right: 5px; padding: 2px 6px; text-decoration: none; }
table.standard-table .game-opponent a:hover { background-color: #e8e8e8; color: #333; }
table.standard-table .game-opponent span.comment { font-size: 12px; }

table.standard-table .game-score { text-align: center; width: 15%; }
table.standard-table .game-details { text-align: center; width: 13%; }
table.standard-table .game-details a { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; display: block; font-size: 12px; font-weight: bold; margin-left: 5px; padding: 2px 6px; text-decoration: none; }
table.standard-table .game-details a:hover { background-color: #e8e8e8; color: #333; }

table.standard-table .home-game span.opp { text-transform: uppercase; }
table.standard-table tr.cancelled td { color: #dd0000; }
div.entry p.key { color: #484848; font-size: 13px; margin-top: 10px; text-align: center; }

#results-schedule { width: 100%; }
#results-schedule .res, #results-schedule .sch { width: 49%; }
#results-schedule .spacer { width: 1%; }
#results-schedule .res table, #results-schedule .sch table { border-collapse: separate !important; border-spacing: 2px; margin: 6px 0 3px 15px; width: 290px; }
#results-schedule table th { background-color: #ffe8b2; font-size: 14px; padding: 3px 5px; text-align: left; text-transform: uppercase; }
#results-schedule table td { font-size: 13px; padding: 3px 5px; }
#results-schedule table td.score-team { width: 37%; }
#results-schedule table td.score { background-color: #f1f1f1; padding: 3px 2px !important; text-align: center; width: 13%; }
#results-schedule table td.score-win { background-color: #e1e1e1; font-weight: 700; }
#results-schedule table td.team-exp { width: 50%; }
#results-schedule table td.score-exp { background-color: #f1f1f1; text-align: right; width: 50%; }
#results-schedule a { color: #000; }
#results-schedule table tr.mod th { background-color: #ffb400 !important; }

#roster .player-num { text-align: left; width: 5%; }
#roster .player-name { text-align: left; width: 35%; }
#roster .player-class { text-align: left; width: 15%; }
#roster .player-position { text-align: left; width: 15%; }
#roster .player-space { text-align: left; width: 30%; }

table.tablepress th { background-color: #ffe8b2 !important; }
table.tablepress caption a { background-color: #dcdcdc; color: #595151; font-size: 13px; padding: 4px 10px; text-decoration: none; }
table.schedule-table+span.tablepress-table-description { display: block; font-size: 13px !important; font-style: italic; line-height: 15px !important; text-align: center;}

article.photo-gallery { border: 0 !important; float: left; height: 240px; margin: 10px; padding: 0 !important; width: 170px; }
article.photo-gallery h3 { color: #333; line-height: 14px; margin-bottom: 10px !important; text-align: center; }
article.photo-gallery h3 a { color: #333 !important; font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif !important; font-size: 13px !important; text-transform: none !important; }
article.photo-gallery a.img { display: block; height: 170px; overflow: hidden; width: 170px; }
article.photo-gallery a.pg { text-decoration: none; }
article.photo-gallery a.pg img { display: block; width: 100%; height: 140px; margin-bottom: 7px; }
article.photo-gallery a.pg h3 { font-size: 13px; line-height: 1.25em; }
									
						
div.year-selector { float: right; font-size: 13px; padding-top: 6px; text-align: right; vertical-align: middle; }
div.year-selector * { vertical-align: middle; }
	
div.no-tice { border: 3px dashed #e6e6e6; margin: 20px; padding: 20px; }
div.no-tice p { font-size: 16px; text-align: center; }


.page-content article { border-bottom: 1px solid #e5e5e5; padding: 20px 0;  }
.page-content article img.article-image { float: right; margin: 0 0 20px 25px; }
.page-content article:last-child { border-bottom: 0; }
.page-content .post-list-title { color: #000000; font-family: 'Oswald', sans-serif; font-size: 19px; margin-bottom: -5px; text-transform: uppercase; }
.page-content .post-list-title a { color: #000000; text-decoration: none; }
.page-content .post-list-title a:hover { text-decoration: underline; }
.page-content .entry p { font-size: 15px; line-height: 22px; margin-bottom: 10px; text-align: left; }
.page-content .entry p a.read-more, .post .entry p a.read-more { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; font-size: 12px; font-weight: bold; margin-left: 5px; padding: 2px 6px; text-decoration: none; }
.page-content .entry p a.read-more:hover, .post .entry p a.read-more:hover { background-color: #e8e8e8; color: #333; }

.post-content ol { margin-left: 20px; }
.post-content ol li { padding-bottom: 6px; }

a.post-edit-link { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; display: block; font-size: 16px; font-weight: bold; margin: 20px auto; padding: 4px 12px; text-align: center; text-decoration: none; width: 150px; }	

.search-content { }
.search-content article { border-bottom: 1px solid #dadada; margin-left: 20px; padding: 15px 0 15px 0; }
.search-content article h2 { font-size: 18px; margin-bottom: 2px !important; }
.search-content article h2 a { color: #ffb400; text-decoration: none; }
.search-content article h2 a:hover { text-decoration: underline; }
.search-content article h2 a strong, .search-content .entry p strong { background-color: #ffe8b2; color: #000; }
.search-content footer { font-size: 14px; margin-bottom: 7px; padding: 0; }
.search-content .entry p { font-size: 15px; line-height: 20px; text-align: left; }
.search-content .entry img.align-right { float: right; margin: 0 0 10px 25px; }


div.navigation:before, div.navigation:after { content: ""; display: table; } 
div.navigation:after { clear: both; }
div.navigation { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

div.navigation { margin: 25px 10px 30px 30px; }
div.navigation .next-posts { float: left; width: 50%; }
div.navigation .prev-posts { float: left; text-align: right; width: 50%; }
div.navigation a { background-color: #dcdcdc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #595151; font-size: 20px; padding: 8px 16px; text-decoration: none; }
div.navigation a:hover { background-color: #e8e8e8; color: #333; }

table#calendar-table { margin-bottom: 10px; }
table#calendar-table th.time { width: 9%; }
table#calendar-table th.event { width: 51%; }
table#calendar-table th.details { width: 40%; }
table#calendar-table td { font-size: 13px; line-height: 16px; vertical-align: top !important; }
table#calendar-table td.details { font-size: 12px; line-height: 19px; }
table#calendar-table td.details a.venue { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; font-size: 12px; font-weight: bold; margin-right: 5px; padding: 2px 6px; text-decoration: none; }
table#calendar-table td.details a.venue:hover { background-color: #e8e8e8; color: #333; }
p.calendar-key { color: #595151; font-size: 13px !important; text-align: center !important; }

#calendar-controller { float: right; padding-top: 5px; }
#calendar-controller a { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; font-size: 15px; font-weight: bold; margin-right: 5px; padding: 6px 6px; text-decoration: none; }
#calendar-controller a:hover { background-color: #e8e8e8; color: #333; }


body.page-id-3676 div#content h3 { font-size: 18px !important; margin-top: 12px; }

#widget-calendar h4 { margin-bottom: 0; }
#choosy-cal img { display: block; margin: 20px auto 20px auto; }
#choosy-calendar { margin-top: -1px !important; }
#choosy-calendar h5 { font-size: 18px; text-transform: uppercase; }
#choosy-calendar thead tr, #choosy-calendar thead th { vertical-align: middle; }
#choosy-calendar thead th { background-color: #e6e6e6; padding: 2px; }
#choosy-calendar thead th a { background-color: #595951; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: block; font-size: 16px; text-decoration: none; padding: 3px; }

#choosy-calendar tbody td { border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; vertical-align: middle; padding: 5px; text-align: center; width: 12.5%; }
#choosy-calendar tbody td.blank { background-color: #f8f8f8; }
#choosy-calendar tbody td:last-child {  }
#choosy-calendar tbody td.week { border-left: 0; padding: 0; text-align: left !important; }
#choosy-calendar tbody td.week a { background-color: #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #595151; display: block; font-size: 15px; font-weight: bold; margin-right: 5px; padding: 0px 8px 2px 8px; text-align: center; text-decoration: none; }
#choosy-calendar tbody td.week a:hover { background-color: #e8e8e8; color: #333; }

#choosy-calendar tbody td.day { background-color: #fff; padding: 0; }
#choosy-calendar tbody td.day a { color: #333333; display: block; padding: 5px; text-decoration: none; }
#choosy-calendar tbody td.day a:hover { background-color: #FFE8B2; }
#choosy-calendar tbody td.none { background-color: #f8f8f8; color: #555555; padding: 5px; }
#choosy-calendar tbody td.today a { color: #333333; font-weight: bold; }

div.avgrund-popin img.loading { display: block; margin: 170px auto 0 auto; }

strong.cancelled { background-color: #dd0000; color: #fff; padding: 1px 2pxpx; }

#ev-head { height: 70px; }
#ev-head h1 { font-size: 15px; }
#ev-head h2 { font-size: 13px; font-weight: normal; }
#ev-head .ev { float: left; height: 70px; width: 60%; }
#ev-head .ven { float: left; height: 70px; width: 40%; }
#ev-head .ven p { font-size: 12px; line-height: 15px; }
#ev-head .ven p a { color: #333; }

/* FOOTER LINKS */
#footer-links { }
#footer-links table { background-color: #e7e6e6; }
#footer-links th { background-color: #dbdada; border-bottom: 1px solid #bdbdbd; border-top: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; color: #333333; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; padding: 8px 0 8px 14px; text-align: left; text-transform: uppercase; }
#footer-links td { border-right: 1px solid #bdbdbd; padding: 10px 5px 15px 14px; }
#footer-links th:last-child, #footer-links td:last-child { border-right: 0; }

#footer-links ul { }
#footer-links ul li { font-size: 14px; line-height: 15px; padding-bottom: 5px; }
#footer-links ul li a { color: #333; text-decoration: none; }
#footer-links ul li a:hover { color: #000; }
#footer-links ul.tp1 { float: left; margin-right: 5%; width: 30%; }
#footer-links ul.tp2 { float: left; margin-right: 5%; width: 30%; }
#footer-links ul.tp3 { float: left; width: 30%; }

a.zoomLink { position: inherit !important; display: inline !important; }

/* FOOTER */
footer { padding: 7px 0 10px 0; }
footer p { color: #fff; text-align: center; }

div.coaches { font-size: 1.1em; margin-top: 1.25em; margin-bottom: 1.25em; }
div.coaches h3 { background-color: #ffe8b2; border-bottom: 1px solid #bcbcbc; font-size: 1em; padding: 8px 4px; text-transform: none;  }
div.coaches p { line-height: 1.5em; }

.editablepagecontent { margin: 1.5em 0 1.5em 0; padding: 0 1em; }
.editablepagecontent h2 { font-size: 1.75em; }
.editablepagecontent p { font-size: 16px; line-height: 1.65em; }

					
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
body * { color: #000 !important; position: relative !important; }
body header, body #spon, body #calendar-controller, body #sidebar, body #footer-links, body footer, div.year-selector { display: none; }
body #main-area { float: none !important; position: relative; width: 100%; }

div#main-area h1#category-header { background-color: transparent !important; color: #000 !important; }

div.schedule-container { border-bottom: 0 !important; position: relative; page-break-before: always !important; }
div#schedule-results hr { display: none !important; }
div#schedule-results h2 { font-size: 26px !important; }
div#schedule-results thead tr th { font-size: 20px !important;}
div#schedule-results tbody tr td, div#schedule-results tbody tr td.alt { border-top: 0 !important;border-bottom: 1px solid #dadada !important; font-size: 20px !important; line-height: 1.2em !important; padding-top: 14px !important; padding-bottom: 14px !important; }
div#schedule-results thead tr th:last-child, div#schedule-results tbody tr td:last-child, div#schedule-results thead tr th:nth-child(4), div#schedule-results tbody tr td:nth-child(4) { display: none; }

div#schedule-results thead tr th:first-child, div#schedule-results tbody tr td:first-child { width: 15% !important; }
div#schedule-results thead tr th:nth-child(2), div#schedule-results tbody tr td:nth-child(2) { width: 10% !important; }
div#schedule-results thead tr th:nth-child(3), div#schedule-results tbody tr td:nth-child(3) { width: 75% !important; }
div#schedule-results div.key { display: none !important; }
/*div#schedule-results thead tr th:nth-child(4), div#schedule-results tbody tr td:nth-child(4) { width: 22% !important; }*/
}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-device-width: 480px) {
	
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}