﻿* {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
body {
	background: #394e61 url(images/bgBannerWrapper.jpg) left 156px repeat-x;
	font: 11px Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color: #333;
	}
	
h1 {
	margin: 0 0 16px 0;
	font-size: 200%;
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color: #459502;
	}	
	
h2 {
	margin: 12px 0 12px 0;
	font-size: 200%;
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color: #459502;
	}	
	
h3 {
	margin: 20px 0 10px 0;
	font-size: 150%;
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	color: #459502;
	}
	
h3 a {
	color: #459502;
	text-decoration: none;
	}	
	
h3 a:hover {
	text-decoration: underline;
	}
	
img {
	border: none;
	}
	
.floatLeft {
	float: left;
	}
	
.floatRight {
	float: right;
	}
	
#bannerwrapper {
	margin: 0 auto;
	width: 980px;
	}
	
#banner img {
	margin: 16px 0 0 26px;
	float: left;
	}
	
#banner ul#topnav {
	padding: 0 0 0 40px;
	height: 61px;
	float: left;
	}
	
#banner ul#topnav li {
	display: inline;
	float: left;
	}
	
#banner ul#topnav li a {
	margin: 0 35px 0 0;
	padding: 22px 0 0 0;
	height: 39px;
	width: auto;
	color: #234300;
	font-size: 150%;
	text-decoration: none;
	display: block;
	}
	
#banner ul#topnav li a:hover,
.home #banner ul#topnav .home,
.keywest #banner ul#topnav .keywest,
.lowerkeys #banner ul#topnav .lowerkeys,
.marathon #banner ul#topnav .marathon,
.islamorada #banner ul#topnav .islamorada,
.keylargo #banner ul#topnav .keylargo {
	color: #fff;
	background: url(images/bgTopNavItem.gif) top center no-repeat;
	}
	
#whatsNew {
	padding: 24px 84px 0 0; 
	width: 356px; 
	text-align: center; 
	color: #fff;
	font: 125% Trebuchet MS, Arial, Helvetica, sans-serif; 
	float: right;	
}

#whatsNew h3 {
	margin: 0 0 8px 0; 
	font: 125% Trebuchet MS, Arial, Helvetica, sans-serif;  
	color: #ff9600; 
	text-transform: uppercase;
}

#whatsNew a {
	color: #ff960f;
	text-decoration: none;
	}
	
#weather {
	margin: 15px 0 0 0;
	padding: 0 0 0 48px;
	width: 190px;
	float: right;
	border-left: 1px solid #234300;
	}
	
#temp {
	margin: 0 8px 0 0;
	font-size: 280%;
	float: left;
	}
	
#weather .description {
	padding: 7px 0 0 0;
	font-size: 100%;
	}	
	
#navsub {
	padding: 5px 40px 0 40px;
	height: 38px;
	width: 900px;
	background: #449402 url(images/bgSubnav.jpg) top left repeat-x;
	}
	
#secondnav {
	margin: -3px 0 0 0;
	width: 100%;
	text-align: center;
	}	
	
#secondnav li {
	display: inline;
	float: left;
	}
	
#secondnav li a {
	margin: 0 12px 0 0;
	padding: 0 18px 0 0;
	font-size: 125%;
	line-height: 140%;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(images/bgSubNavItem.gif) right 50% no-repeat;
	}
	
#secondnav li a:hover {
	text-decoration: underline;
	}
	
#navsub #secondnav li a.last {
	background-image: none;
	}
	
/* Drop Menu */	
	
#secondnav li ul {
	margin: 0 0 0 -16px;
	padding: 0;
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 999999;
	border-left: 4px solid #88bd0b;
	}
#secondnav li ul li {
	display: inline;
	float: none;
	}
#secondnav li ul li a {
	padding: 3px 20px;
	width: auto;
	font-size: 100%;
	background: #419001;
	border-right: 4px solid #88bd0b;
	}
	
#secondnav li ul li a:hover {
	background: #ff7b00;
	text-decoration: none;
}
#secondnav li ul li a.top {
	border-top: 4px solid #419001;
	}
#secondnav li ul li a.bottom {
	border-bottom: 4px solid #88bd0b;
	}	
	
/* End Drop Menu */		
	
#contentwrapper {
	width: 100%;
	background: #0b2943 url(images/bgContent.jpg) top center no-repeat;
	}
	
#content {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 980px;
	}	
	
.leftcolumn,
#contentsub,
.additionalcontent {
	margin: 20px 0 0 0;
	padding: 10px;
	width: 152px;
	background: #fff;
	float: left;
	clear: left;
	}	
	
.leftcolumn input.text {
	padding: 2px 0 0 10px;
	height: 16px;
	width: 116px;
	color: #666;
	font-size: 95%;
	border: 1px solid #666;
	border-right: none;
	float: left;
	}
	
