/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {	
	background: #2C2C2C url('../img/bg/body-bg.jpg') top left repeat-x;
	margin: 0; padding: 0;	
	}
				
/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#main-nav {
	background: #383838 url('../img/nav/main-nav-bg.jpg') top left repeat-x; 
	width: 900px; height: 40px; 
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	clear: both;
	}	
 
body #main-nav .current_page_item a { background:transparent url('../img/nav/main-nav-hover-bg.png') 50% 0% no-repeat; color: #FFF;  }

body #main-nav .current_page_parent a { background:transparent url('../img/nav/main-nav-hover-bg.png') 50% 0% no-repeat; color: #FFF;  }


/* Page Nav */

#pagenav {
	float: left;
	position: relative;
	z-index: 100;
	padding: 0; margin: 0;
	list-style-type: none;
}

#pagenav li a {
	font-size: 12px; line-height: 40px; font-weight: bold; text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	padding: 0 20px; margin: 0;
	border-right: 1px solid #363636;
	height: 40px;
}

#pagenav li ul {
	padding: 0; margin: 0;
	list-style-type: none;
	border: 0;
}

#pagenav li {
	float: left;
	padding: 0;
	margin: 0;
}

#pagenav li a {
	color: #BAE57A;
}

#pagenav li a:active, #pagenav li a:hover 	{ 
	background:transparent url('../img/nav/main-nav-hover-bg.png') 50% 0% no-repeat; 
	color: #FFF; 
}

#pagenav li a:link, #pagenav li a:visited {
	
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 100;
}

#pagenav li a:hover, #pagenav li.current_page_item a:link, #pagenav li.current_page_item a:visited  {
	position: relative;
}


/* Style drop down list */

#pagenav li ul li {
	float: none;
	padding: 0;
}

/* first level */

	#pagenav li ul {
		position: absolute;
		background-color: white;
		left: -999em;
	}

	#pagenav li:hover ul, #pagenav li.sfhover ul {
	}

	/* second level */

		#pagenav li li:hover ul ul, #pagenav li li.sfhover ul ul {
			left: -999em;
		}

		#pagenav li li li:hover ul, #pagenav li li li.sfhover ul {
			left: auto;
		}

		/* third level */

			#pagenav li li li:hover ul ul, #pagenav  li li li.sfhover ul ul {
				left: -999em;
			}

			#pagenav li li li li:hover ul, #pagenav li li li li.sfhover ul {
				left: auto;
			}

#pagenav li ul ul {
	margin: -26px 0 0 200px;
}

#pagenav li ul ul li a {
	line-height: 25px;
}

#pagenav li:hover ul ul, #pagenav li.sfhover ul ul {
	left: -999em;
}

#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul {
	left: auto;
}

#pagenav li ul li a:link, #pagenav li ul li a:visited  {
	color: #666;
	background: none;
	display: block;
	width: 150px;
	border-right: 0;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 0 20px!important;
}

#pagenav li ul li ul li a:link, #pagenav li ul li ul li a:visited  {
	padding: 5px 0 5px 10px!important;
}

#pagenav li ul li a:hover  {
	text-decoration: underline;
}

#pagenav li ul li a span.left  {
	display: none!important;
}

#pagenav li ul li a span.right {
	display: none!important;
}


/* IE7 Fix */

#pagenav li:hover, #pagenav li.hover {  
	position: static;
}


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#grid-header h1 a {
	background: transparent url('../img/logo/holmdel-logo-small-top.jpg') no-repeat left top;
	display: block; float: left;
	width: 110px; 	height: 135px;
	margin: 0 0 0 22px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}

body#section-one #grid-header h1 {
	display: none;	
	}

#grid-content-header h1 a {
	background: transparent url('../img/logo/holmdel-logo-small.gif') no-repeat left top;
	display: block; float: right;
	width: 103px; 	height: 114px;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}
	
#grid-content-header h1 a {
	margin: 20px 130px 0 5px; padding: 0;
}

#section-one #grid-content-header h1 a {
	background: transparent url('../img/logo/holmdel-logo.gif') no-repeat left top;
	display: block; float: right;
	width: 182px; 	height: 201px;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}
	
#section-one #grid-content-header h1 a {
	float: left;
	margin: 20px 0 0 75px; padding: 0;
}	


/* Content Box Styles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Widgets */

