/*
Theme Name: Destin Vacation Boat Rentals
Description: Wordpress theme for Destin Vacation Boat Rentals
Author: 3Howards
Author URI: http://www.3howards.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#0561AA;text-decoration:none}
a:hover, a:focus {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#07A5D4 url(images/bg.gif) repeat-x;color:#000;font: Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {color:#0561AA;font-size:18px;font-weight:normal}
h2 {color:#0561AA;font-size:1.1em;font-weight:normal;margin:0 0 7px}
h3 {font-size:1.25em}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}

/* Containers */
#page {margin:0 auto; overflow:hidden;position:relative;width:962px}
#main {background:#FFF;border-top:2px solid #0561AA;clear:both;overflow:hidden;width:100%}

/* Header */
#header { background: url(images/header.jpg) no-repeat 0 0; position: relative; height: 164px; width: 962px;border-bottom: 2px solid #0561AA;}
#header #phone-number{ position: absolute; font: bold 22px 'Trebuchet MS', 'Helvetica', 'Arial'; text-shadow: 0 0 5px black; color: #ffffff; right: 195px; top:110px;}
    

h1#logo {color:#FFF;font:bold italic 2.185em Arial;padding:60px 0 0 0}
#reservation {background:url(images/cutaway.png) no-repeat right bottom;color:#0561AA;height:25px;margin:0;position:absolute;top:0px;right:0px;text-align:center;width:23em}
#reservation span {background:url(images/cutaway.png) no-repeat;display:block;height:100%;line-height:23px;width:100%}
#reservation a {color:#B9380D;font-weight:bold}
#slogan {clear:both;color:#FFF;font-size:18px;font-style:italic;height:35px;width:393px}
#search {position:absolute;top:70px;right:0px;width:255px}
#search legend {display:none}
#search input#s {background:#e9f5fa url(images/input.gif) repeat-x;border:1px solid #82CEE8;float:left;margin:3px 8px 0 0;padding:3px;width:205px}
#menu {font-size:13px;font-weight:bold;height:45px;list-style:none;margin:25px 0 0;text-transform:uppercase}
#menu li {float:left;margin:0 20px 0 0}
#menu li:hover, #menu li.current_page_item {background:url(images/arrow.gif) no-repeat center bottom;padding:0 0 4px}
#menu a {color:#FFF;float:left;height:23px;line-height:23px;text-decoration:none}
#menu a span {display:block;float:left;height:100%;padding:0 7px}
#menu li:hover a, #menu a:hover, #menu li.current_page_item a {background:#FFF url(images/menu.gif) no-repeat;color:#C30}
#menu li:hover a span, #menu a:hover span, #menu li.current_page_item a span {background:url(images/menu.gif) no-repeat right bottom}

/* Content*/
#content {display:inline;float:left;margin:5px 15px;overflow:hidden;padding:0 0 20px;width:645px}
#sub #content {display:block;float:none;width:940px}
#sub h1 {font-size:20px;font-weight:bold;padding:10px 0}
#sub h2 {font-size:18px}
#sub .package {float:left;width:200px}
#sub #content ul {list-style:none}
#sub #content ul li {background:url(images/arrow3.gif) no-repeat left center;margin:0 0 5px;padding:0 0 0 20px}
#splash {background:#FFF;border:5px solid #CCE5Ed;padding:1px}
#content #home-links {margin:0 0 1em}
#content #home-links li {background:url(images/arrow2.gif) no-repeat left center;list-style:none;margin:0 0 3px;padding:0 0 0 16px}

	/* Post */
	#content .post {}
	#content .post .meta {font-size:0.8em}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h1 {border:0;margin:0}

