/* 
-----------------------------------------------
	Global CSS
	Project: PickupHockey.com
	Version: 1.0
	Date: November 2007
----------------------------------------------- */
/* 	Sections:
 	- Base
		- Headers
		- Structure
		- Navigation
		- Links / Lists
		- Tables
		- Standard / Misc
 ----------------------------------------------- */


/* =BASE
----------------------------------------------- */
* {margin:0; padding:0;}  /* removes default padding/margins */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 1.3;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../img/bkgd.gif);
	background-color: #434547;
} 

p { 	
	margin: 8px 0;
}

table, input, select { 
 font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* =HEADERS
----------------------------------------------- */
/* h2 */
.title_polls {
 display:block;  
	width:191px; 
	height:24px; 
	background:url(../img/home/title_polls_playoff.gif) no-repeat; 
	padding: 0;
}

/*ie 6 hack for positioning*/
* html .title_polls { 	width:190px;  }	

.title_blogs {
 display:block;  
	width:190px; 
	height:26px; 
	background:url(../img/home/title_blogs.gif) no-repeat; 
	padding: 0;
	margin: 0;
}

.title_forums {
 display:block;  
	width:318px; 
	height:26px; 
	background:url(../img/home/title_forums.gif) no-repeat; 
	padding: 0;
	margin: 8px 0 0 0; 
}

.title_scores {
 display:block;  
	width:318px; 
	height:26px; 
	background:url(../img/home/title_scores.gif) no-repeat; 
	padding: 0;
	margin: 0; 
}

.title_news {
 display:block;  
	width:318px; 
	height:26px; 
	background:url(../img/home/title_news.gif) no-repeat; 
	padding: 0;
	margin: 8px 0 0 0; 
}

.title_about {
 display:block;  
	width:318px; 
	height:26px; 
	background:url(../img/home/title_about.gif) no-repeat; 
	padding: 0;
	margin: 0; 
}

/* Blog Headers */
/* h3 */
.blogTitle_dobber {
 display:block;  
	width:186px; 
	height:39px; 
	background:url(../img/home/blog_dobber.gif) no-repeat; 
	padding: 0;
	margin: 0; 
}

.blogTitle_school {
 display:block;  
	width:186px; 
	height:39px; 
	background:url(../img/home/blog_school.gif) no-repeat; 
	padding: 0;
	margin: 0; 
}

.blogTitle_rinkStink {
 display:block;  
	width:186px; 
	height:39px; 
	background:url(../img/home/blog_rinkStink.gif) no-repeat; 
	padding: 0;
	margin: 0; 
}

.blogTitle_steinman {
 display:block;  
	width:186px; 
	height:39px; 
	background:url(../img/home/blog_steinman.gif) no-repeat; 
	padding: 0;
	margin: 8px 0 0 0; 
}

h3 { 
 font-size: 14px;
 font-weight: bold;
	margin: 14px 0 4px 0;
}

h4 { 
 font-size: 11px;
 font-weight: bold;
	margin: 16px 0 4px 0;
}

.blog h4 { margin: 10px 0 4px 0; }

h5 {font-size: 9px;}


/* =STRUCTURE
----------------------------------------------- */
#wrapper {
	margin:0 auto;
	padding: 0;
	width: 974px;
	text-align: left;
	background: #000 url(../img/home/bkgd_home.gif);
	background-repeat: repeat-y;
}

#header { 
 position: relative; 
	display: block;
 background: url(../img/bkgd_header.gif);
	background-repeat: no-repeat;
	height: 150px;
}

#content { }

#logo {
 float: left;
	margin: 20px 0 0 14px;
	padding: 0px;
	width: 212px;
	height: 93px;
	background:url(../img/logo.gif); 	
	background-repeat: no-repeat;
}

/*ie 6 hack for positioning*/
* html #logo { 	margin: 20px 0 0 7px;}	

#logo a { display:block; width:212px; height:93px; }

/* Main columns */
#columnLeft { /* left side */
 width: 190px;
	margin: 0;
 float:left;	
	margin: 0px 0 0 0;
} 

#columnMiddle { /* middle */
 width: 642px;
	margin: 0 0 0 6px;	
 float:left;
} 

#columnRight { /* right side */
 width: 120px;
	float: right;
	margin: 0 8px	0 0px;
} 

/* ie6 hack */
* html #columnRight { 	position: absolute; margin-left: 8px; }	

/* 2 middle columns within #columnMiddle */
#columnMidLeft {  
 width: 318px;
	margin: 0 6px 0 0;	
 float:left;
}  

#columnMidRight {  
 width: 318px;
	margin: 0 0 0 0;	
 float:left;
}  

.contentBlock {  /* typical content within columns */
 background: url(../img/home/bkgd_columnContent.gif);
	background-repeat: no-repeat;
	padding: 1px 13px 6px 13px;
}