#grid-content-right #sidebar-ul {
	list-style-type: none;
	padding: 0; margin: 0;
}

.widget {
	background-color: white; 
	border: 1px solid #D9D9D9;
	width: 260px; height: auto;
	margin: 8px auto; padding: 0px; 
}
	
.widget ul {
	padding: 5px; margin: 0;
}
	
.widget .widgettitle {
	border-bottom: 1px solid #D9D9D9;	
	margin: 0 0 0px 0; padding: 8px 5px;
	line-height: normal;
	font-weight: bold; font-size: 13px; text-transform: uppercase;
}

/* Field Alerts Box */
#field-alerts ul 	{ list-style-type: none; font-size: 12px; font-weight: bold;}
#field-alerts li 	{ margin: 0; padding: 30px 0 0 0; text-align: center; }
#field-alerts li h4 	{ font-size: 16px; line-height: 30px; font-weight: bold; }
#field-alerts li small 	{ display: block; }
#field-alerts li span 	{ display: block; }
#field-alerts li span a	{ color: #000; text-decoration: underline; }
#field-alerts li span a:hover	{ color: #999; }
#field-alerts span 	{ font-size: 11px;  }
#field-alerts h5	{ display: block; color: #2070A5; padding: 3px 0; margin: 0; line-height: 100%; }
#field-alerts small	{ font-size: 11px; font-weight: normal; color: #666; }

