@charset "utf-8";
/*  
Theme Name: Whale Watching Theme - Wordpress
Description: Theme developed for Jet Cruiser Whale Watching

Author URI: http://www.emarketplace.com.au
Designer:Lyssandro Reis
Markup:Lyssandro Reis

Version: 1.0
Adapted from Cubismo Theme, Originally developed by Igor Penjivrag. http://www.colorlightstudio.com/

*/

html, body {
	background: url('img/bg.gif');
	border: 0;
}

body, p, h1, h2, h3, h4, ul, ol, li, form, blockquote {
	font-family: Arial;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #cccccc;
}

a:hover {
	text-decoration: underline;
}

/* Wrap */

#wrap {
	width: 1095px;
	margin: 0 auto;
}

/* Header */
#header {
	width: 1095px;
	height: 469px;
	}

#header img {margin:0; padding:0;}



/* Text Elements
--------------------------------------------------------------*/
h3 {color:#999999;
	margin-bottom: 0.6em;
	font-size:18pt;
	}
	

h4 {color:#003399;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	font-size:14pt;
		}


/* Navigation Menu
--------------------------------------------------------------*/
div#menu ul li#nav-home {width: 171px;}
div#menu ul li#nav-the-cruise {width: 208px;}
div#menu ul li#nav-the-whales {width: 215px;}
div#menu ul li#nav-booking {width: 197px;}
div#menu ul li#nav-contact-us {width: 257px;}
div#menu ul li a#nav-homeh {width: 171px;}
div#menu ul li a#nav-the-cruiseh {width: 208px;}
div#menu ul li a#nav-the-whalesh {width: 215px;}
div#menu ul li a#nav-bookingh {width: 197px;}
div#menu ul li a#nav-contact-ush {width: 257px;}

#menu {
	margin:0px;
	padding:0px;
	width: 1095px;
	height: 87px;
	font-size: 14px;
}
	#menu ul {
	margin:0px;
	padding:0px;
	width: 1073px;
	height: 87px;
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: center -174px;
	padding-left: 22px;
}
	#menu li {
	height:87px;
	float: left;
	display: inline;
}
	#menu li a {
	height:87px;
	width: 200px;
	display: block;
}
	div#menu li#nav-home.current_page_item{
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -22px 0px;
}
	#menu li#nav-home:hover {
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -22px -87px;
}
	div#menu li#nav-the-cruise.current_page_item
{
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -193px 0px;
}
	#menu li#nav-the-cruise:hover {
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -193px -87px;
}
	div#menu li#nav-the-whales.current_page_item
{
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -401px 0px;
}
	#menu li#nav-the-whales:hover {
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -401px -87px;
}
	div#menu li#nav-booking.current_page_item
{
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -616px 0px;
}
	#menu li#nav-booking:hover {
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -616px -87px;
}
	div#menu li#nav-contact-us.current_page_item
{
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -813px 0px;
}
	#menu li#nav-contact-us:hover {
	background: url('img/menu_bg.jpg') no-repeat;
	background-position: -813px -87px;
}



/* Left Bar Buttons
--------------------------------------------------------------*/
div#left_btnbar {float:left; width: 350px; height:900px; margin-top:0px; margin-right:20px;} 

#booknow_btn {display:block; width:349px; height:97px; margin-bottom:10px; margin-top:0px; background: url('img/buttons_leftbar.jpg') top left no-repeat;}
#specialoffer_btn,#giftvoucher_btn {display:block; width:349px; height:97px; margin-bottom:10px; margin-top:10px; background: url('img/buttons_leftbar.jpg') top left no-repeat;}

#booknow_btn,#specialoffer_btn,#giftvoucher_btn, span {text-indent: -999999px; overflow:hidden;}

#booknow_btn {background-position: 0px -97px;}
#booknow_btn:hover {background-position: top left;}

#specialoffer_btn {background-position: 0 -291px;}
#specialoffer_btn:hover {background-position: 0 -194px;}

#giftvoucher_btn {background-position: 0 -485px;}
#giftvoucher_btn:hover {background-position: 0 -388px;}

/* Easy Slider
--------------------------------------------------------------*/
#slider {width:348px; height:213px; overflow:hidden;}	

#slider ul, #slider li{margin:0; padding:0;list-style:none; overflow:hidden;}

#slider li{ width:348px; height:213px; overflow:hidden;}

