@import "reset.css";
@import "typography.css";
@import "layout.css";

a {outline:none; text-decoration:none; font-weight:bold; color:#990000;}
a:hover {background-color:#fdd }
p {margin-bottom:1.5em;}
select {font-size:11px;}

h4 { width:614px; height:25px; background:url(../img/bar_bg.jpg); background-position:0 -50px; margin-bottom:2px; line-height:25px; color:#fff;	 padding-left:5px;}
h3 { width:614px; height:25px; background:url(../img/bar_bg.jpg); margin-bottom:2px; line-height:25px; color:#fff; padding-left:5px;}
h5 { width:614px; height:25px; background:url(../img/bar_bg.jpg); background-position:0 -25px; margin-bottom:2px; line-height:25px; color:#fff; padding-left:5px;}
h6 { height:25px; background:url(../img/bar_bg.jpg); background-position:0 0px; margin-bottom:2px; line-height:25px; color:#fff; padding-left:5px;}

.tablesorter th.headerSortUp { text-decoration: underline; }
.tablesorter th.headerSortDown {  text-decoration: underline; }
.tablesorter th.header { cursor: pointer;}

table {width:100%;}
table th {background:url(../img/bar_bg.jpg) no-repeat #fff; background-position:0 -50px; height:25px; font-size:12px; text-align:center; color:#fff; border:1px solid;}
table th a { color: white; }
table th a:hover { text-decoration: underline; background-color: #990000; }
table td {background:url(../img/bar_bg.jpg) no-repeat #fff; background-position:0 -75px; height:25px; font-size:11px; text-align:center; color:#333; border:1px solid #777; padding:5px;}
table td a {}
table td.grey {background-position:0 -25px; color:#fff}

body { background:url(../img/bg.jpg) top center repeat-y #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#wrapper { width:980px; margin:0 auto; min-height:100%;}
#header {width:980px; height:193px; background:url(../img/header_bg.jpg) no-repeat; position:relative}
#leftnav {width:177px; height:616px; background:url(../img/leftnav_bg.jpg) no-repeat; float:left;}
#main {width:620px; float:left; background:url(../img/maincontent_bg.jpg) right repeat-y #fff; min-height:750px; padding:0 13px 20px 13px;}
#rightnav {width:157px; height:615px; background:url(../img/rightnav_bg.jpg) no-repeat; float:left; position:relative}
#footer {clear:both; height:165px; background:url(../img/footer_bg.jpg) repeat-x bottom;}


/* --- HEADER --- */
#header_logo { position:absolute; left:385px;}
#header_logo a {width:220px; height:120px; display:block; background:url(../img/header_bg.jpg) no-repeat top; background-position:-385px 0; text-indent:-10000px; outline:none;}
#header ul {width:350px; height:26px; position:absolute; top:136px; left:330px; background:url(../img/topnav_bg.jpg) no-repeat;}
#header li {float:left;}
#header li a { height:26px; background:url(../img/topnav_bg.jpg); display:block; text-indent:-10000px}
#header li a.standings {width:85px; background-position: 0 0;}
#header li a.schedule {width:75px; background-position: -85px 0;}
#header li a.scoreboard {width:95px; background-position: -160px 0;}
#header li a.playerstats {width:95px; background-position: -255px 0;}
#header li a.standings:hover {width:85px; background-position: 0 26px;}
#header li a.schedule:hover {width:75px; background-position: -85px 26px;}
#header li a.scoreboard:hover {width:95px; background-position: -160px 26px;}
#header li a.playerstats:hover {width:95px; background-position: -255px 26px;}

/* --- LEFT NAV --- */
div.box ul { width:153px; margin:60px 0 0 25px;}
div.box ul li {width:153px; height:20px;  margin-bottom:3px;}
div.box ul li a {width:153px; height:20px; background:url(../img/leftnav_btn.jpg) top; display:block; text-indent:14px;}
div.box ul li a {text-decoration:none; color:#fff; font-size:12px; font-weight:normal; line-height:20px;}
div.box ul li a:hover {background-position:0 -20px; color:#ccc}

/* --- RIGHT SCOREBOARD --- */
div.seasontxt { color:#dd0000; font-size:11px; overflow:hidden; font-weight:bold; position:absolute; top:14px; left:7px;}
#rightnav ul {width:128px;}
#rightnav lid {color:#fff; width:20px; clear: left; padding-left: 120px; margin-bottom:1.55em;}
#rightnav li {color:#fff; text-align:right; height:22px; margin-bottom:7px; font-size:10px;}
a#tlink {color:#ddd; text-decoration:underline }
#rightnav label{ float: left; text-align:left; line-height:11px;width: 105px; overflow:hidden;}

#rightnav ul#pointleaders {position:absolute; top:41px; left:7px;}
#rightnav ul#goalleaders {position:absolute; top:236px; left:7px;}
#rightnav ul#assistleaders {position:absolute; top:431px; left:7px;}

/* --- POPUPS --- */
div.popup { position: absolute; width: 500px; height: 300px; background-color: #ddd; border: 2px solid #000; top: 50px; left: 250px; z-index: 1000000; }
div.popup_content { padding: 5px; position: relative; height: 260px;}
div.popup_options { position: absolute; bottom: 5px; right: 5px; }
#leaderboard_attention { position:absolute; width: 70px; height: 25px; line-height: 25px; top: 8px; left: 750px; z-index: 100000; text-align: center; font-weight: bold; background:url(../img/bar_bg.jpg); background-position:0 -50px;  color:#fff; }

/* --- PAGES --- */
#pagetitle {width:589px; height:122px; background:url(../img/titles_bg.jpg) no-repeat; color:#FFF; padding:0 15px; margin-top:-14px; margin-bottom:14px;}
#pagetitle h2 {padding-top:52px; font-size:36px;}

#schedulebar { width:619px; height:25px; background:url(../img/bar_bg.jpg); margin-bottom:4px;	}
#schedulebar ul.viewby { height:25px; margin-left:10px;}
#schedulebar ul.viewby li { height:13px; margin-right:3px; color:#fff; font-size:11px; font-weight:bold;float:left; display:block; line-height:25px;}
#schedulebar ul.viewby li a { height:25px; display:block; padding:0px 10px; text-decoration:none; color:#222; background:url(../img/bar_bg.jpg); background-position:0 -25px;}
#schedulebar ul.viewby li a:hover { background-position:0 -50px; text-decoration:none; color:#FFF}
#schedulebar ul.viewby li a.selected { background-position:0 -50px; text-decoration:none; color:#FFF}
#schedulebar ul.monthpick { height:25px; margin: auto; width:350px;}
#schedulebar ul.monthpick li { color:#fff; font-size:11px; font-weight:bold; line-height:25px; float:left;}
#schedulebar ul.monthpick li a {margin-right:3px; height:25px; color:#222; text-decoration:none; background:url(../img/bar_bg.jpg); background-position:0 -25px; display:block; width:100px; text-align:center}
#schedulebar ul.monthpick li a.selected {background-position:0 -50px; color:#fff}
#schedulebar ul.monthpick li a:hover { background-position:0 -50px; text-decoration:none; color:#FFF}
#schedulebar .filterby { height:21px; float:right;padding:2px; margin-right:10px;color:#fff; font-size:11px; }

table#schedule,table#powerrank {margin-top:15px;}

.center { margin: 10px 20px 0 35px; }
.sponsorchicklet { width: 560px; border: 1px solid #ddd; margin-bottom: 5px; }
.sponsorchicklet p { margin: 5px; }


ul#registration { list-style:square; margin	:15px; }
ul#registration li { list-style:square; margin-left:15px; margin-bottom:1em;}

ul.prank li { margin-bottom:10px;}
table#powerrank { background-color:#fff}
table#powerrank th { background:none;} 
table#powerrank td { background:none; padding:5px;} 
table#powerrank td.rank {text-align:center; width:150px;}
table#powerrank td.rank h2 {font-size:70px; margin-left:50px;}
table#powerrank td.rank img {margin-bottom:40px;}
table#powerrank td.title { text-align:left; font-size:18px; font-weight:normal}
table#powerrank td.quotes { text-align:left; font-size:12px; vertical-align:top; line-height:1.5em;}

td.susp_over { background-color:#888; background-image:none}

#galleries {  }
#galleries div { width: 160px; float: left; margin: 2px 5px 5px 5px; }

#teamlogo { float:left; width:250px; text-align:center; height:230px;} 
#teaminfo { float:right; width:350px; margin-right:7px;} 
.teaminfo { border:1px solid #777; text-align:right; padding-right:10px; width:125px;}
#teamstats_left { width:400px; float:left;}
#teamstats_right { width:210px; float:right;}

#breadcrumb a, #breadcrumb{ color:#777; font-size:11px; margin-bottom:15px; }
#playerimg { float:left; width:140px; height:180px; border:1px solid #ccc; text-align:center; margin-right:10px; margin-bottom:10px;}
table#playername  {width:400px;}
td#playername {background:none; color:#000; padding:0; border:none;}
td.playernum {font-size:60px; color:#000; border:none; width:80px; background:none; padding:0; font-weight:bold; text-align:center;}
td.playernam {font-size:26px; text-align:left; padding:0; font-weight:bold; vertical-align:bottom}
td.playertea {font-size:16px; text-align:left; vertical-align:top; padding:0}

#playerteamlogo { padding:5px; background-color:#fff; border:1px solid #ccc; float:right;}

#formspost {margin-bottom:25px;}
#formspost li{line-height:42px; width:619px;}
#formspost li a{ height:42px; width:569px; padding-left:50px; display:block}
#formspost li a.excel { background:url(/img/download_excel_logo.gif) no-repeat;}
#formspost li a.pdf { background:url(/img/download_pdf_logo.gif) no-repeat;}
#formspost li a:hover { background-color:#fdd}

/* --- HOME SPECIFIC --- */
#blurbbox {width:616px; height:246px; background:url(../img/blurb_box.jpg) no-repeat; color:#FFF; margin:0 auto; font-size:11px; padding:0 15px; margin-top:-14px}
#blurbbox p {margin-bottom:1.25em; width:470px}
#blurbbox p.first {padding-top:47px;}
#postbar {width:614px; height:25px; background:url(../img/bar_bg.jpg); background-position:0 -50px; margin-bottom:2px; line-height:25px; color:#fff; padding-left:5px;}
#post p {line-height:1.5em;  padding-left:5px;}
#post p.date {color:#999; font-size:10px; margin-bottom:1.5em; margin-top:5px;}

/* --- FOOTER --- */
#footer_w { width:980px; margin:0 auto; position:relative;}
#footer_mainbottom { width:646px; height:19px; display:block; margin:0 157px 0 177px; background:url(../img/maincontent_bottom.jpg) no-repeat right top;}
#footer_logo a {width:161px; height:91px; background:url(../img/footer_logo.jpg) no-repeat; display:block; position:absolute; top:3px;}
	#footer_logo a h1 { text-indent:-1000px;}
#copyright {color:#FFF; text-align:right; font-size:10px; line-height:24px; margin-right:160px;}
#copyright a {color:#FFF; font-weight:bold; text-decoration:underline}

#footer_menu {color:#FFF; margin-left:170px; width:6	00px;}
.footermenu1 { margin-top:10px;}
.footermenu2 { margin-top:12px;}
#footer_menu ul li { float:left; display:block;}
#footer_menu ul li a{ float:left; display:block; color:#fff; padding:0 7px; font-size:11px; font-weight:normal; border-right:1px solid #fff;} 
#footer_menu ul li a:hover { color:#000}


.champs { position: relative; clear: both;}
.champs div { float: left; width: 160px; text-align: center; padding-left: 5px;}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}