.leftcolumn input.submit {
	margin: 0 0 0 0;
	padding: 2px 0;
	width: 25px;
	height: 20px;
	vertical-align: top;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: #fff url(images/bgSubmit.gif) top left repeat-x;
	border: 1px solid #666;
	border-left: none;
	float: left;
	}
	
#contentsub,
.additionalcontent {
	width: 760px;
	background: #fff url(images/bgContentSub.gif) bottom left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	clear: none;
	}
	
.additionalcontent {
	padding: 30px;
	width: 720px;
	font-size: 115%;
	line-height: 130%;
	background-image: none;
	}
	
.additionalcontent p {
	margin-bottom: 12px;
}
.additionalcontent a {
	color: #459502;
	font-weight: bold;
	text-decoration: none;
}
.additionalcontent a:hover {
	text-decoration: underline;
}
.additionalcontent h1 {
	line-height: 110%;	
}
.additionalcontent h3 {
	line-height: 130%;	
}
	
.additionalcontent ul,
.entry ul {
	margin: 14px 0 0 15px;
	padding: 0 0 0 15px;
	}
	
.additionalcontent ul li,
.entry ul li {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	}
	
.additionalcontent ul li,
.entry ul li {
	background: #fff url(images/bgListItem.gif) left 50% no-repeat;
	}
	
#contentsub ul {
	margin-bottom: 15px;	
}
	
.additionalcontent ul.data {
	margin: 14px 0 0 0;
	padding: 0;
	}
	
.additionalcontent ul.data li {
	margin: 0;
	padding: 0;
	background: none;
	}
	
.post p {
	margin-bottom: 12px;
	font-size: 115%;
	line-height: 130%;
}
.entry {
	padding: 4px 0 0 6px;	
}
	
.entry a,
.navigation a {
	color: #459502;
	font-weight: bold;
	text-decoration: none;
	}
	
.entry a:hover,
.navigation a:hover {
	text-decoration: underline;
	}
	
.entry p {
	margin: 0 0 10px 0;
	}
	
#info {
	width: 500px;
	}
#info ul.data {
	padding: 10px 0 0 18px;
	font-size: 130%;
	line-height: 115%;
	float: left;
	}
	
ul.data a {
	color: #459502;
	text-decoration: none;
	}
	
ul.data a:hover {
	text-decoration: underline;
	}
	
#bloggerposts {
	margin-top: -40px;	
}
	
#info #comments,
#bloggerposts #comments {
	padding: 6px 30px 0 0;
	height: 42px;
	float: right;
	}
	
#totalcomments,
#bloggerposts #totalcomments {
	margin: 0 8px 0 0;
	color: #439201;
	font-size: 225%;
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	float: left;
	}
	
#info .description,
#bloggerposts .description {
	padding: 5px 6px 0 0;
	line-height: 100%;
	float: left;
	}
	
#info .description a,
#bloggerposts .description a {
	color: #439201;
	}
	
#info .button {
	margin: 0 5px 0 0;
	float: right;
	}
	
.ddsg-wrapper ul {
	width: 50%;
	float: left;
	}
#playlist {
	float: right;
	}
	
#playlist li a {
	margin: 0 0 2px 0;
	padding: 6px;
	width: 242px;
	height: 66px;
	color: #333;
	text-decoration: none;
	font-size: 95%;
	cursor: pointer;
	cursor: hand;
	display: block;
	border: 1px solid #ccc;
	background: #fff url(images/bgPlaylistItem.jpg) top right no-repeat;
	}
	
#playlist li a img {
	margin: 0 7px 0 0;
	border: 1px solid #fff;
	float: left;
	}
	
#playlist li a span {
	display: block;
	}
	
#playlist li a span.title {
	padding: 6px 0 0 0;
	height: 52px;
	}
	
#playlist li a span.play {
	font-size: 85%;
	color: #999;
	}
	
#playlist li a:hover, #playlist li a.selected:hover {
	padding: 7px;
	width: 242px;
	height: 66px;
	color: #408902;
	background: #fff url(images/bgPlaylistItem.jpg) bottom right no-repeat;
	border: none;
	}	
#playlist li a.selected {
	padding: 7px;
	width: 242px;
	height: 66px;
	color: #fff;
	background: #fff url(images/bgPlaylistHilite.png) top right no-repeat;
	border: none;
}
#playlist li a.selected span.play {
	color: #fff;
	}
	
#playlist li a:hover span.title {
	color: #fff;
	}
	
#playlist li a:hover span.play {
	color: #fff;
	}	
	
/* Comments */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
	