.contentBlockLeft {
 background: url(../img/home/bkgd_columnContentLeft.gif);
	background-repeat: no-repeat;
	padding: 7px 6px 4px 10px;	
}

.contentBlockLeft p {
 padding: 0 6px 0 4px;
}

/* Pick 'Em - Left Column */
.featureLeft {
	background-image: url(../img/home/bkgd_pickem_prePlayoffs.jpg);
	background-repeat: no-repeat;	
	height: 245px;
}

.featureLeftPlayoffs {
	background-image: url(../img/home/bkgd_pickem_playoffs.jpg);
	background-repeat: no-repeat;	
	height: 245px;
}

.featureLeft_buttons {
 position: relative;
	top: 97px;
	left: 10px;
	width: 180px;
	height: 24px;
}

.featureLeft_signIn {
 position: relative;
	top: 97px;
	left: 6px;
	width: 168px;
	height: 100px;
	margin: 5px 8px 8px 8px;	
	padding: 0;
}

.featureLeft h4 { margin-top: 0px }
.featureLeftPlayoffs h4 { margin-top: 0px }

.featureLeft_forgetPass {
 font-size:10px; 
	float: right;
	margin: 5px 11px 0 0;
}

/* Heads Up Blogs */
.contentBlock_blogs {
 background: url(../img/home/bkgd_columnContentLeft.gif);
	background-repeat: no-repeat;
	padding: 14px 2px 1px 2px;	
	margin: 0;
}

.blog {
	padding: 2px 8px;	
}

/* Login Boxes */
#login {
	width: 642px;
	height: 290px;
	border-bottom: 4px solid #d6d6d6;
	padding: 0; /* for bottom border effect */
	background: #999 url(../img/home/bkgd_login_08.jpg) no-repeat;	
}

.login_manager {
 float: left;
	width: 305px;
	height: 90px;
	margin: 105px 0 0 9px;
	z-index: 15;	
}

* html .login_manager  /* ie6 fix*/  {
	margin: 105px 0 0 5px;
}

.buttons_manager {
 margin: 0 0 0 8px;
	padding: 6px 0 0 0;
}

.login_pickem {
 float: right;
	width: 304px;
	height: 90px;	
	margin: 105px 6px 0 0;
	z-index: 15;	
}

* html .login_pickem  /* ie6 fix*/  {
	margin: 105px 0 0 0;
	padding: 0 3px 0 0;
}

.buttons_pickem {
 margin: -7px 0 0 105px;
}

.loginSubmit { margin-top: 5px }

.loginForgot{ font-size: 10px; margin: 0 0 3px 3px; padding: 0 0 3px 0; }


/* fields */
.signInHome {
 height: 19px;
}


/* Footer */
#footer {
	width: 974px;
	height: 125px;
	font-size: 10px;
	padding: 28px 0 0 0;
	background: url(../img/bkgd_footer.gif);
	background-repeat: no-repeat;
	background-position: top;
 color: #999;
	border-bottom: 9px solid #181818;
	clear: both;
}

#footer p { 
 padding: 17px 0 0 10px;
	margin: 0;
	font-size: 10px;	
} 

#footerLogo {
 float: right;
	position: relative;
	z-index: 70;
	width: 125px;
	text-align: center;
	margin: 18px 8px 0 0;
}

.footerGraphic {  /* hockey player at bottom right */
 float: right;  
	margin: -273px 18px 0 0;
	position: relative;
	z-index: 2;
}

* html #footerLogo  {  /* IE6 hack for hockey player - minor padding difference */
	margin: 18px 5px 0 0;
}