.field-closed 		{ background: #FFF url('../img/misc/field-closed.jpg') 50% top no-repeat; }
.field-closed h4	{ color: red; }
.field-open			{ background: #FFF url('../img/misc/field-open.jpg') 50% top no-repeat; }
.field-open h4		{ color: #009933; }
.field-caution		{ background: #FFF url('../img/misc/field-caution.jpg') 50% top no-repeat; }
.field-caution h4	{ color: #FFCC33; }


/* Events Boxes on Home Page */
#events-list ul 	{ margin: 0; padding: 5px; list-style-type: none; font-size: 12px; font-weight: bold; }
#events-list li 	{ margin: 0; padding: 5px 5px; border-bottom: 1px dotted #D9D9D9; }
#events-list span 	{ display: block; clear: both ;  }
#events-list p 	{ font-size: 11px; margin: 0; padding: 3px 0 0 5px; font-weight: bold; }

/* Photos Boxes on Home Page */
#photo-block		{ padding: 0 0 5px 0;}
#photo-block img 	{  margin: 4px; padding: 5px; border: 1px solid #D9D9D9; }
#photo-block table 	{ margin: 5px 0 5px 5px; }
#photo-block label 	{ float: left; padding: 1px 5px 0 10px; font-weight: bold; font-size: 11px; }


/* Home Page Header Text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#grid-content-header-text {
	float: left; 
	width: 570px; height: auto;
	margin: 15px 0 0 30px;
	}

#section-one #grid-content-header-text {
	float: right; 
	margin: 15px 30px 0 0;
	}

#grid-content-header-text h2, #grid-content-header-text p, #grid-content-header-text a { color: white; }

#grid-content-header-text h2 		{ font-size: 28px; font-weight: bold; margin: 0; padding: 0; }
#grid-content-header-text p 		{ font-size: 15px; line-height: 130%; margin: 5px 0 0 0; padding: 0; }
#grid-content-header-text a 		{ text-decoration: underline; font-weight: bold; }
#grid-content-header-text a:hover 	{ text-decoration: underline; color: black; }


/* Advertising Slots
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#ad-page-top {
	display: block; float: left;
	width: 728px; 	height: 90px;
	margin: 16px 0 0 16px; padding: 0;			
	}

body#section-one #ad-page-top {
	display: block; float: left;
	width: 728px; 	height: 90px;
	margin: 20px 0 25px 90px; padding: 0;			
	}

#side-bar-ads { margin: 0 0 10px 4px; }
#side-bar-ads img { margin: 2px 4px 3px 5px; padding: 0px;}


/* Blog / News Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#featured-blog-post {
	background: #FFF url('../img/bg/featured-blog-article-bg.jpg') bottom left repeat-x;
	margin: 0; padding: 0 10px 10px 10px;	
	-moz-border-radius-bottomleft: 8px; 
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px;
	}

#featured-blog-post h2 		{ font-size: 25px; line-height: 120%; letter-spacing: -1px; color: #333333; font-weight: bold; margin: 0; padding: 0; }	
#featured-blog-post p 		{ font-size: 12px; line-height: 134%; margin: 5px 0 5px 0; padding: 0; color: #333333; }
#featured-blog-post img 	{ background-color: white; float: left; padding: 5px; margin: 5px 15px 5px 5px; border: 1px solid #D3D3D3;}
#featured-blog-post a 		{ text-decoration: underline; font-weight: bold; }
#featured-blog-post a:hover { text-decoration: underline; color: black; }
#featured-blog-post p.meta 	{ font-size: 11px; }	

#blog-article-list 			{ margin: 0; padding: 10px 0; }
#blog-article-list td 		{ padding: 10px; }
#blog-article-list h3 		{ font-size: 13px; line-height: 140%; text-transform: uppercase; color: #333333; font-weight: bold; margin: 0; padding: 0; }
#blog-article-list p  		{ font-size: 13px; line-height: 130%; margin: 5px 0 5px 0; padding: 0; }	
#blog-article-list p.meta 	{ font-weight: bold; font-size: 11px; }
#blog-article-list-ads img 	{ padding:  0; }

.post-meta { margin: 0; padding: 0; color: #888893;  }

.post-meta a { font-weight: bold; padding: 0 4px; text-decoration: none; }
.post-meta a:link, .post-meta a:visited { background-color: #F2F8DA; color: #888893; }
.post-meta a:active, .post-meta a:hover { background-color: #CCE580; color: #333; }

.entry h4, #respond { color: #169232; font-size: 16px; font-weight: bold; }

.entry a { font-weight: bold; color: #185067;  }
.entry a:link, .entry a:visited { text-decoration: underline; }
.entry a:active, .entry a:hover { text-decoration: none; }
.entry small { color: #666; font-size: 11px; font-weight: bold; display: block; }
.entry .small-link { color: #336699; font-size: 11px; font-weight: bold; }
.entry #email-links { padding: 10px 0 15px 0; margin: 0; }
.entry #contact-form { padding: 0 25px 15px 25px; margin: 10px 0 0 0; background-color: #E8E8E8; }
.entry #contact-form input { padding: 0; margin: 0; }
.entry #contact-form #contact-form-final { text-align: center; padding: 20px 0 10px 0; margin: 0; }
.entry #contact-form small { padding: 15px 0 5px 0; margin: 0; }
.entry .dbem_events_list { list-style-type: none; padding: 18px 0; margin: 0; }
.entry .dbem_events_list h4 a { color: #169232; font-size: 16px; font-weight: bold; }
.entry .dbem_events_list small { color: #333; font-size: 12px; font-weight: bold; }
.entry .dbem_events_list p { color: #333; font-size: 13px; font-family: Helvetica Neue, Helvetica, Arial; padding: 0 0 10px 0; margin: 0; }
.entry .news_events_list { list-style-type: none; padding: 18px 0; margin: 0; }
.entry .news_events_list h4 a { color: #169232; font-size: 16px; font-weight: bold; }
.entry .news_events_list small { color: #333; font-size: 12px; font-weight: bold; }
.entry .news_events_list p { color: #333; font-size: 13px; font-family: Helvetica Neue, Helvetica, Arial; padding: 10px 0 15px 0; margin: 0; }
.entry #register-table { border: 1px solid #D0D0D0; padding: 0; margin: 10px 0 0 0; }
.entry #register-table a { color: #2070A5; text-decoration: underline; font-family: Arial; font-weight: bold; font-size: 17px; }
.entry #register-table td { padding: 20px; }
.entry #register-table td.register-table-td { border-right: 1px solid #D0D0D0; }

.entry #register-form { padding: 0 25px 15px 25px; margin: 10px 0 0 0; background-color: #E8E8E8; }
.entry #register-form input {  padding: 0; margin: 0; }
.entry #register-form small { padding: 5px 0 5px 0; margin: 0; }
.entry #register-form #register-form-final { text-align: center; padding: 20px 0 10px 0; margin: 0; }
.entry #register-form h3 { font-size: 14px; font-weight: bold; padding: 8px 0 0 0; margin: 15px 0 0 0; border-top: 1px dotted #333;  }
.entry #register-form h3.nb-top { border-top: 0px dotted #333;  }

.commentlist 	{ margin: 0; padding: 0; }
.commentlist li { list-style-type: none; margin: 0; padding: 10px; border-top: 1px solid #DDE4E9; }

.commentlist cite, .commentmetadata { font-size: 11px; }
 
 
/* Buttons
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#team-blog-articles 				{ margin: 0 15px 10px 0px; padding: 10px; border: 1px solid #D9D9D9; }
#team-blog-articles td 				{ padding: 8px; border-top: 1px dotted #D9D9D9; }
#team-blog-articles td.no-border 	{ padding: 8px; border-top: 0px dotted #D9D9D9; }
#team-blog-articles h2 				{ font-size: 24px; line-height: 29px; letter-spacing: -1px; color: #333333; font-weight: bold; margin: 0; padding: 0 0 0 40px; background: #FFF url('../img/misc/team-news-icon.jpg') no-repeat 0px 1px; }
#team-blog-articles a 				{ font-weight: bold; }

.team-button {	
	margin: 0 0 0 0px; padding: 0px 5px;
	width: auto; height: 20px;
	-moz-border-radius:4px; -webkit-border-radius:4px;
	vertical-align:top;	cursor:pointer; 
	font-weight: bold; font-size: 11px; color:#FFF; text-transform: uppercase;
	}
a.team-button {
	padding: 3px 5px;
	text-decoration: none;
}
a:hover.team-button { 
	text-decoration: underline;
	color: #FFF;
}

#team-button-one 	{ background-color: #0099FF; border:1px solid #0099FF; }
#team-button-two 	{ background-color: #FF9933; border:1px solid #FF9933; }
#team-button-three 	{ background-color: #663366; border:1px solid #663366; }
#team-button-four 	{ background-color: #CC3300; border:1px solid #CC3300; }
#team-button-five 	{ background-color: #00CC99; border:1px solid #00CC99; }
#team-button-six 	{ background-color: #CC9933; border:1px solid #CC9933; }


/* Footer Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#grid-footer p {
	font-size: 12px; line-height: 40px; font-weight: normal; text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-align: center; font-weight: bold;
	}

#grid-footer a { 
	text-decoration: none; 
	margin: 0; padding: 0 15px; 
	}

#grid-footer a:link, #grid-footer a:visited 	{ color: #333333;  }
#grid-footer a:active, #grid-footer a:hover 	{ color: #000; text-decoration: underline; }


/* Colopon Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#grid-colophon p {
	font-size: 11px; line-height: 135%; font-weight: normal; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-align: center; color: #FFF;
	padding: 8px;
	}
	
/* Ad Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#banner-content-one { display: inline; }
#banner-content-two { display: inline; }

/* News Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.navigation { text-align: center; display: block; }
.alignleft	{ display: inline; }
.alignright { display: inline; }
.navigation a { text-decoration: none; }
.navigation a:hover	{ text-decoration: underline; }

/* Teams Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

table.leaguemanager {
	text-align: left;
	border: 0;
	border-collapse: collapse;
	width: 100%;
	margin: 1em auto 1.5em auto;
}
table.leaguemanager th {
	padding: 2px 5px;
	margin: 0;
	border-bottom: 1px solid;
	}
table.leaguemanager td {
	vertical-align: top;
	padding: 3px 5px;
	border: 0;
	margin: 0;
	border-bottom: 1px solid #f1f1f1;
	}
table.leaguemanager .num {
	text-align: center;
	}
table.leaguemanager .logo {
	width: 20px;
	}
table.leaguemanager .logo img {
	display: block;
	margin: 0;
	padding: 0;
	}
table.leaguemanager .rank {
	text-align: center;
	padding: 0;
	width: 1.2em;
	}
table.leaguemanager .home {
	font-weight: bold;
	}
table.leaguemanager th.match {
	text-align: center;
	}
table.leaguemanager .score, table.leaguemanager .ap {
	vertical-align: bottom;
	}
table.leaguemanager tr.divider {
	/*border-bottom: 1px solid;*/
	}
table.leaguemanager a {
	text-decoration: none;
}
table.leaguemanager th { background-color: #dddddd }
table.leaguemanager tr { background-color: #efefef }
table.leaguemanager tr.alternate { background-color: #ffffff }
table.crosstable th, table.crosstable td { border: 1px solid #ffffff; }

 
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
label.error { color: red; font-size: 12px; font-weight: bold; }