/*************************************************

Author: Bryce Nhill
Development by: JET 1A
Last updated: 03/30/2009

**************************************************/

/*--   GENERAL   --*/


body {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	background-color: #3e4246;
	background-image: url(images/bg_image.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	background-repeat: repeat-x;
	font-size: 14px;
	line-height: 18px;	
}


a:link{
	color: #FF9933;	
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;	
	text-decoration: none;
		
}

a:active{
	color: #FF9933;	
	text-decoration: none;	
}


a:visited{
	color: #FF9933;	
	text-decoration: none;
}


#maincontainer{
	padding: 0;
	margin: auto;
	width: 975px;

}

#content{
	padding: 0;
	margin: 0;
	width: 975px;
	float: right;
	background-image: url(images/main_bg.gif);
	background-repeat: repeat-y;
}


/*--   NAVIGATION   --*/

#nav {
	padding: 9px 0px 9px 3px;
	margin: 0;
	color: #999999;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/navbar_bg.gif);
	background-repeat: repeat-x;
	height: 30px;
	background-color: #3B4754;
	width: 746px;
}


#nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;	
}

#nav ul li {
	display: inline;
	padding: 0  14px 0 14px;
	background-image: url(images/nav_sep.gif);
	background-repeat: no-repeat;
	background-position: right;
}	

#nav ul li a {
	color: #FFFFFF;	
	font-weight: bold;
}	

#nav ul li a:link{
	color: #FFFFFF;	
	font-weight: bold;	
}	

#nav ul li a:visited{
	color: #FFFFFF;	
	font-weight: bold;		
}		

#nav ul li a:hover {
	color: #FF9933;	
	font-weight: bold;
}




/*--   HOME  --*/




/*--   NEWS  --*/
#news {
	padding: 18px;
	margin: 3px;
	width: 350px;
	float: left;
	background-image: url(images/home/news_bg.gif);
	background-repeat: no-repeat;
}

#news .entry{
	padding: 0 0 10px 0;
	margin: 0 0 18px 0;
	color: #C0C0C0;
	background-image: url(images/home/botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
}

#news .entry .title{
	color: #CCCCCC;
	font-size: 16px;					
	font-weight:normal;
	padding: 0 0 1px 0;
	border-bottom: 1px dotted #CCCCCC;
}

#news .image{
	padding: 2px;
	margin: 0 10px 0 0;
	border: 1px solid #626a73;
	background-color: #383e46;	
}




/*--   HOME CENTER --*/
#homecenter {
	padding: 0 18px 0 0;
	margin: 0;
	width: 300px;
	float: right;

}

#homecenter .entry {
	padding: 5px 0 1px 0;
	margin: 0;
	background-image: url(images/home/botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


#homecenter .actath {
	padding: 5px 0 5px 0;
	margin: 0;
	color: #ACB1B6;
	font-size: 9px;					
	font-weight:normal;
	background-image: url(images/home/botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
}





/*--   SURFCAST - and - SURFCAST ARCHIVE - and - REPORTS  - and - REPORTS - and - 5 DAY OUTLOOK --*/

/*--   CAST  --*/
#surfcast {
	padding: 18px 0 18px 18px;
	margin: 0;
	width: 500px;
	float: left;
	background-color: #56606C;
}

#surfcast .entry{
	padding: 1px 0 9px 0;
	margin: 0;
	width: 500px;
	color: #EFEFEF;
	background-image: url(images/surfcast_reports/light_botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
}

#surfcast .entry .date{
	color: #CCCCCC;
	font-size: 16px;
	line-height: 18px;
}

#surfcast .entry .special{
	color: #A5B6CA;
	font-size: 16px;
	line-height: 18px;
}

#surfcast .reporter{
	color: #A4B0C4;
	font-size: 12px;
	line-height: 18px;
}

#surfcast .reporter .dull{
	color: #CBCED3;
	font-size: 12px;
	line-height: 18px;
}

#surfcast .report{
	padding: 1px 20px 9px 20px;
	margin: 0;
	min-height: 175px;
	color: #EFEFEF;
	background-image: url(images/surfcast_reports/report_bg.gif);
	background-repeat: no-repeat;	
}


