html { overflow-y: scroll; }

body {
	background: url("/blog/_ima/bg2.jpg") no-repeat #6e522d fixed;
	margin: 0px; 
	padding: 10px 0px 20px 0px;
	}
	
/*____________________________________________________________________________________________ Links _*/

a:link,
a:visited {
	color: #666;
	text-decoration: underline;
	outline: none;
	}
a:hover,
a:active {
	color: #fc5f00;
	text-decoration: underline;
	}
	
/*____________________________________________________________________________________________ Extras _*/

.clearer { clear: both; line-height: 0px; font-size: 0px; width: 0px; height: 0px; margin: 0px; padding: 0px; }

.display-block { display: block; margin: 0px; padding: 0px; }
	
p { padding: 0px 0px 10px 0px;	}
	
/*____________________________________________________________________________________________ Main Layout _*/

/* -----------------------------------------------------------------
	
	'Arial Black', Gadget, sans-serif;
	'Bookman Old Style', serif;
	'Comic Sans MS', cursive;
	Courier, monospace;
	'Courier New', Courier, monospace;
	Garamond, serif;
	Georgia, serif;
	Impact, Charcoal, sans-serif;
	'Lucida Console', Monaco, monospace;
	'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	'MS Sans Serif', Geneva, sans-serif;
	'MS Serif', 'New York', sans-serif;
	'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	Symbol, sans-serif;
	Tahoma, Geneva, sans-serif;
	'Times New Roman', Times, serif;
	'Trebuchet MS', Helvetica, sans-serif;
	Verdana, Geneva, sans-serif;
	Webdings, sans-serif;
	Wingdings, 'Zapf Dingbats', sans-serif;
	
----------------------------------------------------------------- */

#container-main {
	background: url("/blog/_ima/container-main.jpg") repeat-x #00a0ea;
	width: 980px;
	height: 100%;
	margin: 0px auto;
	font: 11pt/17pt Helvetica, Arial, sans-serif;
	color: #666;	
	-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
	}

#logo-nav {
	width: 202px;
	padding: 30px 0px 0px 30px;
	float: left;
	}
	a.hostourcoast {
		font-family: 'Anton', arial, serif;
		color: #fff;
		font-size: 28px;
		line-height: 28px;
		text-decoration: none;
		}
	#thirdannual {
		height: 70px;
		}
	#thirdannual img {
		position: absolute;
		z-index: 100;
		margin: 10px 0px 0px -62px;
		}
	
	a.nav-blog {
		background: url("/blog/_ima/nav-blog.gif") no-repeat;
		width: 200px;
		height: 34px;
		float: left;
		margin: 20px 0px 0px 0px;
		}
	a.nav-bio {
		background: url("/blog/_ima/nav-bio.gif") no-repeat;
		width: 200px;
		height: 34px;
		float: left;
		margin: 8px 0px 0px 0px;
		}
	a.nav-about {
		background: url("/blog/_ima/nav-about.gif") no-repeat;
		width: 200px;
		height: 34px;
		float: left;
		margin: 8px 0px 0px 0px;
		}
	a.nav-sponsors {
		background: url("/blog/_ima/nav-sponsors.gif") no-repeat;
		width: 200px;
		height: 34px;
		float: left;
		margin: 8px 0px 0px 0px;
		}
	a.nav-contact {
		background: url("/blog/_ima/nav-contact.gif") no-repeat;
		width: 200px;
		height: 34px;
		float: left;
		margin: 8px 0px 0px 0px;
		}
	a.nav-hover:hover {
		background-position: 0px -68px;
		}
	a.nav-on,
	a.nav-on:hover {
		background-position: 0px -34px;
		}
		

