/*
Theme Name: Tranquilo
Theme URI: http://www.caribmedia.com
Description: Tranquilo
Version: 1.0
Author: CaribMedia
Author URI: http://www.caribmedia.com

	Tranquilo
*/

/* reset */
body, h1, h2, h3, h4, h5, h6, a, ul, li, p, div, span, table, td, tr, blockquote { margin: 0; padding: 0; }

/* layout */
body { margin: 0; padding: 0; }

#contentPane { min-height: 400px; width: 750px; float: left; padding: 125px 25px 15px; line-height:1.4; background: #fff; border-top: 5px solid #224589; border-left: 5px solid #224589; border-right: 5px solid #224589; }

#contentPane p,
#contentPane ul { margin-bottom:.57em; }
#contentPane h3 { margin:1em 0 .5em 0; }


#main { width: 900px; margin: 40px auto 0; position: relative; }
#outer { display:block; margin: 0 auto; position:relative; z-index:15; top:-130px; width: 810px; }

.post { margin-bottom: 20px; }

/* header */
#header { height:320px; float:left; }
#header #logo { overflow: hidden; width: 285px; height: 140px; position: absolute; top: 20px; left: 25px; display: block; text-align: center; }
#header .vcard { background: #224589 none repeat scroll 0 0; height: 346px; left: -3px; position: absolute; text-indent: -9999px; top: -3px; width: 904px; z-index: -10; }
#header h1 { margin: 0; float: left; width: 217px; height: 150px; padding-bottom: 40px; }
#header h1 a { display: block; height: 150px; }
.vcard .city, .vcard .country { display: none; }
.vcard .geo { position: absolute; top: -100px; }

#sidebar-header { width:900px; position:absolute; top:155px; right: -10px; z-index:20; }
#sidebar-header li li { display: block; float: left; clear: none; position: absolute; }
#sidebar-header .page_item a { line-height:1; border-right-style: solid; border-right-width: 1px; padding:0 10px; margin-top:5px; white-space:nowrap;}
#sidebar-header li li:last-child a { border:none; }

#subTitle { background: transparent url(images/slogan.png) no-repeat 0 0;  position: absolute; top: 112px; left: 330px; height: 23px; width: 232px; display:block; text-indent: -9999px; }

.alpha {	margin-left: 433px }

/* main content */
h2#page-title { margin-bottom: 0.5em;}
h3.comments { padding: 0; margin: 40px auto 20px; }

/* sidebars */
#sidebar-right { display: none; }

.sidebar { float: left; width:190px; }
.sidebar li { list-style-type:none; }
.sidebar li a { display: block; float: left; }
.sidebar #pages h2 { display: none; }
.sidebar form { margin: 0; }

#sidebar-left { height: 40px; width: 810px; background: #224589 url(images/nav.jpg) repeat-x scroll 0 0; position: relative; top: 105px; overflow: hidden; }
#sidebar-left .cat-item a,
#sidebar-left .page_item a { display: block; line-height: 4em; padding-left: 32px; position: relative; z-index: 20; }

#flexi-pages-1 { margin-bottom: 1em; }

#flexi-pages-1, 
#flexi-pages-1 li,
#sidebar-left .cat-item { display: inline; }
#flexi-pages-1 li.lastItem a { border-bottom-width: 0; }
#flexi-pages-1 li ul { display: none; }
#flexi-pages-1 li:hover ul { display: block; left: 190px; position: absolute; width: 190px; }
#flexi-pages-1 li:hover li, #flexi-pages-1 li:hover li a { width: 190px; }

.widget_categories { float:left; margin-bottom:1em;  }
.widget_categories h2 { width:170px; padding:2px 0 2px 20px; }

#mbox { float:left; margin-left:1px; border-style: solid; border-width:0 1px 1px 0; }

#calendar_wrap { margin-left:20px; }

#page { float: left; margin: 20px auto; padding: 0; }
#header h1 { position: absolute; top: 30px; }
#header h1 a { padding: 20px; }
#header .description { display: none; }

/* footer */
#footer { top:-130px; clear: both; width: 800px; height: 18px; margin-bottom:1em; margin: 0 auto; position: relative; border-top: 1px solid #224589; border-left: 5px solid #224589; border-right: 5px solid #224589; border-bottom: 5px solid #224589; }
#footer #copyright { margin-left:1em; display:inline; }
#footer #copyright, #footer #credits { width: 388px; float: left; padding-top: 3px; }
#footer #credits br { display: none; }
#footer #poweredBy { display: none; }
/* End Structure */

/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #224589; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 30px 30px; display: inline; border:2px solid #224589; }
img.alignleft { padding: 2px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; clear: right; }
.alignleft { float: left; }