#surfcast .tool{
	padding: 0;
	margin: 0;
	float: right;	
}



/*--  5 DAY OUTLOOK  --*/

#outlook {
	padding: 10px;
	margin: 15px 15px 0 0;
	width: 160px;
	float: right;
	background-color: #25303D;
	background-repeat: repeat-x;
	min-height: 150px;
}

#outlook .section{
	padding: 0 0 10px 0;
	margin: 0 0 10px 3px;
	color: #CCCCCC;
	font-size: 11px;
	line-height: 18px;	
	font-weight: mormal;		
	background-image: url(images/surfcast_reports/outlook_botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#outlook .bold{
	color: #A5B6CA;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

#outlook .dull{
	color: #5d687b;
	font-size: 9px;
	line-height: 15px;
}

#outlook .locale{
	padding: 2px 0 2px 8px;
	margin: 0 0 10px 0;
	color: #A5B6CA;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1;
	background-image: url(images/surfcast_reports/locale_bg.gif);
	text-transform: uppercase;		
}

#outlook .udpate{
	padding: 0 0 5px 0;
	margin: 0;
	color: #A5B6CA;
	font-size: 10px;		
}


/*--   ARCHIVE  --*/

#surfcastarchive {
	padding: 10px;
	margin: 18px 22px 0 18px;
	width: 160px;
	float: right;
	background-color: #25303D;
	min-height: 150px;
}

#surfcastarchive .bold{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;	
	font-weight: bold;	
}

#surfcastarchive .section{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	color: #CCCCCC;
	font-size: 11px;
	line-height: 18px;	
	font-weight: mormal;	
	background-image: url(images/surfcast_reports/dark_botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 160px;
}

#surfcastarchive a:link {
	color: #FF9933;
	font-size: 11px;					
	text-decoration: none;
	font-weight:bold;
}

#surfcastarchive a:hover{
	color: #FF9933;			
	text-decoration: none;	
}

#surfcastarchive a:visited{
	color: #FF9933;					
}



/*--   CONTENT (TOOLS, ABOUT US, FRIENDS, CONTECT US) --*/

#cont {
	padding: 18px;
	margin: 0;
	width: 680px;
	float: left;
	color: #EFEFEF;
	font-size: 14px;
	min-height: 600px;
}

#cont .segment{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	background-image: url(images/content/botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#cont .title{
	color: #CCCCCC;
	font-size: 16px;					
	font-weight:normal;
	padding: 0 0 1px 0;
	border-bottom: 1px dotted #CCCCCC;
}

#cont .credit{
	color: #CCCCCC;
	font-size: 10px;					
	font-weight:normal;
}

#cont .fnmoc{
	padding: 0 0 20px 20px;
	margin: 0;
	width: 650px;
	color: #ACB1B6;
	font-size: 13px;
	
}

#cont .fnmoc .image{
	padding: 3px;
	margin: 10px 0 20px 0;
	border: 1px solid #626a73;
	background-color: #383e46;	
}


#cont .subbnav{
	padding: 20px 0 0 0;
	margin: 0;
	color: #ACB1B6;
	font-size: 13px;
	background-image: url(images/content/botrule.gif);
	background-repeat: no-repeat;
	background-position: top;
}


#cont .image{
	padding: 2px;
	margin: 0 10px 0 0;
	border: 1px solid #626a73;
	background-color: #383e46;	
}

.image{
	padding: 2px;
	margin: 0 10px 0 0;
	border: 1px solid #626a73;
	background-color: #383e46;	
}



#cont .thumbs{
	margin: 0;
	padding: 0 0 0 30px;
	text-align: center;
	width: 580px;
}


#cont .thumb{
	margin: 0 7 7 0;
	padding: 2px;
	color: #FF9900;
	background-color: #383e46;
	background-image: url(images/thumb_bg.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	border: 1px solid #626a73;
	width: 100px;
	height: 68px;	
}




/*--  FEATURES --*/


/*--  06/12 BEACHNUTS  --*/

#cont .beachnuts{
	margin: 0;
	padding: 150 15 15 15;
	color: #333333;
	font-size: 13px;
	line-height: 19px;
	background-color: #FFFFFF;
	font-weight: normal;
	background-image: url(feat061225_beachnuts/header.jpg);
	background-repeat: no-repeat;
	width: 680px;		
}

