/*

Theme Name: ScubaDive Custom Theme
Theme URI: http://www.tech-kitten.com/
Description: Custom 3 column, fixed-width theme
Version: 1.0
Author: Trisha Miller
Author URI: http://www.tech-kitten.com/

*/

/* Basic layout & Typography */ 
body {font:1em Tahoma, Helvetica, Arial, sans-serif;text-align:center;margin:0px;padding:0px;background: #FFFFFF;}
body { behavior: url("csshover.htc"); } 
div#outerwrap {width:1175px;text-align:left;background: #FFFFFF url(images/8SDLogo-Vert.gif) repeat-y 1125px top;margin: 0px auto;}
div#wrapper {width: 1075px;margin: 20px;background: url(images/TopDiveDest_Seal2.gif) no-repeat 835px top;overflow:hidden;}
div#container {position:relative;clear:both;float:left;width:100%;overflow:hidden;margin-top:20px;z-index:0;}
div#content,
div#primary,
div#secondary {float:left;padding:0px;overflow:hidden;position:relative;}
div#content {width:60%;left:21%;}
div#primary {width:20%;left:-60%;}
div#secondary {width:18%;left:2%;}
div#footer {text-align:center;width: 100%;clear:both;padding-top: 1.2em;border-top: 1px solid #FFCC00;}
div#footer a {font-size: 0.9em;text-decoration: none;color: #006699;}
div#footer a:hover {color:#CC0000;}
div#footer p {font-size:.8em;}
.clear {clear:both;float:none;}
.post, .page {padding:0px 1.3em;}


/* Header and menus */
div#header{margin:0px;background: url(images/header_bkgrd.gif) repeat-x left 72px;border-bottom: 2px solid #FFCC00;text-align:left;}
div#title {background: url(images/title_bkgrd4.gif) no-repeat left 4px;;height:75px;width:100%;}

#topnav {height: 15px;float:left;padding: 45px 0px 3px 105px;}
#topnav a {font-size: 0.8em;font-weight: normal;text-decoration: none;padding: 3px 6px;border-top: 1px solid #B3D0E8;border-right: 1px solid #316FC4;border-bottom: 1px solid #316FC4;	border-left: 1px solid #B3D0E8;margin-right: 3px;background: url(images/button.gif) repeat-x;color: #006699;}
#topnav a:hover {border-top: 1px solid #006699;border-right: 1px solid #9EC6E8;border-bottom: 1px solid #9EC6E8;border-left: 1px solid #006699;color: #FF0000;}

div#banner {height:141px;background: #316FC4 url(images/banner_bkgrd3.jpg) no-repeat 70px;text-align:right;vertical-align: bottom;}
div#search input#s{width:11em;color: #006699;}

#menu {display: block;background: #003366 url(images/navbkgd.gif) no-repeat left center;text-align: center; height: 2em; padding: 2px 0;border-bottom: 2px solid #FFCC00; width: 100%; margin-right: auto; margin-left: auto;}

#nav {padding-left: 105px; min-width: 1000px; margin: 0 auto;}
#nav, #nav ul {text-align: left; font-size: .95em; list-style: none; font-weight: normal; z-index: 8;}
#nav li {float: left; padding: 0; margin: 0;}

#nav a {border-right:  1px solid #DCF7F7; display: block; line-height: 2em; padding: 0 15px; color: #FFFFFF; text-decoration: none; font-weight: normal;}
#nav a:hover {border-right:  1px solid #FFCC00; color: #FFCC00;}
#nav a.new {background: url(images/New.gif) no-repeat top left;padding-left: 39px;}

#nav li ul {margin: 0; padding: 0; font-size: 1em; border: 1px solid #FFCC00; background: #003366; position: absolute; left: -999em; height: auto; width: 16em;}
#nav li li {width: 16em; margin: 0;border-bottom: 1px solid #FFCC00;}
#nav li ul a {border-left: 0.2em solid #FFCC00; margin: 0; font-weight: normal;}
#nav li ul a:hover {border-left: 0.2em solid #CCFFFF;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover { color: #fff;}

/* Styles specific to home page */
#featuredresort {border: 1px solid #FFCC00;padding:3px;overflow:hidden;}
.featured {border: 1px solid #006699;padding:5px;overflow:hidden;}
.featured div.photogroup {float:left;width:254px;margin-right:10px;}
.featured div.photogroup img{margin:1px;border: 1px solid #FFCC00;}
.featured h3 {font-size: 1.2em;color: #FF0000;text-align: center;margin:5px;border-bottom: 1px solid #FFCC00;}
.featured p {}
.featured .entry-content h2 {text-align:center;margin:0px;}
.featured .entry-content h2 a {font-size:0.9em;color:#006699;text-decoration: none;}

span.from {font-weight: bold;color: #FF0000;}
span.location {font-size:0.9em;color:#CC0000;font-style: italic;}

#resortshome {border: 1px solid #FFCC00;margin: 10px 0px;overflow:hidden;/*text-align:center;*/padding:0px;clear:both;float:none;}
#resortshome div.resortposts {float:left;border: 1px solid #339933;margin:1%;padding:1%;text-align:left;overflow:hidden;width:44%;vertical-align: top;}
#resortshome ul {margin:0px;padding:0px;}
#resortshome li.resortposts {list-style:none;float:left;border: 1px solid #339933;margin:4px;padding:5px;text-align:left;overflow:hidden;width:300px;vertical-align: top;}
#resortshome h2 {margin:0px;text-align:center;}
#resortshome h2 a {color:#336699;text-decoration: underline;font: normal 0.6em Tahoma;}
#resortshome p {font-size:0.7em;min-height:5em;height:5em;}
#resortshome span.from {font-weight: bold;color: #FF0000;}

#featuredresort div.detailsquote {width:50%;padding:5px;}
#resortshome div.detailsquote {width:80%;padding:5px;}
.details a{float:left;margin:0px;padding:3px 4px 4px 3px;text-decoration: none;background: url(images/details_bkgrd.gif) repeat-x;color: #FFFFFF;border-top: 1px solid #99CCFF;border-right: 1px solid #003366;border-bottom: 1px solid #003366;border-left: 1px solid #99CCFF;width:80px;}
.details a:hover {padding:4px 3px 3px 4px;background: url(images/details_bkgrd-over.gif) repeat-x;border-bottom: 1px solid #99CCFF;border-left: 1px solid #003366;border-top: 1px solid #003366;border-right: 1px solid #99CCFF;}
.quote a{float:right;padding:3px 4px 4px 3px;margin:0px;text-decoration: none;background: url(images/quote_bkgrd.gif) repeat-x;color: #CC0000;border-top: 1px solid #FFFF99;border-right: 1px solid #FF6600;border-bottom: 1px solid #FF6600;border-left: 1px solid #FFFF99;width:80px;}
.quote a:hover {padding:3px 4px 4px 3px;background: url(images/quote_bkgrd-over.gif) repeat-x;border-bottom: 1px solid #FFFF33;border-left: 1px solid #FF6600;border-top: 1px solid #FF6600;	border-right: 1px solid #FFFF33;}

#operator {padding:15px;margin-top:10px;}
#operator p {font-size: 0.9em;font-weight: normal;color: #336633;text-align: center;}
#operator p.number {font-size: 18px;font-weight: bold;color: #FF0000;}

/* Styles specific to resort pages (posts) */

.post {border: 1px solid #339933;margin:5px;padding:0px;overflow:hidden;}

td {font-size: 0.9em;vertical-align: top;}
th {font-size: 1.2em;color: #006699;text-align: left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFCC00;}
.quickfacts {color: #990000;}
.mainphoto {height: 265px;width: 400px;visibility: visible;margin:0px;padding:0px;}
.mainphoto-gear {height: 300px;width: 400px;visibility: visible;margin:0px;padding:0px;}

.post h1.entry-title{text-align:center;font-size: 1.4em;font-weight:bold;color: #006699;margin:0px 0px 5px;padding:5px;background: #D0F2EA;}
.post h2, .post h2 a, tag h2 {text-align:left;font-size:1em;color:#006699;text-decoration: none;border-bottom: 1px solid #FFCC00;}
.post h3, tag h3 {text-align:left;margin:0px 0px 5px;padding:5px;background: #D0F2EA;}
.post h3 a, tag h3 a{font-size: 1.2em;font-style: normal;color: #006699;}
.post h4 {text-align:center;font-size:1em;color:#006699;text-decoration: none;font-style: italic;font-weight: normal;}
.post h5 {font-size: 1em;font-weight: bold;color: #FF0000;text-align: center;margin:5px;}
.post h6 {font-size:1.3em;font-weight:normal;color:#006699;text-align:center;margin:5px;}

.post p, .tag p {font-size:0.9em;}
.post ul, .tag ul, .page ul {font-size:0.9em;}
.post li, .tag li, .page li {padding-bottom: 1em;}
.post table, .tag table {width:550px;margin:0px 10px;}
.post div.end {margin-bottom:25px;}

.cat-listing {margin:5px;padding:5px;overflow:hidden;}
.single-listing {margin:15px;padding:5px;overflow:hidden;}
.single-listing h2 {border-bottom: 1px solid #FFCC00;}

.entry-date {font-size:0.7em;font-style: italic;color: #666666;margin-left:5px;}

/* Misc Page Styles */

h2.page-title {text-align:center;font-size:1.2em;color:#006699;font-weight: normal;}
.page h3 {font-size: 1.2em;color: #FF0000;text-align:center;}
.page h4 {font-size: 1.2em;color: #FF0000;text-align:left;font-weight:normal;}
.page h5 {font-size: 1.0em;color:#006600;text-align:center;font-weight:bold;margin:0px;}

#post-66 ul li {margin: 10px;padding:5px;list-style: none;}
#post-66 ul li a {color: #006699;text-decoration: none;}
#post-66 ul li a:hover {color:#CC0000;text-decoration: underline;}

.hotdeal {font-size: 1em;color: #006600;background: #FFFF66;}
.opinion {color: #006600;}

#quoteform input.submit {margin:5px;font-size:1.5em;color:#CC0000;border: thin solid #FF9900;}
#quoteform input.submit:hover {color:#000000;border: thin solid #FFE92F;}
#quoteform td {font-size: 0.9em;}

.entry-meta {background: #D0F2EA;font-size:.7em;padding:5px;text-align:center;}
div#nav-below {text-align:center;}
div.nav-previous{text-align:left;margin:5px;}
div.nav-next{text-align:right;margin:5px;}


/* Form styles for CF7 plugin */
div.wpcf7 {text-align:center;}
div.wpcf7 form {text-align:left;padding:20px 50px;margin:30px 75px;background: #D9F5FF;border: 1px solid #009999;}
div.wpcf7 form input {}
div.wpcf7 form p {font-size: 1.2em;color: #006666;}
div.wpcf7 form p em {font-size:.9em;color:red;}


/* Sidebars */
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{background: #4583D8;text-align: center;padding: 5px;border: 1px solid #FFCC00;color: #FFCC00;font-size: 0.9em;font-weight: normal;}
div.sidebar ul{margin:0px;padding:0px;}
div.sidebar li{list-style:none;margin:0.5em 0 0.5em 0.5em;}
div.sidebar li a{font-size:.8em;color: #006699;text-decoration: none;}
div.sidebar li a:hover{color: #990000;}

#rods-column p{font-size: .7em;color: #003366;}
#rods-column h4{font-size: .8em;color: #FF0000;text-align:center;font-weight:bold;}
#rods-column h5{font-size: .9em;color: #FF0000;text-align:center;}

#testimonials {width:100%;text-align:center;}
#pscroller1{width:88%;height:250px;border: 1px solid #003366;padding: 10px;font-size: .9em;font-style: italic;color: #333333;background: #FFFFE3;text-align: left;}

/* Images */
.alignleft {float:left;margin-right:5px;}
.alignright {float:right;margin-left:5px;}
.aligncenter {text-align:center;float:none;clear:both;}
.float-left {float:left;margin-right:5px;}
.float-right {float:right;margin-left:5px;}

img.thumb {float:left;margin-right:5px;border: 1px solid #FFCC00;}



/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}