/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Reservations */
#reservation-form {background:#cce5ed;overflow:hidden;padding:10px;position:relative;width:910px}
#reservation-form #required {color:#0561AA}
#reservation-form #cf_field_5 {width:50px}
#reservation-form #cf_field_6 {width:100px}
/* added */
#reservation-form ol.cf-ol li#li--7 { clear: both; }
#reservation-form ol.cf-ol li#li--5, #reservation-form ol.cf-ol li#li--6 { float: left; }
#reservation-form ol.cf-ol li#li--5 { width: 100px; float: left; }
#reservation-form ol.cf-ol li#li--5 label, #reservation-form ol.cf-ol li#li--6 label { display: block; }
/*#reservation-form ol.cf-ol li#li--6 {margin:-45px 0 0 70px !important}*/
#reservation-form ol.cf-ol li#li--5 #cf_field_5, #reservation-form ol.cf-ol li#li--6 #cf_field_6 { display: block; }
/* / added */
#reservation-form ol.cf-ol li#li--12 input {width:150px}
#reservation-form ol.cf-ol li#li--12 label {display:inline;line-height:22px}
#reservation-form ol.cf-ol li#li--12 span {display:inline}
#reservation-form ol.cf-ol li#li--12 img {vertical-align:middle;margin:2px 0 0 5px}
#reservation-form ol.cf-ol li#li--12 span.reqtxt {display:none}
#reservation-form ol.cf-ol li#li--13 input {margin:0 0 0 4px;width:150px}
#reservation-form ol.cf-ol li#li--13 label {display:inline;line-height:22px}
#reservation-form ol.cf-ol li#li--13 span {display:inline}
#reservation-form ol.cf-ol li#li--13 img {vertical-align:middle;margin:2px 0 0 5px}
#reservation-form ol.cf-ol li#li--13 span.reqtxt {display:none}
#reservation-form ol.cf-ol li#li--16 select {width:60px}
#reservation-form ol.cf-ol li#li--18  {margin:-6px 0 0 !important}
#reservation-form ol.cf-ol li#li--18 select {width:60px}
#reservation-form ol.cf-ol li#li--18 label {display:none;width:auto}
#reservation-form ol.cf-ol li#li--18 span {display:inline}
#reservation-form ol.cf-ol li#li--19 {margin:-24px 0 0 70px !important}
#reservation-form ol.cf-ol li#li--19 select {width:50px}
#reservation-form ol.cf-ol li#li--19 label {display:none;width:auto}
#reservation-form ol.cf-ol li#li--19 span {display:inline}
#reservation-form ol.cf-ol li#li--21, #reservation-form ol.cf-ol li#li--22,
#reservation-form ol.cf-ol li#li--21 select, #reservation-form ol.cf-ol li#li--22 select { float: left; }
#reservation-form ol.cf-ol li#li--21 select {width:50px}
#reservation-form ol.cf-ol li#li--21 label {display:inline;line-height:22px}
#reservation-form ol.cf-ol li#li--21 span {display:inline;}
#reservation-form ol.cf-ol li#li--21 img {vertical-align:middle;margin:2px 0 0 5px}
#reservation-form ol.cf-ol li#li--21 span.reqtxt {display:none}
#reservation-form ol.cf-ol li#li--22 {margin:-29px 0 0 120px !important}
#reservation-form ol.cf-ol li#li--22 select {width:50px;}
#reservation-form ol.cf-ol li#li--22 label {display:inline;line-height:22px}
#reservation-form ol.cf-ol li#li--22 span {display:inline;}
#reservation-form ol.cf-ol li#li--22 img {vertical-align:middle;margin:2px 0 0 5px}
#reservation-form ol.cf-ol li#li--22 span.reqtxt {display:none}
#reservation-form ol.cf-ol li#li--23 { clear:both; }
#reservation-form ol.cf-ol li#li--23 label span { width:265px; }
#reservation-form ol.cf-ol li#li--23 select { display:block; width:60px}
#reservation-form ol.cf-ol li#li--27 label {display:inline;width:auto}
#reservation-form ol.cf-ol li#li--27 span {display:inline;width:auto}
#reservation-form ol.cf-ol li#li--27 em {display:block;font-style:normal;font-size:10px}
#reservation-form ol.cf-ol li#li--28 label span, #reservation-form ol.cf-ol li#li--29 label span { width:250px; }
#reservation-form fieldset.cf-fs1 { border:none; }
#reservation-form fieldset.cf-fs2 { border-right:1px solid #382cee8; border-left:1px solid #82cee8; border-top:1px solid #cce5ed; }
#reservation-form fieldset.cf-fs3 {width:300px;}
#sub .dp-popup h2 {font-size:14px}