#content-main {
	background: url("/blog/_ima/slide-04.jpg") no-repeat #fff fixed top center;
	width: 744px;
	float: right;
	padding: 355px 0px 30px 0px;
	}
	
	.container-post {
		background: url("/blog/_ima/container-post-bottom.jpg") repeat-x bottom #fff;
		width: 624px;
		margin: 0px auto;
		margin-bottom: 30px;
		padding: 30px 30px 17px 30px;
		
		-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
		-webkit-border-radius: 5px;
		
		-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
		-moz-border-radius: 5px;
		
		box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
		border-radius: 5px;
		}
		
	.container-blank {
		background-color: #fff;
		width: 624px;
		margin: 0px auto;
		margin-bottom: 30px;
		padding: 30px 30px 17px 30px;
		
		-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
		-webkit-border-radius: 5px;
		
		-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
		-moz-border-radius: 5px;
		
		box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
		border-radius: 5px;
		}
		
		.post-title {
			font-family: 'Anton', arial, serif;
			color: #fc5f00;
			font-size: 28px;
			line-height: 28px;
			text-transform: uppercase;
			font-weight: normal;
			}
		.post-title a,
		.post-title a:visited {
			color: #fc5f00;
			text-decoration: none;
			}
		.post-title a:hover,
		.post-title a:active {
			color: #d84f00;
			text-decoration: none;
			}
		
		.byline {
			color: #999;
			font-size: 10px;
			border-bottom: 1px solid #eee;
			margin: 0px 0px 10px 0px;
			}
		.byline a {
			color: #999;
			}
			
		.dig-it {
			padding: 40px 0px 0px 0px;
			}
		.dig-it a,
		.dig-it a:visited {
			text-decoration: none;
			}
		.dig-it a:hover,
		.dig-it a:active {
			color: #fc5f00;
			text-decoration: none;
			}
			
		.more-entries a,
		.more-entries a:visited {
			background-color: #fc5f00;
			width: 624px;
			float: left;
			margin: 0px 0px 0px 30px;
			padding: 17px 30px 15px 30px;
			
			font-family: 'Anton', arial, serif;
			color: #fff;
			font-size: 28px;
			line-height: 28px;
			text-decoration: none;
			
			-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
			-webkit-border-radius: 5px;
			
			-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
			-moz-border-radius: 5px;
			
			box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
			border-radius: 5px;
			}
		.more-entries a:hover,
		.more-entries a:active {
			background-color: #d84f00;
			}
			
.container-breaker {
	width: 100%;
	height: 30px;
	clear: both;
	}

#container-social {
	background: url("/blog/_ima/container-social2.jpg") no-repeat bottom left #000000;
	width: 980px;
	height: 100%;
	margin: 0px auto;
	font: 11pt/17pt Helvetica, Arial, sans-serif;
	color: #666;	
	-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
	}
	
	#sponsor-links {
		font-size: 12px;
		width: 180px;
		float: left;
		padding: 30px 0px 0px 30px;
		color: #9caeb8;
		}
	#sponsor-links a,
	#sponsor-links a:visited {
		color: #9caeb8;
		text-decoration: none;
		}
	#sponsor-links a:hover,
	#sponsor-links a:active {
		color: #fff;
		text-decoration: none;
		}
	
	#social-side {
		width: 744px;
		float: right;
		}
		
	#social-facebook {
		background: url("/blog/_ima/tile-facebook.gif") top left repeat-y #f5f8ff;
		}
	#social-twitter {
		background: url("/blog/_ima/tile-twitter.gif") top left repeat-y #f5fdff;
		}
	#social-flickr {
		background: url("/blog/_ima/tile-flickr.gif") top left repeat-y #fff6fa;
		}
	.social-icon {
		float: left;
		margin: 7px 0px 0px 7px;
		}
	.social-pusher {
		width: 660px;
		float: right;
		padding: 30px 0px 25px 0px;
		}
		
	#social-fade-twitter {
		background: url("/blog/_ima/social-fade-twitter.jpg") no-repeat;
		}
	#social-fade-flickr {
		background: url("/blog/_ima/social-fade-flickr.jpg") no-repeat;
		}
		
	.recent-flickr img  {
		width: 75px;
		height: 75px;
		margin: 0px 10px 0px 0px;
		padding: 2px;
		float: left;
		border: 1px solid #ffc4dd;
		}
		
	#twittercontainer {
		padding: 0px 30px 0px 0px;
		}
		
#fcm {
	font: 11pt/17pt Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 30px 0px 0px 0px;
	font-size: 20px;
	}
	#fcm a,
	#fcm a:visited {
		color: #fff;
		text-decoration: none;
		text-shadow: #281c10 0px -1px 0px;
		}
	#fcm a:hover,
	#fcm a:active {
		color: #fc5e00;
		text-decoration: none;
		text-shadow: #281c10 0px -1px 0px;
		}
		
/*____________________________________________________________________________________________ Sponsors _*/

.sponsor-links {
	width: 185px;
	height: 147px;
	float: left;
	padding: 0px 0px 30px 0px;
	}
.sponsor-links img {
	width: 185px;
	height: 147px;
	}
.sponsor-break {
	width: 30px;
	height: 147px;
	float: left;
	}
	
/*____________________________________________________________________________________________ Comments _*/

.addcomment-font {
	font-family: 'Anton', arial, serif;
	color: #fff;
	font-size: 28px;
	line-height: 28px;
	text-transform: uppercase
	}

.comment-padding {
	padding: 0px 0px 10px 0px;
	}

.comment-box-title, .tweetbackHeader {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0px;
	padding: 15px 0px 10px 20px;
	color: #fff;
	}
	.comment-box-title a {
		color: #B8E8FC;
		text-decoration: none;
		}
	.comment-box-title a:hover {
		color: #fff;
		text-decoration: none;
		}
	