#cont .beachnutsnames{
	color: #999999;
	font-weight: bold;
}

#cont .beachnutsintro{
	margin: 0;
	padding: 10 0 10 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	background-image: url(feat061225_beachnuts/dotrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#cont .beachnutsheader{
	margin: 0;
	padding: 15 0 25 0;
	font-weight: bold;
	font-size: 36px;
	line-height: 10px;
	background-image: url(feat061225_beachnuts/dotrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;		
}

#cont .beachnutsillstt{
	margin: 0;
	padding: 15 0 20 10;
	float: right;
}

#cont .beachnutsillslt{
	margin: 0;
	padding: 15 15 20 0;
	float: left;
}

/*--  07/01 PIPELINES  --*/

#cont .pipelineslg{
	margin: auto;
	padding: 10;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#cont .pipelineslg a:link{
	color: #81341a;
	font-weight: bold;
	
}

#cont .pipelineslg a:visited{
	color: #81341a;
	font-weight: bold;

}

#cont .pipelines{
	margin: 0;
	padding: 15 15 15 15;
	color: #333333;
	font-size: 14px;
	line-height: 22px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#cont .pipelines a:link{
	color: #81341a;
	font-weight: bold;

}

#cont .pipelinesbold{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

#cont .pipelinesintro{
	margin: 0 0 15 0;
	padding: 15 0 15 0;
	color: #3B4754;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	background-image: url(feat070128_pipelines/scuff_rule.gif);
	background-repeat: no-repeat;
	background-position: bottom;


}

#cont .pipelines .imgright{
	margin: 5 0 10 10;
	padding: 10 10 3 10;
	font-size: 9px;
	float: right;
	width: 164px;	
	border: solid #EFEFEF  1px;
}


#cont .pipelines .imgleft{
	margin: 5 10 10 0;
	padding: 10 10 3 10;
	font-size: 9px;
	float: left;
	width: 164px;
	border: solid #EFEFEF  1px;
}

/*--  07/02 COLDCHILLIN  --*/

#cont .coldchillinheaders{
	margin: 0;
	padding: 0 0 15 0;
}
#cont .coldchillin a:link{
	color: #FF6600;
	font-weight: bold;
	
}
#cont .coldchillin a:visited{
	color: #FF6600;
	font-weight: bold;

}
#cont .coldchillin{
	margin: 0;
	padding: 15 15 15 15;
	color: #333333;
	font-size: 12px;
	line-height: 24px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}
#cont .coldchillinbold{
	font-weight: bold;


}
#cont .coldchillin .imgbank{
	margin: 10 0 10 10;
	padding: 10;
	font-size: 9px;
	float: right;
	width: 258px;
	border: solid #DDDFE2  1px;
	background-color: #F1F1F2;
}


#cont .coldchillin .img{
	margin: 2;
	padding: 0;
	border: solid #FFFFFF  1px;
}

#cont .coldchillinvid{
	margin: auto;
	padding: 10;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*--  08/04 SOUTHERNCOMFORT --*/

#cont .sthrn{
	margin: 0;
	padding: 150 15 15 15;
	color: #333333;
	font-size: 13px;
	line-height: 19px;
	background-color: #FFFFFF;
	font-weight: normal;
	background-image: url(feat070804_sthrncmfrt/header.jpg);
	background-repeat: no-repeat;
	width: 680px;		
}

#cont .sthrnnames{
	color: #CC9933;
	font-weight: bold;
}

#cont .sthrnintro{
	margin: 0;
	padding: 10 0 10 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	background-image: url(feat061225_beachnuts/dotrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #333333;
}

#cont .sthrnheader{
	margin: 0;
	padding: 15 0 25 0;
	font-weight: bold;
	font-size: 36px;
	line-height: 10px;
	background-image: url(feat061225_beachnuts/dotrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #993300;
}

#cont .sthrnillstt{
	margin: 0;
	padding: 0 0 0 20px;
	float: right;
}

#cont .sthrnillslt{
	margin: 0;
	padding: 15 15 20 0;
	float: left;