/* Entry Lists */
.posttag { margin-bottom: 0em !important; }
.postmetadata, .posttag { font-size: 85%; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

/* Form Elements */
#searchform label { display:none; }
#searchform #s {  width: 10em; padding: 1px; }
#searchsubmit { padding: 1px; width: 51px; border: none; margin-top:2px; position:relative; z-index:10; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
/*.center { text-align: center; }*/
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
#controls { clear: both; margin-top: 2em; float: left; }
.hide { display:none }
#ff2 { display: block; visibility: hidden; clear:right; margin:-5px 0; }

/* home page */
.home #main-text { float: left; width: 500px; margin-right: 1em; }

/* about us */
.about #contentPane .vcard { clear:both; margin:1em 0; height:205px; padding:5px 20px 20px 12px; }
.about #contentPane .vcard img { margin-bottom: 1em; border-width: 0px; }

/* contact form */
#address { text-align:left; float:right; display:inline; width:24em; padding:.5em; margin-top:2em; margin-left:3em; }
#address dl { width:22em; float:left;}
#address dt, 
#address dd { float:left; margin-bottom:.2em; padding-top:1px; }
#address dt { padding-right: 1em; width: 8em; clear:left; }
#address dd { margin-left:5px; width:12em;}

.contact-us #frmContact form	 		{ border-width: 1px; padding: 1em; width: 35em; clear:both }
.contact-us #frmContact label 		{ display: block; width: 10em; float: left; }
.contact-us #frmContact input 		{ margin-bottom: .5em; }
.contact-us #frmContact textarea 	{ width: 40em; }
.contact-us #frmContact .optin label { width: auto; display: block; float: none; }

/* Presentation */
body { font-size: 76%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #444; background: #F7F7E6 }

#contentPane { line-height:1.4 }
#contentPane li { list-style-position:inside; }

h1,h2,h3 { font-weight:normal; }
h1,h2,h3,a { color: #444; }
.post h2 a { font-weight:normal; font-size: 18px; }
h3#respond { font-size: 1em; font-weight: bold; border-top:1px dotted #224589; padding-top:10px; margin-top:40px; }
#contentPane p.book  { float: right; margin-top:-25px; width: 100%; text-align: right; }
.book a { background: url(images/book.jpg) no-repeat 0 0; color: #EE0B15; float: right; height: 40px; width: 122px; }
.book a:hover { color: #ff0000; text-decoration: none; background: url(images/book.jpg) no-repeat 0 -41px; }
.book a span { display: none; }

/* header */
#logo { background: url(images/logo-tranquilo.png) no-repeat 0 0; }
#logo img { display: none; }
#header { background: #ee0b15 url(images/bg_header.png) repeat-x scroll 0 0; border: 10px solid white; display: block; width: 878px; height: 320px; }
#subTitle { color: #446}
#searchsubmit, #searchform #s { font-size:.9em; }
#searchsubmit { background:url(images/search.gif) no-repeat 0 0; text-indent:-1000px; }
#searchsubmit:hover { background-position: 0 -19px }
 
/* sidebar */
.sidebar { font-size: 1em; }
.sidebar h2 { font-size: 1.2em; }
#sidebar-header li a { font-size: 1em; border-right-color: #446;}

#flexi-pages-1 li a { font-size: 1em; color: #fff; text-decoration: none; border-bottom:0px solid white; font-family: Georgia; font-style: italic; letter-spacing: 0.7ex; }
#sidebar-left li.cat-item a { color: #fff; text-decoration: none; border-bottom:1px solid silver;  }
#flexi-pages-1 li.current_page_item a { color: #ffdddd; text-decoration:underline; }
#flexi-pages-1 a:hover { 	text-decoration:underline; }
.widget_categories h2 { background-color: #28cebc; color: #fff; line-height:1; font-size:1em; font-weight:bold;}

/* titles */
h2#page-title { font-size: 1.3em; font-weight:bold; }
h3 { font-size: 1.3em; font-weight:bold; }

/* generic classes and ids */
#contentPane .error { border: 1px solid red; background: url(images/error_icon.gif) no-repeat right center; color: red; }
#contentPane .alert { color:red; }
.alert { color: red; }
.query { font-style:italic; color: #888;  }
#respond { clear: right; }
#comment { height: 100px; width: 500px; }

/* captions */
.wp-caption p.wp-caption-text { font-size: 11px; }

/*.entry { margin-top: -28px; }*/

/* footer */
#footer,
#footer a { text-decoration:none; }
#footer { background: #fff; font-size:.9em; }
#footer #credits { text-align:right; }

/* contact */
#address { background: #EACE7B; border: 1px inset #b6f1ea; }
#frmContact fieldset { border: 0; margin-bottom:20px; }
#frmContact textarea { font-size:12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333; }
#frmContact input[type="text"]:focus, #frmContact input[type="text"]:active {background-color: #f7f7f0; }
legend { color: #444; font-weight: bold; margin: 0 0 5px -5px; }

/* textwidget pictures */
#pic1 { left: 42px; top: 7px; }
#pic2 { left: 168px; top: -5px; }
#pic3 { left: 310px; top: 0; }
#pic4 { left: 447px; top: 8px; }
#boat { left: 662px; top: -130px; }

/* tours table */
table { width: 100%; background: #CAE7FF; margin-top:20px; }
.Tour { text-align: left; width:40%; }
.Mon, .Tue, .Wed, .Thu, .Fri, .Sat, .Sun { width: 30px; }
td { text-align: center; }
.even, .odd{ background: #F7F7E6; }
td.Time, td.Price { text-align: left; padding-left: 5px; }
tbody th a { font-weight: normal; text-decoration: none; }
.more { text-decoration: underline; }
.more:hover { text-decoration: none; }
.yes { background: #f7f7e6 url(images/check.png) no-repeat scroll 7px 10px; }
.request { background: #f7f7e6 url(images/request.png) no-repeat scroll 7px 10px; }
#legendyes, #legendreq  { float: left; height: 18px; margin-top: 5px; text-indent: 20px; margin-bottom:10px; }
#legendyes { background: transparent url(images/check.png) no-repeat scroll 0 0; width: 75px; }
#legendreq { background: transparent url(images/request.png) no-repeat scroll 0 0; width: 100px; }
td.Mon, td.Tue, td.Wed, td.Thu, td.Fri, td.Sat, td.Sun { text-indent: -9999px; }