.no-comments {
	padding: 20px 0px 10px 0px;
	border-top: 1px solid #eee;
	}
.comment0, .tweetback {
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #eee;
	}
.comment1, .tweetbackAlt {
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #eee;
	}
.comment2 {
	height: 100%;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #A4DAEF;
	}
	.host-comment-photo {
		background-color: #fff;
		float: left;
		width: 60px;
		border-right: 1px solid #D1E8EF;
		border-bottom: 1px solid #B5D5DF;
		border-left: 1px solid #D1E8EF;
		border-top: 0px;
		margin: 17px 10px 17px 0px;
		padding: 4px 4px 10px 4px;
		}
	.comment2 .comment-content {
		float: right;
		}
	.comment2 .comment-date {
		float: right;
		color: #eee;
		}
	
	.comment-content {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		overflow: hidden;
		}
	.comment-date {
		color: #999;
		font-size: 11px;
		margin: 0px;
		padding: 0px 0px 5px 0px;
		}
	.comment-date a, .comment-date a:visited {
		color: #999;
		text-decoration: none;
		}
	.comment-date a:hover, .comment-date a:active {
		color: #000;
		text-decoration: none;
		}
	.inside-thumbnails {
		width: 45px;
		margin: 0px 6px 6px 0px;
		padding: 0px;
		float: left;
		border: 2px solid #fff;
		}
	.tweetbackcommentholder {
		float: right;
		padding: 15px 0px 0px 0px;
		}


/*____________________________________________________________________________________________ Contact Layout _*/

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
	
.error-section {
	width: 520px;
	margin: 0px auto;
	margin-bottom: 20px;
	padding: 20px 30px 10px 30px;
	background-color: #F9F9F9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid red;
	}
.error-title {
	color: red;
	}
	
.form-section {
	width: 520px;
	margin: 0px auto;
	margin-bottom: 20px;
	padding: 20px 30px 30px 30px;
	background-color: #F9F9F9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	border: 1px solid #eee;
	}
	
label {
	width: 240px;
	float: left;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-weight: normal;
	}
label.bigger {
	width: 370px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	}
		
.inputs,
.selects,
.textareas {
	width: 345px;
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 5px 3px 2px 5px;
	font: 16px/16px Helvetica, Arial, sans-serif;
	color: #666;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(
		linear,
		left top,
		left 25,
		from(#FFFFFF),
		color-stop(4%, #EEEEEE),
		to(#FFFFFF)
	);
	background: -moz-linear-gradient(
		top,
		#FFFFFF,
		#EEEEEE 1px,
		#FFFFFF 25px
		);
	}
	.small-inputs {
		width: 120px;
		}
	.selects {
		width: 355px;
		padding: 5px 3px 2px 2px;
		}
	.textareas {
		font: 16px/20px Helvetica, Arial, sans-serif;
		height: 200px;
		}

.captcha-box {
	float: right;
	}

.radio-container {
	background-color: #eee;
	padding: 6px 13px 2px 5px;
	margin: 0px 0px 0px 0px;
	float: right;
	}
	.rc-left {
		border-top: 1px solid #E0E0E0;
		border-right: 1px solid #E0E0E0;
		border-bottom: 1px solid #E0E0E0;
		border-left: 1px solid #fff;
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
		border-top-right-radius:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		border-bottom-right-radius:5px;
		}
	.rc-right {
		width: 50px;
		border: 1px solid #E0E0E0;
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;
		border-top-left-radius:5px;
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
		border-bottom-left-radius:5px;
		}
	.radios {
		margin: -3px 0px 0px 0px;
		float: left;
		}
	
#submitbtn {
	padding: 10px 0px 0px 0px;
	float: right;
	}

.inputs:focus,
.selects:focus,
.textareas:focus,
.inputs-right:focus,
.selects-right:focus,
.textareas-right:focus,
.textareas-right-big:focus {
	color: #222;
	-moz-box-shadow: 0px 0px 8px #E2E2E2;
	-webkit-box-shadow: 0px 0px 8px #E2E2E2;
	box-shadow: 0px 0px 8px #E2E2E2;
	}

/*____________________________________________________________________________________________ css popout Layout _*/

ul.columns {
	width: 960px;
	list-style: none;
	margin: 0 auto; padding: 0;
	font-size: 11px;
	line-height: 16px;
	}
ul.columns li {
	width: 220px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
	}
ul.columns li:hover {z-index: 99;}

ul.columns li img {
	position: relative;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 210px 10px 20px;
	width: 220px;
	display: none;
	background: #fff;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
ul.columns li:hover .info {display: block;}

ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
	}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}


.tweetbackcommentholder {
	width: 540px;
	float: right;
	}