.comment-author img {
	display: none;	
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentmetadata {
	font-weight: normal;
	}
	
	#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}
.commentlist li {
	margin: 5px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
	margin: 5px 0;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
	margin: 0;
	display: block;
	}
	
#commentWrapper {
	margin: 0 0 5px 0; 
	padding: 0 12px 0 90px; 
	border: 1px solid #ccc;	
	background: url(images/bgComment.jpg) 10px 5px no-repeat;
}
#commentWrapper .fn {
	font-size: 95%;	
}
#commentWrapper a {
	color: #429200;
	text-decoration: none;
}
#commentWrapper .vcard {
	width: 78%;	
}
	
	.commentlist .quote {
	/*
	background:url(http://www.conchtv.com/wp-content/themes/default/images/bg_quote.gif) no-repeat top right;
	*/
	width: 460px;
	}
.commentlist li {
 	padding: 5px 18px 14px 100px;
	margin-top:6px;
	background:#fff url(images/bgComment.jpg) 10px 10px no-repeat;
	border: 1px solid #c8dfb3;
	color:#333;
	text-align: left;
	}
#commentDate {
	padding: 12px 0 0 0;
	width: 120px;
	font-size: 90%;
	font-weight: bold;
	float: right;
	text-align: left;
	}
.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}
	
/* End Comments */
	
/* End Comments */	
	
html body #footerwrapper {
	padding: 30px 0 0 0;
	height: 142px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bgFooter.jpg) top left repeat-x;
	}
	
#footer {
	margin: 0 auto;
	width: 980px;
	}
	
#footer ul {
	margin: 0 0 0 24px;
	padding: 6px 0 0 0;
	height: 46px;
	background: url(images/bgFooterUL.jpg) bottom center no-repeat;
	}	
	
#footer li {
	display: inline;
	float: left;
	}
	
#footer li a {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	line-height: 15px;
	color: #fff;
	text-decoration: none;
	display: block;
	border-right: 1px solid #fff;
	}
	
#footer ul li a.last {
	margin: 0;
	padding: 0;
	border: none;
	}
	
#footer .floatRight {
	margin: -8px 0 0 0;
	}	
	
/*jcarousel/skins/tango/skin.css*/
.jcarousel-skin-tango .jcarousel-container {
    float: right;
	}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 258px;
    height: 412px;
    padding: 20px 0;
	}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  258px;
    height: 412px;
	}

.jcarousel-skin-tango .jcarousel-item {
    width: 258px;
    height: 80px;
	}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 3px;
	}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
	}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 256px;
    height: 18px;
    cursor: pointer;
    background: transparent url(jcarousel/skins/tango/btnPlaylistDown.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: bottom left;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
    width: 256px;
    height: 18px;
    cursor: pointer;
    background: transparent url(jcarousel/skins/tango/btnPlaylistUp.gif) no-repeat bottom left;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: bottom left;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: top left;
}


/* jcarousel/lib/jquery.jcarousel.css */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* Blogger Template */

#bloggerposts h1 {
	padding-left: 6px;	
}

#bloggerposts h1 small a {
	font-size: 65%;
	font-weight: normal;
	text-decoration: none;
	color: #999;
}

#recentPostsBlog {
width: 34%; 
float: right;
}

#recentPostsBlog li {
	list-style: none;
	margin: 0;
	font-size: 115%;
}

#recentPostsBlog #head {
	padding: 6px 10px;
	font-size: 150%;
	color: #fff;
	background: #408f02;
}

#recentPostsBlog li a { 
	color: #666;
	text-decoration: none; 
	padding: 6px 10px;
	display: block;
	border-bottom: 1px solid #e0e0e0;
}

#recentPostsBlog li a:hover { 
	background: #e8f1e0;
}

a#statistx {
	display: none;	
}

/* Forms */

#usermessagea {
	text-align: center;	
}

#cformsform label,
#cformsform label span {
	width: 120px;
}

#cformsform li span.emailreqtxt,
#cformsform li span.reqtxt {
	margin-top: 4px;
}

.linklove {
	display: none;	
}

/* Photosmash */

#bwbps_galcont_1 {
	background: none;
	border: none;
}

#bwbps_galcont_1 a {
	color: #333;
}

table ul#bwbps_stdgal_1 {
	padding-left: 10px;	
	color: #333;
}

table ul#bwbps_stdgal_1 li {
	color: #333;
	background: #fff;
}

table ul .bwbps_image_div {
	color: #333;
	background: #fff;
}

/* End Photosmash */

/* New Search */

#siteSearch {
	margin: 20px 0 0 0; 
	border: 10px solid #fff; 
	background: #fff;	
}

#siteSearch input {
	padding: 3px 6px;	
}

#siteSearch #s {
	width: 92%;
	color: #666;
	text-transform: lowercase;
	border: 1px solid #666;
}

#siteSearch .submit {
	color: #fff;
	background: #f49700;
	border: 1px solid #f49700;
}

/* Image Styles */

img.alignright {float: right; margin: 0 0 20px 20px}
img.alignleft {float: left; margin: 0 20px 20px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float: right; margin: 0 0 20px 20px}
a img.alignleft {float: left; margin: 0 20px 20px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Contest Capthca Height */

div div img#cf_captcha_img {
	height: 40px;	
}