#prevBtn,#nextBtn,span a {font-size:0.8em; color:#ccc;}

	/* Page Description - Not implemented
	#page_desc {
	width: 100%;
	height: 3.1em;
	font-size: 14px;
	padding-bottom: 10px;
	background: #EEEEEE;
	}

	#page_desc #text {
	padding-left: 20px;
	height: 3.1em;
	float: left;
	width: 499px;
	background: #fff;
	}

	#page_desc p {
	padding: 12px 0px;
	}

	/* Search - Not implemented 

	#search_top {
	float: right;
	width: 262px;
	height: 3.1em;
	background: #fff;
	}

	#search_top form {
	margin-top: 0.65em;
	position: relative;
	}

	#search_top input.sfield {
	background: #fff;
	border: #B8C7DA 1px solid;
	width: 159px;
	height: 21px;
	font-size: 13px;
	padding: 3px 2px 0 3px;
	}

	#search_top input.sbutton {
	position: absolute;
	top: 0;
	left: 180px;
	}
	*/


/* Content
--------------------------------------------------------------*/

#content_wrap {
	background: #EEEEEE url('img/content_wrap_bg.gif') repeat-y;
	padding: 0 22px;
	width: 1051px;
}

#content {
	width: 380px;
	float: left;
}

#content h2 {
	font-size: 15px;
}

#content p {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
}

#content strong{ font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
}

#content ul, #content ol {
	padding: 0.5em 2.5em;
	font-size: 13px;
}

#content ul li {
	background: url('img/bullet.gif') no-repeat 0 0.6em;
	line-height: 20px;
	padding-left: 20px;
	list-style: none;
}

#content ol {
	margin-left: 1.4em;
}

#content ol li {
	background: none;
	padding-left: 7px;
	line-height: 20px;
}

#content blockquote {
	background: #6699cc;
	border-bottom: #EEEEEE 4px solid;
	border-left: 2px solid #EEEEEE;
	font-size: 13px;
	color: #ffffff;
	padding: 0 10px;
	width: 88%;
	margin: 10px auto;
	line-height: 20px;
}

/* Caption
--------------------------------------------------------------*/

#caption {
	width: 100%;
	height: 1.9em;
	background: #fff;
}

#caption h2 {
	width: 250px;
	float: left;
	line-height: 1.9em;
	padding-left: 18px;
}

#m_post {
	width: 200px;
	float: right;
	height: 31px;
	position: relative;
	background: url('img/caption_m_posts.gif') no-repeat 130px 8px;
}

#m_post span {
	display: none;
}

#m_post .o_entries a {
	position: absolute;
	right: 53px;
	top: 8px;
	display: block;
	width: 17px;
	height: 15px;
	background: url('img/caption_o_entries.gif') no-repeat;
}

#m_post .r_entries a {
	position: absolute;
	right: 21px;
	top: 8px;
	display: block;
	width: 17px;
	height: 15px;
	background: url('img/caption_r_entries.gif') no-repeat;
}

#m_post a:hover {
	background-position: 0 -15px;
	text-decoration: none;
}

#m_post a:hover span {
	display: block;
	font-size: 11px;
	color: #2E2E2E;
	position: absolute;
	top: 0;
}

#m_post .o_entries a:hover span {
	left: -100px;
}

#m_post .r_entries a:hover span {
	left: -130px;
}

/* Post*
--------------------------------------------------------------*/

.post {
	margin-top: 0px;
	padding: 0px 15px 15px 15px;
}

#page_post {
}

#page_post h2 {
	color:#002a67;
	display:none;
}

.post h2 {
	padding: 10px 0;
}

.post h2 a {
	color: #A52A2A;
}

.post p a {
	text-decoration: underline;
}

.post p a:hover {
	text-decoration: none;
}

.post_details {
	padding: 0 15px;
	background: #fff;
}

.post_details p {
	padding: 5px 0;
   margin-top: 1px;
	font-size: 12px !important;
}

.post_details p a {
	text-decoration: none;
}

.post_details p a:hover {
	text-decoration: underline;
}


/* More Posts
--------------------------------------------------------------*/

#more_posts {
	background: #fff;
	padding: 10px 15px;
	margin-top: 15px;
	font-size: 12px;
}

/* Comments
--------------------------------------------------------------*/

.comments_caption {
	width: 100%;
	background: #fff;
	margin-top: 15px;
}

.comments_caption h2 {
	padding-left: 15px;
	line-height: 2em;
}

.comment_wrap {
	background: #fff;
	margin-top: 15px;
}

.comment_wrap p {
	font-size: 13px !important;
}

.comment_wrap_head {
	padding: 0 15px;
}

.comment_wrap_head p {
	padding: 7px 0 !important;
}

.comment_wrap_head span {
	color: #898989;
	padding-left: 5px;
}

.comment_wrap_post {
	padding: 5px 0;
	border-top: #EEEEEE 1px solid;
}

.comment_wrap_post p {
	padding: 10px 15px !important;
}

#leave_a_comment_wrap {
	width: 100%;
	margin-top: 15px;
}

