/*
Theme Name: Wave House
Theme URI: http://www.costaricawavehouse.com/
Description: The theme for THe Wave House
Version: 1.0
Author: Ken Rossi 
Author URI: http://evolvestudios.com/
*/


/* ------------------------------------------------------

The Wave House
Dan Wilt, dan@enhancedinnovations.com

Enhanced Innovations & Evolve Studios
-------------------------------------------------------*/

/* ------------------------------------------------------
Reset
-------------------------------------------------------*/
@import url(css/reset.css);
ul#navigation .last { padding-right: 0; border-right: none; }
ul#nav .last { padding-right: 0; border-right: none; }
/* ------------------------------------------------------
Common Elements
-------------------------------------------------------*/
body { background: white url(img/wh_content_bg.jpg) no-repeat center 356px; font: 12px Arial;}
body.home { background-position: center 493px;}

ul, ol, span, p { line-height: 1.8; }
p { padding-bottom: 10px; }
ul, ol { margin-left: 15px; padding-left: 5px; }
ul { list-style-type: disc; }
a, a:link { border-bottom: 1px dotted #6c7a2d; color: #6c7a2d; text-decoration: none; }
a:hover { border-bottom: none; color: #4AA6AD; text-decoration: none; }
a:link  { border-bottom: none; text-decoration: none; }
a:visited  { border-bottom: none; text-decoration: none; }
em { font-style: italic; }
strong { font-weight: bold; }
hr {border: none 0; margin-bottom:25px; margin-top: 10px;
border-top: 1px dotted #4C4C4C;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/* ------------------------------------------------------
Structure
-------------------------------------------------------*/

div#header { background: url(img/wh_body_bg.png) repeat-x top left;}
div#container { width: 960px; margin: 0 auto; overflow: auto; }
.section { float: left; }


/* ------------------------------------------------------
Header & Nav
-------------------------------------------------------*/
h1 { text-indent: -9999px; background: url(img/wh_wave-house_h1.png) no-repeat top left; height: 98px; margin: 0 auto 9px auto; width: 960px ; }
#content h1 {background:none;}
h1 a { display: block; width: 420px; height: 98px; border-bottom: none;}
h2, h3, h4 { float: left; font-family: Georgia; color: #244651; font-size: 30px; font-weight: normal; }

h4 { float: none; font-size: 18px; margin-bottom: 40px;}
ul#navigation { width: 945px; background: url(img/wh_nav_bg.png) no-repeat top left; height: 24px; padding: 10px 0 0 15px; line-height: 1; margin: 0 auto;}
ul#navigation li { display: inline; font-size: 15px; padding-right: 10px; border-right: 1px solid white; margin-right: 10px;}
ul#navigation li a { color: white; border: none; }
ul#navigation li a:hover { color: #9fb32d; }
ul#navigation li.active a { color: #9fb32d; }

/* ------------------------------------------------------
Banner
-------------------------------------------------------*/
div.banner { margin: 1px auto 0 auto; width: 960px; padding: 0;}
div.banner img { border: 2px solid #434e52; vertical-align: bottom;}
body.home div.banner img { border: none;}

body.home div.banner { overflow: auto; }

/* Slideshow */
div#slideshow { position: relative; height: 346px; width: 640px; float: left;}
div#slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
div#slideshow img.active { z-index: 10; opacity: 1.0; }
div#slideshow img.last-active { z-index: 9; }
div#slideshow { position:relative; height:350px;}

div.banner-text { width: 260px; height: 320px; background: url(img/wh_banner-text_bg.png) no-repeat top left; color: white; font-size: 11px; line-height: 1; padding-left: 30px;padding-right: 30px;  padding-top: 30px; }
div.banner-text ul { line-height: 1.4; margin-top:  15px; margin-bottom: 15px;}
img.learn-more { width: 139px; margin-left: 60px; display: block;}

/* ------------------------------------------------------
Main Content
-------------------------------------------------------*/
div#content { width: 960px; }
div.main-content { background-position: top left; padding: 20px 30px; overflow: auto; margin: 1px 1px 0 1px; }
div.main-content { background:  url(img/wh_main-content_bg.png) repeat-x; width: 578px; }
div.main-content.full { width: 898px;}


div.list { float: left; width: 250px; padding-bottom: 10px;}
div.list + p { clear: both;}

div.content-header { overflow: auto; }
div.content-title { float: left; font-style: italic; font-size: 13px; color: #3d3d3d; padding-bottom: 0; }
div.content-title h2 { float: none;}

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

.home div.post, .blog div.post {border-bottom: 1px dotted #bfbfba;  margin-bottom: 50px;  }
div.feedback {background-color:#F3F3F3; width: 579px; padding:10px; width:559px; font-size: 11px;}
p.meta {font-size: 11px;}
.post h2, .post h3, .post h4 {float:none;}
.post h3 {color:#7C893C; font-size:20px;  margin-bottom: 5px;}
.post h4 {color:#7C893C; font-size:14px; font-weight:bold; margin-bottom: 5px;}
.alignleft {float:left; margin-right: 10px;}
.alignright {float:right; margin-left: 10px;}
.aligncenter{margin:0px auto; display: block;} 
.post img {margin-bottom: 10px;}
.post td{ padding:0px 3px 0px 3px; vertical-align:middle;}

/* ------------------------------------------------------
Sidebar
-------------------------------------------------------*/

div.side-content { width: 319px; margin: 1px 1px 0 0; padding-bottom: 154px; background: url(img/wh_side-content-cap_bg.png) no-repeat bottom left; }
div.sidebar-widget {  background: url(img/wh_side-content_bg.png) repeat-y top left; width: 259px; border-bottom: 1px dotted #bfbfba; margin: 0 auto; padding: 20px 30px;}

div.side-content div.content-header { margin-bottom: 10px;}
div.side-content img.content { margin-bottom: 10px; }
div.sidebar-widget.last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
div.sidebar-widget a, div.sidebar-widget a:link, div.sidebar-widget a:hover, div.sidebar-widget a:visited{ text-decoration: underline; }

img.content { padding: 5px; background-color: #dedede; border: 1px solid #bfbfba; }
img.icon, img.thumb { display: block; width: 36px; background-color: transparent; padding: 0; margin-right: 10px; float: left;}
img.thumb { width: 50px; padding: 2px;}
ul.airline-flights { margin-left: 0; padding-left: 0; list-style-type: none; font-size: 11px; }
ul.airline-flights li { padding-bottom: 10px; }
p.flight-details, p.flight-time { padding-bottom: 0;}

/* ------------------------------------------------------
Footer
-------------------------------------------------------*/
div#footer { background:  url(img/wh_footer_bg.png) repeat-x; min-height: 51px; background-color: #556c72; overflow: auto; color: white; padding-bottom: 20px;}
div#footer-sections { width: 960px; margin: 0 auto; padding-top: 10px;}
div.footer.section { width: 290px; padding-right: 30px;}
div.footer.section ul.half-list { width: 110px; float: left;}
div#footer h3 {font-size:20px; color:#99EBFF}
div#footer h5 {font-size:16px; color:#99EBFF; margin-bottom: 0px; font-family: Georgia; font-weight:normal;}
div#footer a, div#footer a:link{color: #ffffff;}
.wordpress{text-align:center; color:#666666;}

/* ------------------------------------------------------
FORM
-------------------------------------------------------*/
form { margin: 20px 0 15px 0px; width: 250px; }
label { color: #4b4b4b; font-size: 12px; padding-bottom: 5px;}
legend { display: none; }
input.field, textarea { border: 1px solid #c6bdba;  margin-bottom: 10px; margin-top: 5px;}

input.field { width: 165px; height: 19px; padding: 7px;}
textarea { width: 128px; }
input.but { border: 1px solid #c6bdba; background-color: #f5f5f5; padding: 10px; color: #2c2c2c; }
input.but:hover { color: #425A5E; background-color:#BEBEBE; }
input.search { display: inline;}
input.but search { margin-top: 5px;}
div#contact-form li{list-style:none;}
div#contact-form input.but {margin-left:20px;}
/* ------------------------------------------------------
COMMENTS
-------------------------------------------------------*/
div.comments { margin-top: 10px; border-top: 1px solid #d8d8d8; padding: 10px; }
div.comment { padding: 15px 20px; margin-bottom: 10px; overflow: auto; border-bottom: 1px solid #d8d8d8;}
div.post-comment { font-size: 12px; color: #454545; font-style: italic;}
div.comment img.post-author-photo { float: left; margin-right: 10px; margin-bottom: 5px; }
div.comment img { float: left; margin-right: 10px; margin-bottom: 5px; }                     /*added by kramm*/
div.comment div.post-meta { background: none; padding: 0; margin-bottom: 5px; }
div.comment div.post-meta span.post-author { font-size: 16px; }
div.comments_section { margin-bottom: 20px; clear: both; overflow: auto; }
div.comments_section h3, div.post-a-comment h3 { padding-bottom: 10px; font-size: 24px; margin-bottom: 10px; float:none; }
div.post-meta { margin-bottom: 10px; overflow: auto;}
div.post-meta span { font-size: 10px; float: left;}
div.post-meta span.post-date { padding-left: 10px;}
div.post-meta span.categories { float: right;}


/* ------------------------------------------------------
DROP DOWNS
-------------------------------------------------------*/
ul#nav{list-style: none;}
ul#nav ul{padding: 0;float:left;list-style: none;}
ul#nav {width: 945px; background: url(img/wh_nav_bg.png) no-repeat top left; height: 24px; padding: 10px 0 0 15px;  margin: 0 auto;}
ul#nav a {display: block; text-decoration:none;}
ul#nav li {background: url(img/link_bar.jpg) no-repeat top right;float: left;line-height:17px; font-size: 15px; padding-right: 10px;  margin-right: 10px; padding-bottom:7px;}
ul#nav li.last {background-image: none;}
ul#nav li a{ background: none; color: white; border: none;}
ul#nav li a:hover { color: #9fb32d;}
ul#nav li ul {position: absolute;width: 15em;left: -999em;padding-top:1px;margin-top: 7px;margin-left: -15px;}
ul#nav li ul li { padding-left: none;}
ul#nav li:hover ul, ul#nav li.sfhover ul {left: auto;z-index:1000; color: #9fb32d; 	}
ul#nav li ul li {
    background: #28363b;
	border-bottom:1px solid #57666a;	
	border-left:1px solid #57666a;	
	border-right:1px solid #57666a;			
	line-height:28px;	
	width:10em;
	padding-left: 15px;
	padding-top: 3px;
}
ul#nav li:hover, ul#nav li.hover {
    position: static;
	
}
ul#nav li ul li:hover{background: #57666a; color:#FFF;}
ul#nav li ul li a:hover{ color:#FFF;}
ul#nav li ul ul {
	margin: -29px 0 0 15em;
}
ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {
	left: auto;
}
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
	left: -999em;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul {
	left: auto;
} 

div.addthis_container2{text-align: center;}