/* Sidebar */
#sidebar {float:right;margin:0 10px 0 0;padding:10px 0 20px;width:260px}
#sidebar ul {list-style:none;margin:0 0 1em}
#sidebar ul ul {list-style:none}
#sidebar ul li {margin:0 0 10px}
#sidebar #book {background:#0561AA;color:#FFF;font-size:13px;position:relative}
#sidebar #book h3 {background:#FFF;color:#0561aa;font-size:13px;font-weight:normal;margin:0;padding:5px;position:absolute;text-transform:uppercase}
#sidebar #book legend {background:url(images/reserve.gif) no-repeat 5px 6px;font-weight:bold;margin:0 0 0 5em;padding:5px 0 0 24px}
* html #sidebar #book legend {margin:-.7em 0 0 5em;height:1.5em;position:relative}
*:first-child+html #sidebar #book legend{margin:-2.2em 0 0 5em;height:1.5em;position:relative}
#sidebar #book fieldset {padding:10px}
#sidebar #book label {display:block;margin:0 0 3px}
#sidebar #book p {float:left;margin:5px 0;width:100%}
#sidebar #continue {float:right}
#sidebar #book .select {width:100%}
#sidebar #favourites {float:right}

/* Featured */
#featured {background:#e8f6f9;height:1%;padding:10px;overflow:hidden}
#featured h2 {font-size:14px;font-weight:bold}
#featured h3 {font-size:1em}
#featured ul {margin:0 0 0 -10px}
#featured ul li {background:#cee6ee;display:inline;float:left;margin:0 0 0 10px;padding:1px;width:305px}
#featured img {float:left;margin:0 5px 0 0}

/* Footer */
#footer {background:#0561aa;clear:both;color:#FFF;font-size:11px;height:1%;padding:10px 10px 5px;overflow:hidden;text-align:center}
#footer ul {margin:0 0 10px}
#footer ul li {border-left:1px solid #0685c0;display:inline;list-style:none;padding:0 5px 0 7px}
#footer ul li.first {border:0}
#footer ul li a {color:#FFF}
#footer ul li a:hover {text-decoration:underline}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:10px 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}
.clear {clear:both}

/* Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* Slideshow */
#slideshow { margin: 10px 0px 10px 0px; padding:5px; width:430px; height:287px; background-color:#ffffff; position:relative; }
#slideshow IMG { position:absolute; top:5px; left:5px; z-index:8; }
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }

/* Rates Table */
#ratestable { width:925px; padding:0; margin:0 0 15px 0; font:12px Arial, Helvetica, sans-serif;color:#000; }
#ratestable caption { padding:0 0 5px 0; width:925px; font:italic 11px; text-align:right; }
#ratestable th { font:bold 11px; color:#4f6b72; border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; border-top:1px solid #C1DAD7; text-transform:uppercase; text-align:center; padding:6px 6px 6px 12px; background:#CAE8EA url(http://www.3howards.com/destin/bg_header.jpg) no-repeat; }
#ratestable th.nobg { border-top:0; border-left:0; border-right:1px solid #C1DAD7; background:none; text-align:center; }
#ratestable td { border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; background: #fff; padding:6px 6px 6px 12px; color:#4f6b72; text-align:center; }
#ratestable td.alt { background:#F5FAFA; color:#797268; }
#ratestable th.spec { border-left:1px solid #C1DAD7; border-top:0; background:#fff; font:bold 11px; }
#ratestable th.specalt { border-left:1px solid #C1DAD7; border-top:0; background:#f5fafa; font:bold 11px; color:#797268; }
#ratestable td a, #ratestable td a:visited { color:#0561AA; font-weight:bold; }
#ratestable td a:hover { color:#900; }

