/*
Theme Name: SoCalScubaInfo
Theme URI: http://socalscubainfo.com
Description: Custom styling for SoCalScubaInfo
Version: 1 (WP2.7)
Author: Anton Vasilescu
Author URL: http://socalscubainfo.com
Tags: SoCalScubaInfo, Scuba Diving, Southern California
*/

/*	COLOR KEY
	
	h1, h3				#261F27 (black)
	h2					#CC0000 (dark red)
	body text			#666666 (medium gray)
	a:link				#FF6633 (orange)
	a:visited			#a9cc66 (light green)
	table text			#003366 (navy blue)
	
	element bkg			#E6E6E6 (light gray)
	element border		#CCCCCC (a bit darker gray)
	
	accents, buttons	#333333 (dark gray)
	
	wave field 1		#42210B (dark bown)
	wave field 2		#990000 (dark red)
	wave field 3		#FF6600 (orange)
	wave field 4		#339900 (green)
	wave field 5		#336699 (blue)
	wave field 6		#660099 (purple)
	
*/


/*	RESET	*/
* 						{ margin: 0; padding: 0; }
html 						{ overflow-y: scroll; }
html, body 				{ height: 100%; }
body 					{ font-size: 62.5%;	font-family: Georgia, serif; color: #333333; background-color: #003366; }
ul 						{ list-style: none; }
ol 						{ list-style: none; }
a						{ outline: none; text-decoration: none; }
a img					{ border: none; }
img						{ vertical-align: middle; -ms-interpolation-mode: bicubic; }
table						{ border-collapse: collapse; }

/*	UTILITY	*/
.floatLeft				{ float: left; }
.floatRight				{ float: right; }
.clear					{ clear: both; }
.button					{ border: 1px solid #CCCCCC; background: #261F27; padding: 3px 3px; color: white; }
.button_search			{ border: 1px solid #CCCCCC; background: #261F27; padding: 3px 3px; color: white;
						  font-family: Arial, sans-serif; font-size: 1.2em; width: 47px;}
/*
.button					{ border: 1px solid #CCCCCC; background: #261F27; padding: 3px 3px; color: white;
						  font-family: Arial, sans-serif; font-size: 1.2em; width: 47px;}
*/
.button:hover			{ background: #FF6633; color: white; }

/*	TYPOGRAPHY	*/
h1						{ font-family: Georgia, serif; font-size: 1.4em; font-weight: bold; color: #261F27; text-transform: uppercase; }
h2						{ font-family: Georgia, serif; font-size: 1.2em; font-weight: normal; color: #CC0000; font-style: italic; }
h3						{ font-family: Georgia, serif; font-size: 1.2em; font-weight: normal; color: #261F27; font-style: italic; }
p						{ font-family: Arial, sans-serif; font-size: 1.2em; color: #666666; }
p a:link					{ font-size: 1.0em; }
p a:hover				{ font-size: 1.0em; }
p a:visited				{ font-size: 1.0em; }
p.centered				{ text-align: center; }
a:link					{ font-family: Arial, sans-serif; font-size: 1.2em; color: #FF6633; } 
a:hover					{ font-family: Arial, sans-serif; font-size: 1.2em; color: #C9313D; }
a:visited				{ font-family: Arial, sans-serif; font-size: 1.2em; color: #FF6633; }
.bold-blue				{ font-family: Arial, sans-serif; font-size: 1.1em; color: #003366; }
table						{ font-family: Arial, sans-serif; font-size: 1.2em; color: #003366; }


/*	STRUCTURE	*/
.centered				{ text-align: center;} /*{ display: block; margin-left: auto; margin-left: auto; }*/
#page-wrap				{ width: 1008px; margin: 0px auto; background-color: white;
						  min-height: 100%; height: auto !important; height: 100%; }
#sidebar-ads			{ width: 160px; float: left; border-top: 5px solid #261F27; position: relative; left: 7px; }

#sidebar-nav			{ width: 250px; float: right; border-top: 5px solid #261F27; position: relative; right: 7px;}
#content-narrow			{ width: 570px; float: left; border-top: 5px solid #261F27; position: relative; left: 14px;
						  min-height: 641px; height: auto !important; height: 641px;}
#content-wide			{ width: 825px; float: left; border-top: 5px solid #261F27; position: relative; left: 14px;}

/*	HEADER	*/
#top-bar				{ height: 120px;}
a#logo					{ width: 150px; height: 77px; background: url(/wprs/maindir/images/logo.png) top left no-repeat;
						  text-indent: -9999px; float: left; position: relative; left: 40px; top: 22px;}
#top-bar img				{ float: right; position: relative; right: 45px; top: 15px;}

/*	SIDEBAR ADS	*/
#search					{ height: 29px; background: #E6E6E6; border: 1px solid #CCCCCC; margin-bottom: 7px;
						  text-align: center;}
#search-wrapper			{ margin-top: 4px; }

/*	SIDEBAR	LOGIN	*/
#login					{ background: #E6E6E6; border: 1px solid #CCCCCC; margin-bottom: 7px; padding: 0 7px 7px 7px; text-align: left;
						  font-family: Arial, sans-serif; color: #666666;}
#login h2				{ font-family: Georgia, serif; font-size: 1.2em; color: #261F27; font-weight: normal; padding-top: 4px; }

#user_login				{ padding: 0 8px 0 0; width: 200px; }
#user_pass				{ padding: 0 8px 0 0; width: 200px; margin-bottom: 4px; }
#wp-submit				{ border: 1px solid #CCCCCC; background: #261F27; padding: 3px 3px; color: white; }

#div-user				{ float: left; padding: 0 8px 0 0; width: 45px; }
#div-pass				{ float: right; }
#div-remember			{ float: left; padding: 7px 0 0 0; }
#div-button				{ float: right; padding: 4px 0 3px 0; }
#div-register			{ padding-top: 4px; }
#div-register li			{ display: inline; padding-right: 10px; }
#login-form				{ border-bottom: 1px dashed #999999; }
ul.pagenav li				{ display: inline; padding-right: 10px; }

#sidebar-ad				{ margin-bottom: 7px; }
.sidebar-links			{ background: #E6E6E6; border: 1px solid #CCCCCC; margin-bottom: 7px; padding: 0 7px 7px 7px; text-align: left; }
.recent-posts			{ padding:0 0 2px 0 ; border-bottom: 1px dashed #999999; }
.sidebar-posts			{ padding:2px 0 0 0 ; border-top: 1px dashed #999999; }

/* LAUNCH DATE */
#launch-date			{ height: 48px; background: #CC0000; padding: 10px; border: 2px dashed white; margin-bottom: 7px;
						  font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 1.4em; font-weight: bold; color: white; list-style: none;}


/*	NAVIGATION	*/	
#menu-bar				{ height: 29px; background: #E6E6E6; border: 1px solid #CCCCCC; margin-bottom: 7px;
						  font-family: Georgia, serif; font-size: 1.2em; font-weight: bold; color: #261F27; list-style: none;}

#main-nav, #main-nav ul 	{ padding: 5px 0 0 5px; margin: 0; z-index: 0;}
#main-nav a 				{ font-family: Georgia, serif; color: #261F27; padding: 2px; display: block; }
#main-nav li 				{ float: left; padding: 0 3px 0 3px; }
#main-nav li li				{ float: none; padding: 1px 0 1px 0; }
#main-nav li ul 			{ float:left; position: absolute; left: -999em; }
#main-nav a:hover		{ font-family: Georgia, serif; background: #FF6633; color: white; left: auto; }
#main-nav li:hover ul		{ left: auto; display: block; background-color: #E6E6E6; z-index: 1;}
#main-nav li.sfhover ul 	{ left: auto; display: block; background-color: #E6E6E6; z-index: 1;}

#forecast 				{ float:left; width: 14em; font-family: Georgia, serif; font-weight: normal; color: #CC0000;}
#charts 					{ float:left; width: 18em; font-family: Georgia, serif; font-weight: normal; color: #CC0000;}
#community				{ float:left; width: 12em; font-family: Georgia, serif; font-weight: normal; color: #CC0000;}
#main-nav li.spacer		{ padding: 3px 0 0 0; }

/*	HOME PAGE	*/
#page-content			{ margin-bottom: 7px; z-index: -1; }
#content-welcome		{ float: left; width: 277px; margin-bottom: 7px; border-bottom: 1px dashed #999999; }
#content-water-quality	{ float: right; width: 277px; margin-bottom: 7px; border-bottom: 1px dashed #999999; }
.content-img			{ width: 175px; background: #E6E6E6; border: 1px solid #CCCCCC; padding: 5px; text-align: left; }
#content-chart-swell-h,
#content-chart-swell-pd	{ float: left; margin: 0 4px 0 0;}
#content-chart-wind-sd	{ float: right; }
#content-forecast		{ margin-bottom: 7px; border-bottom: 1px dashed #999999;}
.content-weather		{ width: 106px; background: #E6E6E6; border: 1px solid #CCCCCC; padding: 5px 1px 5px 1px; text-align: left; }
#weather-santa-barbara,
#weather-ventura,
#weather-los-angeles,
#weather-orange-county	{ float: left; margin-right: 4px; }
#weather-san-diego		{ float: left; }
#content-weather		{ margin-bottom: 7px; border-bottom: 1px dashed #999999;}
#weather-text			{ padding: 7px 3px 7px 3px; }
#weather-text1			{ padding: 4px 0 0 6px; }

#content-sun-moon		{ margin-bottom: 7px; border-bottom: 1px dashed #999999; }
#sun-moon-bkg			{ background: #E6E6E6; border: 1px solid #CCCCCC; padding: 5px; text-align: left;}
#sun-moon-img-sun		{ float: left; margin-left: 10px; }
#sun-info				{ float: left; padding: 6px 5px 0 10px; }
#sun-top				{ border-bottom: 1px dashed #999999; text-align: right; padding: 5px; }
#sun-bottom				{ text-align: right; padding: 5px;}
#sun-moon-img-moon		{ float: left; margin-left: 20px; }
#moon-info				{ float: left; padding: 6px 5px 0 10px; }
#moon-top				{ border-bottom: 1px dashed #999999; text-align: right; padding: 5px; }
#moon-bottom			{ text-align: right; padding: 5px;}
#moon-visible			{ float: right; padding: 7px 10px 0 0; }

/*	CHARTS	*/
#charts-drpdwn			{ margin-bottom: 7px; }
#charts-controller li		{ display: inline; padding-right: 2px;}
#charts-title			{ float: left; margin-bottom: 7px; }
#charts-controller-div	{ float: right; margin-bottom: 7px; padding-top: 14px; }
#charts-img				{ width: 815px; background: #E6E6E6; border: 1px solid #CCCCCC; padding: 5px; text-align: left; margin-bottom: 7px; }
#colorbar				{ margin-bottom: 7px; text-align: center; }

/*	FORECASTS	*/
#forecasts-title		{ margin-bottom: 7px; }
.table-general			{ height: 100%; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #261F27; border-top: 1px solid #CCCCCC; background-color: #E6E6E6; }
.table-general-white	{ height: 100%; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #261F27; border-top: 1px solid #CCCCCC; }
.table-header			{ border-right: 1px solid white; background-color: #261F27; padding: 2px; text-align: center; width: 106px;
						  font-family: Georgia, serif; font-size: 1.1em; font-weight: normal; color: white; font-style: italic; text-transform: uppercase; }
.table-side				{ border-bottom: 1px solid #CCCCCC; background-color: #261F27; padding: 2px 2px 2px 0; text-align: right;
						  font-family: Georgia, serif; font-size: 1.1em; font-weight: normal; color: white; font-style: italic; }
.table-gray-td			{ float: left; height: 100%; width: 24px; border-left: 1px solid #CCCCCC; background-color: #E6E6E6; padding-top: 3px; text-align: center; }
.table-white-td			{ float: left; height: 100%; width: 24px; border-left: 1px solid #CCCCCC; background-color: white; padding-top: 3px; text-align: center; }
.table-gray-img			{ float: left; height: 100%; width: 24px; border-left: 1px solid #CCCCCC; background-color: #E6E6E6; padding-top: 1px; text-align: center; }
.table-white-img		{ float: left; height: 100%; width: 24px; border-left: 1px solid #CCCCCC; background-color: white; padding-top: 1px; text-align: center; }
h3.table-title			{ padding: 4px 0 2px 102px; }
.table-floatleft		{ float: left; padding-left: 10px; }
.table-floatright		{ float: right; padding-right: 10px; }
.table-floatleft-moon	{ float: left; padding: 22px 0 0 10px; }
.table-floatright-moon	{ float: right; padding: 4px 6px 4px 0; }
#flot-surf-heights		{ width: 722px; height: 65px; background: url(/wprs/maindir/images/swellbkg.png) top left no-repeat;}
#flot-tides				{ width: 722px; height: 100px; background: url(/wprs/maindir/images/tidesbkg.png) top left no-repeat;}


/*	FOOTER NARROW	*/
#footer-narrow			{ width: 570px; float: left; border-top: 5px solid #261F27; position: relative; left: 174px;
						  color: #666666; }

#footer-content			{ height: 115px; margin-bottom: 7px; background: #E6E6E6; border: 1px solid #CCCCCC;}
#footer-nav-main		{ float: left; margin-top: 4px; padding: 0 8px 0 8px; position: relative; left:75px; }
#footer-nav-extra		{ float: left; margin-top: 4px; padding: 0 8px 0 8px; position: relative; left:75px; 
						  border-left: 1px solid #999999; }
#footer-copyright		{ float: left; margin-top: 4px; padding: 0 8px 0 8px; position: relative; left:75px;
						  border-left: 1px solid #999999;}
#footer-ad				{ width: 570px; float: left; position: relative; left: 174px; text-align: center; padding: 10px 0 17px 0; }

/*	FOOTER WIDE	*/
#footer-wide			{ width: 825px; float: left; border-top: 5px solid #261F27; position: relative; left: 174px;
						  color: #666666; }

#footer-content-wide	{ height: 115px; margin-bottom: 7px; background: #E6E6E6; border: 1px solid #CCCCCC;}
#footer-nav-main-wide	{ float: left; margin-top: 4px; padding: 0 8px 0 8px; position: relative; left:190px; }
#footer-nav-extra-wide	{ float: left; margin-top: 4px; padding: 0 8px 0 8px; position: relative; left:190px; 
						  border-left: 1px solid #999999; }
#footer-copyright-wide	{ float: left; margin-top: 4px; padding: 0 8px 0 8px; position: relative; left:190px;
						  border-left: 1px solid #999999;}
#footer-ad-wide			{ width: 825px; float: left; position: relative; left: 174px; text-align: center; padding: 10px 0 17px 0; }

/*	POSTS	*/
#post_formatting 		{ border-bottom: 1px dashed #999999; }
#comments_border_top	{ border-top: 1px dashed #999999; }
.margin_space			{ margin-bottom: 5px; }
.text_area				{ margin-bottom: 5px; font-family: Arial, sans-serif; font-size: 1.2em; color: #666666; }
.text_area_large		{ width: 566px; margin-bottom: 5px; font-family: Arial, sans-serif; font-size: 1.2em; color: #666666; }

/*	WATER QUALITY	*/
/*.wq-title				{ height: 15px; width: 566px; background-color: green;}*/
.wq-image				{ float: left; padding: 5px 10px 5px 5px;}
.wq-warning-type		{ float:right; width: 505px; }
.wq-warning-type h1		{ color: #CC0000;  }
.county					{ border-bottom: 1px dashed #999999; }
.county h3 a				{ font-size: 1.1em;}

/*  ARTICLE IMAGES  */
.floatLeftPadding		{ float: left; padding: 0 10px 0 0;}