.leave_a_comment {
	background: #fff;
	width: 10em;
	text-align: center;
	float: left;
}

.leave_a_comment h2 {
	line-height: 30px;
}

.trackback_rss {
	float: right;
	padding-right: 15px;
	padding-top: 8px;
	width: 12.9em;
}

.trackback_rss p {
	padding: 0 !important;
	font-size: 11px !important;
}

#comment_form {
	background: #fff;
	padding: 11px 0;
	clear: both;
}

#content form {
	background: #FAFAFA;
	width: 445px;
	border: #EDEDED 1px solid;
	padding: 15px 0 15px 15px;
	margin: 0 auto;
}

#content form p {
	padding: 0px 0 5px 0;
	line-height: 20px;
}

#content input {
	border: #EEEEEE 1px solid;
	background: #fff;
	padding: 5px;
	font-size: 15px;
	font-family: Arial;
}

#content input.data {
	width: 184px;
}

#content textarea {
	border: #EEEEEE 1px solid;
	width: 415px;
	height: 170px;
	padding: 3px;
	font-size: 15px;
	font-family: Arial;
}

#content input.sbutton {
	margin-top: 3px;
}

/* Sidebar
--------------------------------------------------------------*/
#sidebar {
	width: 284px;
	float: right;
	padding: 0px;
}

#sidebar h2 {
	font-size: 13px;
	color: #75A546;
	padding: 10px 0;
	line-height: 18px;
}

#sidebar p, #sidebar li {
	font-size: 12px;
}

#sidebar p {
	padding: 10px 0;
	line-height: 20px;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul ul {
	padding: 10px 0;
	list-style: none;
}

#sidebar ul ul ul {
	padding: 0;
}

#sidebar ul li ul li {
	background: url('img/bullet.gif') no-repeat 0 9px;
	padding-left: 23px;
	line-height: 23px;
}
#sidebar a {display:block; border: 0px; margin-top: 30px; margin-left:25px;}
#sidebar img {border:0px;}



/* form
--------------------------------------------------------------*/
div#newsletterform {float: right; width:284px; line-height:3em;}
div#newsletterform form {display:block;}
div#newsletterform input {}
.row {width:284px; float:right; clear:both;}

span#newsheader{margin-left: 76px; display:block; width:121px; height:37px; margin-bottom:10px; background: url('img/newsletter.jpg') top left no-repeat; left:-9999999px; overflow:hidden; }
.name_news {margin-left:120px; margin-bottom:5px; display:block; width:35px; height:15px; background: url('img/name.jpg') top left no-repeat; text-indent:-9999999px; overflow:hidden; }
.email_news {margin-left:120px; margin-bottom:5px; display:block; width:35px; height:15px; background: url('img/email.jpg') top left no-repeat; text-indent:-9999999px; overflow:hidden; }

.button_news {margin-left:100px; margin-bottom:20px; display:block; width:82px; height:25px; background: url('img/submit.jpg') top left no-repeat; text-indent:-9999999px; overflow:hidden; border:0px;}
.button_news:hover {background-position: bottom left;}
.field {margin-left: 65px; margin-bottom:5px;}


/* Widgets
--------------------------------------------------------------*/

.textwidget {
	line-height: 20px;
	padding: 10px 0;
}

#wp-calendar {
	padding: 10px 0 10px 10px;
}

#wp-calendar caption {
	margin: 10px 0px;
	border-bottom: 0;
}

#wp-calendar td {
   margin: 0;
   padding: 3px 5px;
}

#wp-calendar td#today {
   background: #EEEEEE;
}

/* Footer
--------------------------------------------------------------*/

#footer {left:-20px; z-index:30; width:1055px; background: #002a67; height: 110px; clear: both; padding-left: 20px; padding-right: 20px;}

#footer ul {
	float: left;
	padding: 45px 0px 0px 0px;
}

#footer li {
	display: inline;
	list-style: none;
}

#footer li a {
	display: block;
	float: left;
	line-height: 24px;
	font-size: 12px;
	padding: 0 6px;
	color: #99ffff;
}

#footer span {
	line-height: 24px;
	font-size: 12px;
	color: #99ffff;
	
}

#footer li.current_page_item a {
	color: #ffffff;
}

#footer p {
	margin-top:14px;
	width: 110px;
	float: right;
	font-size: 11px;
	color:#ffffff;
}

#footer p a {
	color: #A52A2A;
}

/* Copyright
--------------------------------------------------------------*/

#copyright {
	width: 781px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	padding: 15px 0 25px 0;
	color: #8F8F8F;
}

#copyright p {
	line-height: 19px;
}

/* Fix
--------------------------------------------------------------*/

#menu:after,
#menu ul:after,
#content_wrap:after,
#footer:after,
#leave_a_comment_wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}