/*--  11/22/08 BROSNOTPROS --*/
}
#cont .bros{
	margin: 0;
	padding: 15px;
	color: #333333;
	font-size: 13px;
	line-height: 19px;
	background-color: #FFFFFF;
	font-weight: normal;
	background-repeat: no-repeat;
	width: 680px;
}

#cont .brosnnames{
	color: #56606C;
	font-weight: bold;
	}

#cont .brosresponse{
	color: #3E4246;
	font-weight: bold;
}

#cont .brosintro{
	margin: 0;
	padding: 10px 0 10px 0;
	font-weight: bold;
	font-size: 13px;
	background-image: url(feat081122_manning/dotrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #3E4246;
}

#cont .brosheader{
	margin: 0;
	padding: 15 0 25 0;
	font-weight: bold;
	font-size: 24px;
	line-height: normal;
	color: #56606C;
	font: Georgia;
}

#cont .brosillstt{
	margin: 0;
	padding: 15 0 20 10;
	float: right;
}

#cont .brosillslt{
	margin: 0;
	padding: 15 15 20 0;
	float: left;
	
	

/*--  Stories --*/
}
#cont .ss{
	margin: 0;
	padding: 15px;
	color: #333333;
	font-size: 13px;
	line-height: 19px;
	background-color: #FFFFFF;
	font-weight: normal;
	background-repeat: no-repeat;
	width: 680px;
}

#cont .ssbold{
	color: #56606C;
	font-weight: bold;
	}

#cont .ssNormal{
	color: #3E4246;
	font-weight: bold;
}

#cont .ssintro{
	margin: 0;
	padding: 10px 0 10px 0;
	font-weight: bold;
	font-size: 13px;
	background-image: url(feat081122_manning/dotrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #3E4246;
}

#cont .ssheader{
	margin: 0;
	padding: 15 0 25 0;
	font-weight: bold;
	font-size: 24px;
	line-height: normal;
	color: #56606C;
	font: Georgia;

}

#cont .ssImgRight{
	margin: 0;
	padding: 0px 0px 0px 20px;
	float: right;

}

#cont .ssImgleft{
	margin: 0;
	padding: 0px 20px 0 0px;
	float: left;/*--   SURVEY   --*/
}
#survey {
	padding: 18px;
	margin: 0;
	width: 650px;
	float: left;
	color: #EFEFEF;
	font-size: 14px;
}

#survey .form{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 24px;
	background-image: url(images/content/botrule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#survey .req{
	color: #FF9933;					
}

#survey .error{
	color: #FF9933;
	font-size: 14px;
	font-weight: bold;					
}

#survey .small{
	font-size: 12px;					
}


#survey .elem{
	margin: 2px 0 0 10px;
}





/*--   ADVERTISING COLUMN  --*/


#ads {
	padding: 0 20px 0 19px;
	margin: 0;
	width: 190px;
	color: #ACB1B6;
	float: right;
	font-size: 10px;
}


#ads .adcontent{
	padding: 2px;
	margin: 0 0 20px 0;
	border: 1px solid #3A434E;
	background-color: #2D2F32;	
}

#ads .actath {
	padding: 2px;
	margin: 0 0 20px 0;
	border: 1px solid #3A434E;
	background-color: #2D2F32;
	text-align: center;
	width: 180px;
}



/*--   FOOTER  --*/
#footer {
	clear: both;
	padding: 18px 0 18px 2px;
	margin: 0;
	color: #ACB1B6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: 18px;	
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-y;
}

#footer a {
	color: #FFFFFF;					
	text-decoration: none;
	font-weight:bold;
}	
	
#footer a:link {
	color: #FFFFFF;					
	text-decoration: none;
	font-weight:bold;
}

#footer a:hover{
	color: #FF9933;			
	text-decoration: none;	
}

#footer a:visited{
	color: #FFFFFF;				
}



/*--------------------------------------------*/
	
/* LIGHTBOX */	

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	
}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFFFFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/features/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/features/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/features/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	background-color: #FFFFFF;
	margin: 0 auto;
	line-height: 1.4em;
	
	
	
	}
#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ color: #666666; font-size: 11px; font-weight: bold; }
#imageData #numberDisplay{  color: #999999; font-size: 11px; font-weight: bold;	display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}