/*
Theme Name: Tranquility Bay Honduras
Theme URI: http://tranquilitybayhonduras.com/
Description: The default Tranquility Bay theme
Version: 2.0
Author: Martin Blumenfeld
Author URI: http://coastalextreme.com/
*/


/* Browser Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html, body { background: url(http://c0524892.cdn.cloudfiles.rackspacecloud.com/background.jpg) #ffffff repeat-x top center; color: #242424; font-weight: normal; font-family: Arial, Tahoma; font-size: 13px; }
body { margin: 0; line-height: 1; height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End Browser Reset */

#wrapper {
	background: url(http://c0524892.cdn.cloudfiles.rackspacecloud.com/background.jpg) repeat-x top center;
	margin: 0 auto 30px auto;
	min-height: 738px;
	padding: 0px!important;
}

#wrapper, #header, #footer { width: 816px; }

#logo { float: left; }
#comeStay { float: right; }
#header { height: 110px; }
#headerPhotos { height: 229px; margin: 19px 0 29px 18px; overflow:hidden; width: 798px; }
#footer { background: url(images/divider.gif) no-repeat; clear: both; color: #6f6f6f; padding: 12px 14px 0 10px; width: 790px; }
#footerRight { float: right; }

#contentWrapper { padding: 0 0 0 15px; width: 801px; }
#contentRight { float: right; padding: 0 0 0 20px; width: 568px; }
#contentLeft { float: left; background: url(images/sidebar-fill.gif) repeat-y; color: #333333; width: 213px; }
#content { width: 555px; padding-left: 13px; text-align: justify; }
#contentRight.twoCol #content { border-right: dashed 1px #a4a4a4; float: left; padding: 0 15px 0 10px; width: 373px; text-align: justify; }
#contentRight.twoCol #contentSidebar { border-left: dashed 1px #a4a4a4; color: #5a5a5a; float: right; margin-left: -1px; padding: 0 0 0 15px; width: 153px; }
#sidebar { background: url(images/sidebar-footer.gif) no-repeat left bottom; padding: 10px 15px 17px 15px; width: 183px; }
#sidebar p { color: #515151; }
#sidebar h3 { color: #333333; }
#sidebar li.widget { background-color: transparent; list-style: none; margin-bottom: 30px; }
#sidebar h2 { margin-bottom: 3px; }
h1, h2, h3, h4, h5, h6 { color: #5a5a5a; font-size: 18px; font-weight: normal; line-height: 25px; margin-bottom: 10px; text-align: left; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6a { text-decoration: none!important; }
h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 20px; line-height: 20px; }
h4 { font-size: 16px; line-height: 16px; }
h5 { font-size: 14px; line-height: 14px; }

ul li { list-style: url(images/bullet.gif); margin: 0 0 10px 12px; }
a:link,  a:active,  a:hover,  a:visited { color: #195e85; text-decoration: underline; }
a:hover { text-decoration: none; }
p { line-height: 20px; margin-bottom: 15px; }
.clear { clear: both; }
.clearRight { clear: right; }
table.common, table.common td { background: #e8e8e8; border: solid 1px #c3c3c3; padding: 5px; }

/* Form Styles */
textarea { width: 360px!important; }
/* Button Styles */
.linkButton { display: block; border: 0; background: url(images/sprites.gif) no-repeat; float: left; position: relative; text-indent: -9999px; }
.linkButton.twitter { background-position: 0px 0px; height: 50px; width: 35px; }
.linkButton.twitter:hover { background-position: 0px -51px; }
.linkButton.flickr { background-position: -35px 0px; height: 50px; width: 35px; }
.linkButton.flickr:hover { background-position: -35px -51px; }
.linkButton.facebook { background-position: -71px 0px; height: 50px; width: 36px; }
.linkButton.facebook:hover { background-position: -71px -51px; }
.linkButton.rss { background-position: -107px 0px; height: 50px; width: 36px; }
.linkButton.rss:hover { background-position: -107px -51px; }
.socialLinks { height: 50px; }
.socialLinks .linkButton { margin-right: 9px; }
.socialLinks .last { margin-right: 0px; }

#nav { color: #6f6f6f; height: 20px; text-transform: lowercase; margin: 3px 0 0 0; padding-bottom: 25px; width: 568px; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;	z-index: 99; }
.sf-menu { float: left; z-index: 99; }
.sf-menu ul { position: absolute; top: -999em; width: 23em; /* left offset of submenus need to match (see below) */ z-index: 99; }
.sf-menu ul li { width: 100%; z-index: 1; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li ul li:hover {border-bottom: 0px; }
.sf-menu li { float: left; margin: 0px 8px 0 0; position: relative; }
.sf-menu a { padding: 0px 0px 0px 0px; text-decoration:none; display: block; position: relative; }
.sf-menu li a { border-top: 0px; }
.sf-menu li a {	float:left;	color: #6f6f6f; cursor: pointer; font: 500 13px/22px "Arial", Helvetica, sans-serif; }
.sf-menu li a span { margin: 0 5px 0 0px;  padding: 1px 6px 8px 12px; position: relative; /*To fix IE6 problem (not displaying)*/ float:left; }
.sf-menu li.current_page_item a, .sf-menu li a:hover  {	background: url(images/nav-background.gif) no-repeat top right; }
.sf-menu li.current_page_item a span, .sf-menu li a:hover span { background: url(images/nav-background.gif) no-repeat top left; }
.sf-menu a:link, .sf-menu a:hover, .sf-menu a:visited, .sf-menu a:active { color: #6f6f6f; text-decoration: none!important; }
.sf-menu li li a span { background-image: none!important; float: none;}
.sf-menu li li a { background-image: none!important; text-indent: 0px!important; height: auto!important; width: auto!important; padding: 3px 2px; float: none; }
.sf-menu li li, .sf-menu li li li { background: #e8e8e8; margin: 0px!important; padding: 0px!important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 25px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 23em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 23em; /* match ul width */	top: 0; }
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #e0e0e0; background-image: none!important; outline: 0; }
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { background-color: Transparent; }

/* Wordpress Styles */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 5px 12px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 12px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Overriding Contact Form 7 message styles */
span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
border:2px solid #bd0000!important;
background-color: #ffd0d0!important;
color: #770000!important;
}

div.wpcf7-mail-sent-ok {
border:2px solid #458c00!important;
background-color: #dbf0c7!important;
color: #306200!important;
}

div.wpcf7-response-output {
padding:0.2em 0;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	margin-left: -10px;
	padding: 0;
}

.gallery li {
	padding: 5px;
	margin: 0 0 10px 10px;
	float: left;
	list-style: none;
	position: relative;
	width: 165px;
	height: 165px;
	border: solid 1px #ccc;
}

.gallery li div { padding: 0px; margin: 0px; overflow: hidden; height: 165px; width: 165px; }

.gallery li img { margin: -10px 0 0 -15px; }
.gallery li:hover, .albumBox a.albumThumb:hover {
	background: #dddddd;
}

.albumBox {
	background: #ffffff!important;
	margin: 0 30px 15px 0;
	float: left;
	width: 262px;
}

.albumBox.oddItem { margin-right: 0px; }

.albumBox a.albumThumb {
	display: block;
	height: 180px;
	width: 240px;
	overflow: hidden;
	padding: 10px;
	border: solid 1px #ccc;
}

.albumBox .albumHeading {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.albumBox .albumMeta {
	float: right;
	font-weight: bold;
}

p.info {
	font-weight: bold;
	color: #000000;
}

p.info em {
	font-weight: normal;
}

hr {
	border-top: 1px dashed #a4a4a4;
}