/*
South Bay Waters
top 	HEX: #031B27  RGB: 3,27,39
text 	HEX: #90988D  RGB: 144,152,141
body	HEX: #5C778A  RGB: 92,119,138
link	HEX: #124359  RGB: 18,67,89
content	HEX: #1A526B  RGB: 26,82,107

*/

body{
	background:#ffffff url('/images/gfx/bg/bg_strike.gif') bottom left no-repeat fixed;
	margin:0px;
	padding:0px;
	/*padding-top:15px;*/
	text-align:center;
		
}

#bgIMG {
	bottom:0px;
	left:0px;
	position:absolute;
	z-index:1;
}


body, td, p, div {
	color : #000000; /*#90988D*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

h1, h2, h3, h4 {
	/*color:#DAE5D5;*/
	font-size:12pt;
	padding:2apx;
	margin:0px;
	margin-bottom:5px;
}

h1 {
	/*background-color:#031B27;*/
	border-bottom: 2px solid white;
	color:white;
	clear:right;
	font-size:14pt;
	font-weight:bold;
	text-align:right;
}

h1 .icon {
	border: 0px;
	float:right;
	margin-left:5px;
	vertical-align:middle;
}


h2 {
	/*background-color:#124359;*/
	/*border-bottom: 1px solid #DCDFDB;*/
	/*color:white;*/
	font-size:11pt;
	font-weight:bold;
	text-transform:lowercase;
}
h3 {
	font-size:11pt;
	font-weight:normal;
}

a, a:visited, a:active {
	color: #0066FF;
	text-decoration: none;
}

a:hover{
	color: #9933FF;
	text-decoration: underline;
}

img {
	border:0px solid;
}

a img {
	border:1px solid;
}



/****** Form Styles ******/
input, textarea, select {
	background-color:#124359;
	color:#90988D;
	border: 1px solid #90988D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

input.text, textarea{
	width:100%;
}

.formField {
	text-transform:uppercase;
}

.required {
	font-weight:bold;
	/*color:#99FFFF;*/
}

/****** text classes ******/
.bold{
	font-weight:bold;
}
.datestamp {
	color:#DAE5D5;
	font-style: italic;
}

.onDark{
	color:#90988D;	
}

.subheading {
	color:#DAE5D5;
	font-size:12pt;
	font-weight:bold;
}

.smallText {
	font-size:7pt;
}

/****** div classes ******/

.tags {
	border-top:1px solid #90988D;
}

.padLeft {
	padding-left:5px;
}

.padRight {
	padding-right:5px;
}

.tRow {
	display:table-row;
}
.tCell {
	border:0px solid yellow;
	display:table-cell;
	vertical-align:top;
}

/****** module classes ******/
.postOP{
	border:0px solid black;
	clear:both;
}

.post{
	border:0px solid silver;
	clear:both;
}

.postReplies{
	border:0px solid blue;
	width:97%;
}

.postContentSyn {
	background-image:url('../images/gfx/posts/bub_bg.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #031B27;
	margin-bottom:10px;
	padding:5px;
}

.postContentOP {
	background-image:url('../images/gfx/posts/bub_bg-op.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	border:0px solid red;
	border-right:3px solid #90988D;
	border-top:1px solid #90988D;
	float:right;
	margin-bottom:20px;
	padding:5px;
	width:70%
}

.postContent {
	background-image:url('../images/gfx/posts/bub_bg.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	border:0px solid red;
	border-left: 3px solid #031B27;
	border-top: 1px solid #031B27;
	float:left;
	margin-bottom:20px;
	padding:5px;
	width:70%
}

.postUserPanelOP  {
	border:0px solid red;
	float:right;
	margin-left:5px;
	padding:0px;
	width:100px;
}


.postUserPanel  {
	border:0px solid red;
	float:left;
	margin-right:5px;
	padding:0px;
	width:100px;
}


/****** Navgation Styles ******/
#navTop {
	background-color:#000000;
	left:0px;
	padding:0px 5px 0px 0px; /*top right bottom left*/
	position:fixed;
	text-align:left;
	top:0px;
	width:100%;
	height:32px;
	z-index:100;
}

#navTop a{
	color: #6699FF;
}	

#navSiteName{
	color:#fff;
	font-weight:bold;
	font-size:11pt;
}

#navSiteName .icon {
	border: 0px;
	vertical-align:middle;
}


#userLogin {
	vertical-align:middle;
	padding:8px;
	float:right;
	height:100%;
}