/* Species Table */
#speciestable { width:925px; padding:0; margin:0; font:12px Garamond,"Times New Roman", serif;color:#000; }
#speciestable caption { padding:0 0 5px 0; width:925px; font:italic 11px; text-align:right; }
#speciestable th { font-weight:bold; color:#4f6b72; border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; border-top:1px solid #C1DAD7; text-transform:uppercase; text-align:center; padding:6px 6px 6px 12px; background:#CAE8EA url(http://www.3howards.com/destin/bg_header.jpg) no-repeat; }
#speciestable th.nobg { border-top:0; border-left:0; border-right:1px solid #C1DAD7; background:none; text-align:center; }
#speciestable td { border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; background: #fff; padding:6px 6px 6px 12px; color:#4f6b72; text-align:center; }
#speciestable td.alt { background:#F5FAFA; color:#797268; }
#speciestable th.spec { border-left:1px solid #C1DAD7; border-top:0; background:#fff; font-weight:bold; }
#speciestable th.specalt { border-left:1px solid #C1DAD7; border-top:0; background:#f5fafa; font-weight:bold; color:#797268; }
#speciestable td a { color:#0561AA; font-weight:bold; }

/* Boats Table */
#boatstable { width:925px; padding:0; margin:0; font:12px Garamond,"Times New Roman", serif;color:#000; }
#boatstable th { font-weight:bold; color:#4f6b72; border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; border-top:1px solid #C1DAD7; text-transform:uppercase; text-align:center; padding:6px 6px 6px 12px; background:#CAE8EA url(http://www.3howards.com/destin/bg_header.jpg) no-repeat; width:20%; }
#boatstable th.nobg { border-top:0; border-left:0; border-right:1px solid #C1DAD7; background:none; text-align:center; }
#boatstable td { border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; background: #fff; padding:6px 6px 6px 12px; color:#4f6b72; font-size:14px; width:30%; }
#boatstable td.images { text-align:center; line-height:198px; border-right:none; }
#boatstable td a { color:#0561AA; font-weight:bold; }

/* Accommodation Table */
#accommodation { width:925px; padding:0; margin:0 0 15px 0; font:12px Arial, Helvetica, sans-serif;color:#000; }
#accommodation caption { padding:0 0 5px 0; width:925px; font:italic 11px; text-align:right; }
#accommodation th { font:bold 11px; color:#4f6b72; border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; border-top:1px solid #C1DAD7; text-transform:uppercase; text-align:center; padding:6px 6px 6px 12px; background:#CAE8EA url(http://www.3howards.com/destin/bg_header.jpg) no-repeat; }
#accommodation th.nobg { border-top:0; border-left:0; border-right:1px solid #C1DAD7; background:none; text-align:center; }
#accommodation td { border-right:1px solid #C1DAD7; border-left:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; background: #fff; padding:6px 6px 6px 12px; color:#4f6b72; text-align:center; }
#accommodation td.alt { background:#F5FAFA; color:#797268; }
#accommodation th.spec { border-left:1px solid #C1DAD7; border-top:0; background:#fff; font:bold 11px; }
#accommodation th.specalt { border-left:1px solid #C1DAD7; border-top:0; background:#f5fafa; font:bold 11px; color:#797268; }
#accommodation td a, #ratestable td a:visited { color:#0561AA; font-weight:bold; }
#accommodation td a:hover { color:#900; }

/*Testimonials*/
.testimonials {
width: 650px;
background: #CAE8EA;
border: 1px solid #4F6B72;
padding: 10px;
margin-bottom: 20px;
}