@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
******************************
	HTML DEFAULTS
******************************
*/
html { background: #D4E9EA url(/media/layout/bg.jpg) 0 0 repeat-x; }
body { background: transparent url(/media/layout/bg-boards.gif) 140px 0 repeat-x; font:16px/22px Helvetica, Arial, sans-serif; color:#03474B; }

h1, h2 { font: 24px/27px Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #ffe; font-weight: normal; }
h1 { margin-top: 0; font-size: 28px; }
h2 { color: #333; margin: 28px 0 14px; }
h3 { font: 14px/17px Helvetica, Arial, sans-serif; color: #9e1b1b; text-transform: uppercase; font-weight: bold; }

a { color: #0044ab; text-decoration: underline; font-weight: bold; }
a:hover, a:active { color: #9E1B1B; text-decoration: underline; }
sup { font-size: 0.5em; }

p { margin: 14px 0; }

ul { list-style: none; }
ul li { margin: 12px 0; }

label { display: block; margin-top: 4px; }

/*
******************************
	GLOBAL STYLES
******************************
*/

#wrapper { width: 968px; margin: 0 auto; }

#header { position: relative; height: 218px; color: #bbb; }
	#top-nav { position: absolute; right: 0; bottom: 0; }
		#top-nav a { color: #03474B; font-weight: bold; text-decoration: none; }
			#top-nav a:hover, #top-nav a:active { color: #fff; text-decoration: none; }
		#top-nav ul { margin: 0 3px 0 0; }
			#top-nav ul li { float: left; margin: 0 0 0 14px; }
				#top-nav ul li a { display: block; padding: 3px 5px; }
	#logo { position: absolute; left: 0; bottom: 3px; z-index: 222; }
		#logo a { display: block; padding: 10px 5px 5px 0; }
		
#main { margin-top: 10px; padding: 0 4px; }

	#slides {  }
		#slides ul {  }
			#slides ul li { float: left; width: 130px; margin: 0 7px 0 0; text-align: center; }

#content { float: left; width: 490px; margin-top: 8px; }
	
#sidebar { float: right; width: 431px; margin-top: 8px; }
	.yt-vid {  }

#footer { width: 100%; clear: both; padding: 48px 0 24px; }
	

/*
******************************
	PAGE SPECIFIC
******************************
*/

#more-shots { background: url(/media/layout/bg-striped.gif); padding: 4px; border: 3px solid #D4E9EA; }

ul#todays-goals, ul#top-goals, ul#more-goals { margin-left: 4px; }
	ul#todays-goals li, ul#top-goals li, ul#more-goals li  { clear: both; }
		ul#todays-goals li p, ul#top-goals li p, ul#more-goals p { width: 213px; float: left; margin: 0; }
		ul#more-goals p { width: 264px; }
		ul#todays-goals li span, ul#top-goals li span, ul#more-goals li span { display: block; float: right; width: 80px; text-align: center; }

/*
******************************
	UTILITY CLASSES
******************************
*/

sup { display: block; width: 79px; height: 14px; background: url(/media/layout/stars.gif) no-repeat 0 0; }
sup.stars-10, sup.stars-10 {  }
sup.stars-9, sup.stars-9 { background-position: 0 -14px; }
sup.stars-8, sup.stars-8 { background-position: 0 -28px; }
sup.stars-7, sup.stars-7 { background-position: 0 -42px; }
sup.stars-6, sup.stars-6  { background-position: 0 -56px; }
sup.stars-5, sup.stars-5 { background-position: 0 -70px; }
sup.stars-4, sup.stars-4  { background-position: 0 -84px; }
sup.stars-3, sup.stars-3 { background-position: 0 -98px; }
sup.stars-2, sup.stars-2 { background-position: 0 -112px; }
sup.stars-1, sup.stars-1 { background-position: 0 -126px; }
sup.stars-0, sup.stars-0 { background-position: 0 -154px; }
abbr { text-transform: uppercase; }

.nhl-logo { width: 48px; height: 48px; overflow: hidden; float: left; margin: 0 6px 6px 0; background: transparent url(/media/layout/nhl-logos.jpg) no-repeat; border: 3px solid #333; }

	.ana { background-position: -148px -148px; }
	.atl { background-position: -50px -196px; }
	.bos { background-position: -50px -98px; }
	.buf { background-position: -294px -147px; }
	.cal { background-position: -148px 0; }
	.car { background-position: -99px -196px; }
	.chi { background-position: -148px -98px; }
	.col { background-position: -50px -148px; }
	.cbj { background-position: 0 -148px; }
	.dal { background-position: -147px -196px; }
	.det { background-position: -294px 0; }
	.edm { background-position: -196px -98px; }
	.fla { background-position: 0 -98px; }
	.lak { background-position: -49px 0; }
	.min { background-position: -98px -100px; }
	.mon { background-position: 0 0; }
	.nsh { background-position: -98px 0; }
	.njd { background-position: -196px -147px; }
	.nyi { background-position: -98px -148px; }
	.nyr { background-position: -196px -49px; }
	.ott { background-position: 0 -196px; }
	.phi { background-position: -49px -48px; }
	.phx { background-position: -245px -99px; }
	.pit { background-position: -196px 0; }
	.sjs { background-position: -245px -147px; }
	.stl { background-position: -245px -196px; }
	.tbl { background-position: 0 -50px; }
	.tor { background-position: -294px -50px; }
	.van { background-position: -245px 0; }
	.wsh { background-position: -98px -50px; }
	
	.wbs { background-position: -195px -244px; }
	
	.swe { background-position: 0 -244px; }
	.sui { background-position: -50px -244px; }
	
	.bar { background-position: -99px -244px; }
	.na { background-position: -147px -244px; }
	
.outline { border: 3px solid #9E1B1B; padding: 0 4px; background: transparent url(/media/layout/bg-striped.gif); }

input#submits { margin-top: 6px; display: block; }
div.clear { overflow:hidden; height:1px; clear:both; }
li.clear { clear: both; }
.top { margin-top: 0; }

ul.list { padding-left: 16px; }
	ul.list li { list-style: disc; }

.alignRight { float:right; margin:0 0 12px 12px; }
.alignLeft { float:left; margin:0 12px 12px 0; }
.small { font-size: 0.8em; line-height: 1.5em; }
.footnote { font-size: 0.8em; font-style: italic; }

.red { color: #9e1b1b; }
.gray { color: #333; }

.error { color: #f66; font-size: 15px; font-weight: bold; }