#mobileLink { 
	color:white; 
	font-size:7pt;
}



/****** one-off styles ******/
#content, #contentST  {
	border:0px solid #031B27;
	border-left:0px solid #031B27;
	border-right:0px solid #031B27;
	bottom:0px;
	top:32px; 
	left:50%;
	width:930px;
	margin-left:-465px;
	position:fixed;
	text-align:left;
	z-index:51;
	
	overflow:auto;
}

#contentST {
	background-color:#bbb;
	/* border-left:1px solid #000000;
	border-right:1px solid #000000;
	border:1px solid #666666; */
		
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter:alpha(opacity=80);
	opacity:0.80;
}

#content .topBox {
	width:100%;
	background:#031B27 url('../images/gfx/bg/bg_2010.jpg') scroll no-repeat center center;
	padding:10px 0px;/*top right bottom left*/
	margin:0px;
	text-align:center;
	vertical-align:middle;

}

#content .thinColumn {
	width:380px;
	float:right;
	padding: 5px 5px 20px 0px;/*top right bottom left*/
	margin:0px;
}

#content .thickColumn {
	border-right:1px dashed #90988D;
	width:502px;
	float:left;
	padding: 5px 5px 20px 5px;/*top right bottom left*/
	margin:0px;
}

#content .fullWidth {
	border:0px;
	padding:5px;/*top right bottom left*/
	margin:0px;

}


/****** Social Network Styles ******/

#twitterStream, #flickrStream, #liveJournal, #youtubeChannel, .contentBox
{
	border: 0px solid red;
	border-bottom:0px dashed #90988D;
	margin-bottom:10px;
	padding-bottom:10px;
	float:left;
	width:100%;
}

.LJEntry{
	border-bottom:1px solid #999;
	margin-bottom:10px;
	padding-bottom:10px;
}


#latestMedia {
	background:#000000;
	padding:20px; /*top right bottom left*/
	margin:auto;
	width:380px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter:alpha(opacity=60);
	opacity:0.60;
}

#flickrStream #images { 
	padding-top:20px;
	margin:0px auto;
}
#flickrStream #images img { 
	border:0px solid;
	border-bottom:1px solid;
	border-top:1px solid;
	float:left;
	margin:0px 0px 10px;
}

#twitter_update_list{
	padding:0px;
	margin:0px;
}

#twitter_update_list li {
	border-bottom:1px solid #999;
	list-style:none;
	margin:5px;/*top right bottom left*/
	padding:0px 20px 5px;
}

#twitter_update_list li:first-child {
	font-size:11pt;
	font-weight:bold;
	padding:0px 0px 5px;
}

#googleReader ul {
	padding:0px;
	margin:0px;
}

#googleReader li {
	border-bottom:1px solid #999;
	list-style:none;
	margin:5px;/*top right bottom left*/
	padding:0px 20px 5px;
}

#googleReader li:first-child {
	font-size:11pt;
	font-weight:bold;
	padding:0px 0px 5px;
}



@media handheld {
	body				{ background-color: #FFFFFF; background-image:none;padding:0px;}
	body, td, p, div 	{ color : #000000;}
	h1, h2, h3, h4 		{ font-size:9pt; font-weight:bold; text-align:left; color:#000000;}
	h1 {
		border-bottom: 2px solid black;
		clear:left;
		font-size:11pt;
	}
	h1 .icon { 
		border: 0px;
		float:left;
		margin-right:5px;
		vertical-align:middle;
	}
	#navTop { 
		height:auto; 
		position:static; 
		margin-top:0px; 
	}
	#content {
		border:0px solid #031B27;
		background-color:#FFFFFF;
		bottom:10px;
		top:42px; 
		left:0px;
		width:auto;
		margin:auto;
		position:static;
		text-align:left;	
		overflow:visible;
	}
	#content .thinColumn, #content .thickColumn{
		border:0px;
		float:inherit;
		font-size:8pt;
		width:auto;
		padding:5px 2px 0px 2px;/*top right bottom left*/
		margin:5px;
	}
	#twitterStream, #flickrStream, #liveJournal, #youtubeChannel, #googleReader, .contentBox { float:inherit; }
	#contentST, #QRCode, #sponsors .topBox { display:none; }
}