/* =NAVIGATION
----------------------------------------------- */
#navbar {
 position:absolute;
	height: 28px;
	top: 100px;
	left: 246px;
}


 #nav { }
	#nav li {list-style: none; margin: 0; padding: 0; display: inline;}
	#nav li a:link, #nav li a:visited {display: block; position: absolute; top: 0; height: 28px;}
	#nav 	li a:hover {background: transparent;}

	#nav .li1 a {left: 0; width: 66px; }
	#nav .li2 a {left: 66px; width: 160px;}
	#nav .li3 a {left: 226px; width: 131px;}
	#nav .li4 a {left: 357px; width: 80px;}
	#nav .li5 a {left: 437px; width: 108px;}
	#nav .li6 a {left: 545px; width: 68px;}
 #nav .li7 a {left: 613px; width: 114px;}	

	#nav li a:link span, #nav li a:visited span {
	 display: block; 
		position: absolute; 
		top: 0px; 
		background-image: url(../img/nav.gif); 
		background-repeat: no-repeat; 
		overflow: hidden; 
		font-size: 1px; 
		line-height: 1px; 
		color: #ff7f00; 
		height: 0;
		padding: 28px 0 0 0;
	 cursor: hand 	
	}
		
	#nav .li1 a span {background-position: 0 0; width: 66px;}
	#nav .li2 a span {background-position: -66px 0; width: 160px;}
	#nav .li3 a span {background-position: -226px 0; width: 131px;}
	#nav .li4 a span {background-position: -357px 0; width:80px;}
	#nav .li5 a span {background-position: -437px 0; width: 108px;}
	#nav .li6 a span {background-position: -545px 0; width: 68px;}
	#nav .li7 a span {background-position: -613px 0; width: 114px;}	

	#nav .li1 a:hover span {background-position: 0 -28px;}
	#nav .li2 a:hover span {background-position: -66px -28px;}
	#nav .li3 a:hover span {background-position: -226px -28px;}
	#nav .li4 a:hover span {background-position: -357px -28px;}
	#nav .li5 a:hover span {background-position: -437px -28px;}
	#nav .li6 a:hover span {background-position: -545px -28px;}
	#nav .li7 a:hover span {background-position: -613px -28px;}	
	
	#nav .li1 a.set:link span, .li1 a.set:visited span {background-position: 0 -28px;}
	#nav .li2 a.set:link span, .li2 a.set:visited span  {background-position: -66px -28px;}
	#nav .li3 a.set:link span, .li3 a.set:visited span  {background-position: -226px -28px;}
	#nav .li4 a.set:link span, .li4 a.set:visited span  {background-position: -357px -28px;}
	#nav .li5 a.set:link span, .li5 a.set:visited span  {background-position: -437px -28px;}
	#nav .li6 a.set:link span, .li6 a.set:visited span  {background-position: -545px -28px;}
	#nav .li7 a.set:link span, .li7 a.set:visited span  {background-position: -613px -28px;}		
	

/* =LINKS + LISTS
----------------------------------------------- */
#content a:link   { text-decoration: underline; color: #014068;  }
#content a:visited { text-decoration: underline; color: #014068; }
#content a:active  { text-decoration: underline; color: #014068; }
#content a:hover  { text-decoration: underline; color: #000; background: #c2d1da }

#login a:link   { text-decoration: underline; color: #014068;  }
#login a:visited { text-decoration: underline; color: #014068; }
#login a:active  { text-decoration: underline; color: #014068; }
#login a:hover  { text-decoration: underline; color: #000; background: none }

#footer a:link   { text-decoration: none; color: #999; border-bottom: 1px solid #181818; margin: 0 7px; }
#footer a:visited { text-decoration: none; color: #999; border-bottom: 1px solid #181818; margin: 0 7px; }
#footer a:active  { text-decoration: none; color: #999; border-bottom: 1px solid #181818; margin: 0 7px; }
#footer a:hover  { text-decoration: none; color: #fff; border-bottom: 1px solid #dfdfdf; margin: 0 7px; }

#forumList {  /* for forum topics on homepage */
 margin: 14px 0 15px 3px;
 padding: 0 0 0 5px;
 list-style: none;	
 line-height: 1.2;
}

#forumList li {
 padding-left: 13px;
 background-image: url(../img/home/bullet_arrow.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin-bottom: 7px;
}

#loginList {  /* list in login area */
 position: relative;
 margin: 0 0 15px 3px;
 padding: 5px 0 0 5px;
 list-style: none;	
 line-height: 1.2;
	z-index: 50; 
}

#loginList li {
 padding-left: 12px;
 background-image: url(../img/home/bullet_arrow.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin-bottom: 3px;
}

/* =TABLES
----------------------------------------------- */
table.table-game-chart { 
	width: 290px;
	border: 1px solid #c2d0d9;  
}
	
.table-game-chart th { 
 border: 0; 
	font: bold 10px Verdana, Helvetica, San-serif; 
	text-transform: uppercase; 
	padding: 4px 7px;
}

.table-game-chart td {
 border: 0; 
	font: 11px Arial, Verdana, Helvetica, San-serif; 	
	padding: 4px 4px 3px 4px;

}

.schedule {
 background: #FFF6E2
}

.tableBkgd {
 background: url(../img/home/bkgd_table.gif);
	background-repeat: no-repeat;
 height: 13px;
}

.win { background-image: url(../img/home/bkgd_win.gif) }

.loss { background: #FFF6E2}

.tableTitle { margin-left: 86px }

.contentBlockLeft td {  /* for poll table */
 padding: 1px 1px;
}

/* =STANDARD + MISC
----------------------------------------------- */
.linkedImage  {
 margin: 0; padding: 0; border: 0; 
}

.hide { display: none }

hr { display: none }

img { border: 0 }

.caps { text-transform: uppercase }

.sml { font-size: 9px; margin-top: 0px; }

* {outline:none;} /* no outline on linked images when clicked in Firefox */

/* advertising */
.adBox { padding: 11px 8px 8px 8px; }

.adSkyscraper { }
	
.adBanner { float: right; padding: 3px 4px 2px 0 }

.clear { clear:both }

.signInFields { border:solid 1px #878787; background:#fff }

.fieldMargin { margin: 2px 0px }