/********************************************************************    
Author: Michael Farrell
Author URL: http://www.hostrocket.com/
Description: Stylesheet for ASUHOCKEY.com
Created: 2/12/09
********************************************************************/

/*************************************************   RESET   *************************************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* IE PNG FIX 
* { behavior: url(iepngfix/iepngfix.htc) }*/

/*************************************************   TEXT   *************************************************/
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0 0 5px 0; padding: 0; line-height: 1.2;}
h2{font-size:24px; color:#f4b300; margin-bottom:20px}
h3{font-size:14px; color:#fff; font-weight:bold}
h4, h5, h6{font-size:12px; color:#fff; font-weight:bold}
.col-right h3{font-size:14px; color:#f4b300; font-weight:bold}
a{border-bottom:1px dotted #f4b300; text-decoration:none; color:#ccc}
a:hover{border-bottom:1px solid #f4b300; text-decoration:none; color:#fff}
b, strong {color:#fff}
p{margin-bottom:20px}
ul{margin-bottom:20px}
ul span{display:block; float:left; width:150px}

/*************************************************   LAYOUT   *************************************************/
html {background:#1b0f27 url(../images/html_bg.jpg) repeat-x;}
body {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 75%; /* IE (12px = 75%) */ color:#bbb7bf; background:url(../images/body_bg2.jpg) no-repeat top center; line-height:18px}
html > body {font-size: 12px;}  /* All other browsers */
#container {width:960px; margin:0 auto;}
#header {height:200px; padding-bottom:20px}
#content {margin:0 20px 20px 20px}
#footer {background:url(../images/footer_bg.gif) repeat-x; height:80px; margin-bottom:20px; border-top:1px solid #42374d; padding:20px; color:#726a79}
.col-left {width:570px; float:left; margin-right:50px}
.col-right {width:300px; float:left; }
.col-left2 {width:570px; padding:0 10px; float:left; margin-right:30px}
.col-right2 {width:280px; padding:0 10px; float:left; }
.clear {height:1px; clear:both; font-size:1px; line-height:1px}

/*************************************************   HEADER  *************************************************/
#logo {margin:0 0 0 190px;}
#logo a{border:none;}
#nav{padding-left:120px; float:left; width:820px; overflow:hidden;}
#nav li{display:inline;}
#nav li a{float:left; color:#fff; padding:11px 12px; text-decoration:none; margin-right:1px; border:none; font-weight:bold;}
#nav li a:hover, #nav li .active{background:transparent url(../images/nav_hover.png); color:#f4b300;}


/*************************************************   CONTENT   *************************************************/
.headlines{list-style:disc; color:#81669b; margin-bottom:20px; padding-left:15px}
.headlines li{margin-bottom:8px}
.headlines a{border:none}
.headlines a:hover{border-bottom:1px solid #f4b300; text-decoration:none; color:#fff}

.leaders{margin-bottom:20px; width:100%;}
.leaders li{float:left; width:135px; margin-right:10px;}
img.border{background-color:#40364a; border:1px solid #50475a; padding:6px;}
.side-block{border:solid #50475a; border-width:1px 0; background:url(../images/block_bg.gif); margin-bottom:20px; padding:10px}
.player{float:left; margin-right:10px}
.next-game{height:60px}
.next-game .mascot{width:64px;}
.next-game li{width:152px; text-align:center; float:left}
.standings{border-top:1px solid #50475a; background:url(../images/block_bg.gif); margin-bottom:20px;}
.standings td, .standings th {border-bottom:1px solid #50475a; padding:2px 10px}
.standings th{background-color:#1b0f27; color:#81669b; font-weight:bold}
.rankings{border-top:1px solid #50475a; background:url(../images/block_bg.gif); margin-bottom:20px; list-style:inside decimal}
.rankings li{border-bottom:1px solid #50475a; padding:1px 10px}
.rankings li span{padding-left:10px}
.table{width:100%; border-top:1px solid #50475a; margin-bottom:20px;}
.table th{font-weight:bold; background:#4a3b59; color:#fff; border-bottom:1px solid #50475a; padding:6px 8px; text-align:left}
.table td{padding:6px 8px; border-bottom:1px solid #42394d;}
.table .alt{background:#2d2339;}
.table2{width:100%; margin-bottom:20px;}
.table2 th{font-weight:bold; background:#4a3b59 url(../images/table_th.gif) repeat-x; color:#fff; border-bottom:2px solid #1b0f27; padding:6px 8px; text-align:left}
.table2 td{padding:6px 8px; border-bottom:2px solid #1b0f27;}
.table2 .end{border-right:none;}
.table2 tr{background:#2d2339 url(../images/table_tr.gif) repeat-x;}
.table2 tr:hover{background:#1b0f27; color:#fff;}
#stats{border:solid #50475a; border-width:1px 0; padding:10px; margin-bottom:20px}
#stats table th{font-size:10px; padding:2px 8px; color:#fff; text-align:center}
#stats table th.heading1{font-weight:bold; padding:0 8px 4px 8px; color:#fff; font-size:14px; text-align:left; border-bottom:1px solid #50475a;}
#stats table th.heading2{font-size:10px; color:#bbb7bf; text-align:left; border-bottom:1px solid #50475a; padding:2px 8px}
#stats table td{padding:2px 8px; font-weight:bold; color:#fff; text-align:center}
.float-left{float:left; margin:0 20px 20px 0}
.block{margin-bottom:20px}
.glossary{margin-bottom:20px; display:block;}
.glossary li{float:left; width:180px; padding:0 5px}
.coach-pic {width:114px; float:left; margin-right:20px; padding-top:5px}
.coach-info {width:436px; float:left}
#pagination{margin-bottom:20px}
#pagination a{background-color:none; border:1px solid #50475a; padding:4px 6px; margin-right:5px; color:#bbb7bf}
#pagination a:hover{background-color:#40364a; color:#fff}
#pagination a.current{color:#f4b300; border:none; background:none}
#pagination a.current:hover{}
.recruiting{background:url(../images/bg_mail.gif) repeat-x; padding:20px; margin-bottom:20px}
.recruiting label{float:left; width:80px; margin-right:20px; text-align:right; height:30px;}
.recruiting label span{color:#605868}
.recruiting div{margin-bottom:20px}
.recruiting .textfield{width:420px; padding:8px 2px; font-weight:bold; background-color:#6f6877; border:1px solid #948f9a}
.recruiting .textarea{width:420px;  padding:8px 2px; font-weight:bold; background-color:#6f6877; border:1px solid #948f9a; height:100px}
.recruiting .submit{background:url(../images/button_submit.gif) no-repeat 0 0; border:none; width:65px; height:30px; text-align:center; float:right; cursor:pointer; color:#1b0f27; font-weight:bold}
.email{float:right}
.success{color:green; font-size:14px; text-align:center; font-weight:bold;}
.error{color:red; font-size:14px; text-align:center; font-weight:bold;}

/*************************************************   FEATURE SLIDER   *************************************************/
#page-wrap{width:570px; height:490px; margin-bottom:20px; position:relative;}
.slider-wrap{width:570px; position:absolute; top:0; left:0;}			
.stripViewer{position:relative; overflow:hidden; width:570px; height:380px;}
.stripViewer .panelContainer{position:relative;left:0; top:0;}
.stripViewer .panelContainer .panel{float:left; height:380px; position:relative; width:570px;}
.stripNavL, .stripNavR, .stripNav{display:none;}
.nav-thumb{border:1px solid black;}
#movers-row{margin:-57px 0 0 92px;}
#movers-row div{width:82px; float:left; margin-right:10px}
#movers-row div a.cross-link{float:right;}
.photo-meta-data{background:url(../images/info_overlay.png) no-repeat; padding:20px; margin-top:-110px; position:relative; height:120px; z-index:2;}
.photo-meta-data h2{color:#fff; font-size:24px; background:none; text-transform:none; padding:0; margin-bottom:5px; width:470px;}
.photo-meta-data p{width:470px;}
.photo-meta-data a{color:#fff;}
#thumbnails{position:absolute; z-index:3; top:390px; overflow:hidden;}
.cross-link{border:none; margin-right:7px; display:block; width:137px; float:left; padding-top:12px}
.cross-link:hover{border:none;}
.cross-link img{border:solid #1b0f27; border-width:0px 3px 3px; opacity:0.6;filter:alpha(opacity=60)}
.cross-link img:hover{opacity:0.8;filter:alpha(opacity=80)}
.active-thumb{padding-top:12px; background:url(../images/active_thumb.jpg) no-repeat top center; }
.active-thumb img, .active-thumb img:hover {border:solid #f4b300; border-width:0px 3px 3px; opacity:1; filter:alpha(opacity=100)}

/*************************************************   FOOTER   *************************************************/
li.ualbany{width:45px; height:49px; float:left; margin-right:20px}
li.ualbany a{width:45px; height:49px; background:url(../images/ualbany_logo.png) no-repeat; display:block; border:none;}
li.ualbany a:hover{background:url(../images/ualbany_logo.png) no-repeat 0 -49px;}
#cg{float:right;}
#footer a{border:none;}