﻿/*
Description: Bonavista wordpress theme.
Version: 1.0
Author: Eden von Garcia
Author URI: http://jessej.net/
Tags: green, light blue, fixed width, grid layout, widgets
*/


/*--- CSS Reset ---*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
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%; font-family: inherit;}

:focus {outline: 0;}
body {background:#000 url(images/background.jpg) no-repeat center top; font-family:Tahoma; font-size:12px; color:#fff; word-wrap:break-word;}
ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0; width:100%; }
caption, th, td {text-align: left;font-weight: normal; padding:5px; }
blockquote:before, blockquote:after,q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
input {margin: 0; padding: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; }
.left {float:left; }
.right {float:right;margin-right:0!important; }
.alignleft {float:left; margin:0 20px 20px 0; }
.alignright {float:right; margin:0 0 20px 20px; }
.clear {clear:both}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }
.text-center {text-align:center;}
.text-right {text-align:right;}

/* Hides from IE-max \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--- 1. Common ---*/

html {overflow-y:scroll; background:#faf9f9; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
a {color:#000; text-decoration:none; }
a:hover { color:#007473; }
ul, li {list-style-type:none; }
hr {height: 1px; margin:20px 0 0 0; padding: 0; border: 0; border-bottom: 1px solid #979696; clear:both; }

body {background:#fff url(images/header.jpg) repeat-x top; font:12px Tahoma, Helvetica, sans-serif; color:#000;}

/*main wrapper*/

#wrapper {width:960px; margin:0 auto; overflow:hidden; }

/*header*/
#header {float:left; width:960px; margin-top:6px; }
#header h1 {float:left; }
#header #navigator {float: right; margin-top:20px; line-height:14px; }

/*dropdown menu*/
#suckerfishnav { font-family:Tahoma; font-weight:normal;}
#suckerfishnav, #suckerfishnav ul {list-style:none; padding:0; margin:0;}
#suckerfishnav a { display:block; padding:13px 15px 13px 0; background:url(images/nav-right.jpg) no-repeat right top; color:#fff; font-family:"Tahoma"; }
#suckerfishnav li {background:url(images/nav-left.jpg) no-repeat left top; padding-left:15px; float:left; margin-left:1px; }
#suckerfishnav li:hover, #suckerfishnav .current_page_item, #suckerfishnav .current_page_parent {background:url(images/nav-left.jpg) no-repeat left bottom; }
#suckerfishnav li .current_page_item { background:#6db052; }
#suckerfishnav li:hover a, #suckerfishnav .current_page_item a, #suckerfishnav .current_page_parent a {background:url(images/nav-right.jpg) no-repeat right bottom; color:#fff; }
#suckerfishnav ul {position:absolute; left:-999em; height:auto; width:172px; font-weight:normal; margin:-1px 0 0 -15px; line-height:1; border-top:1px solid #75bb59;; z-index:100; padding:0; }
#suckerfishnav li li {margin-left:0!important; font-weight:normal; font-family:Tahoma; text-align:left; padding:0!important; background:#6db052; background-image:none!important; border-bottom:1px solid #75bb59; border-left:1px solid #75bb59; border-right:1px solid #75bb59; }
#suckerfishnav li li a {padding:8px 10px; width:150px; font-size:11px; color:#99c1da; font-weight:normal; background:#6db052; background-image:none!important;  }   
#suckerfishnav li ul ul {margin:-28px 0 0 138px; }
#suckerfishnav li li:hover {background-image:none!important; background:#6fb354;}
#suckerfishnav li li:hover a {background-image:none!important; background:#6fb354;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff; }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#fff; }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {left:auto;}
#suckerfishnav li.sfhover {background-color:none!important; }
#suckerfishnav  .page-item-16 a {background-image:none!important;}

/*search*/
#search {float:right; padding-top:15px; background:url(images/textbox.gif) no-repeat left bottom; text-align:right;}
#search #s {float:left; width:173px; padding:4px 6px; border:0; background:none; margin-top:2px; margin-right:5px; color:#368e82;}
#search #searchsubmit {background:url(images/search-button.gif); width:27px; height:26px; cursor:pointer; text-indent:-9999px; border:0; font-size:0; color:#fff;}
#search .screen-reader-text {display:none;}
.search-excerpt {background:#6fb354; padding:2px 4px; color:#fff; }

/*banner*/
#banner {}

/*container*/
#content {float:left; width:960px; margin-top:10px; min-height:500px;}
#content_left {float:left; width:660px;}

/*post*/

.post {padding-top:20px;}
.post h2 {background:url(images/h2-bg.gif) no-repeat left 3px; padding:4px 30px; color:#007473; text-transform:uppercase; font-size:17px; font-weight:bold; }
.post h3, .post h4 {margin-top:15px; font-weight:bold; }
.post h2 a, .post h3 a, .post h4 a {color:#007473; }
.post h2 a:hover, .post h3 a:hover, .post h4 a:hover {color:#5bab46; }
.post h3 a {font-size:15px; }
.post h4 a {font-size:13px; }
.entry {	}
.entry h3 a, .entry h4 a {text-decoration:none!important; }
.entry p {line-height:18px; padding-top:15px; }
.entry ul {margin-top:13px; margin-left:20px; }
.entry ul li {padding: 2px; list-style-type:disc; }
.entry a {color:#007473; }
.entry a:hover {color:#666767; text-decoration:underline; }

/*sidebar*/
#sidebar {float:left; width:278px; padding-left:22px; }
#sidebar_top {background:url(images/sidebar-top.jpg) no-repeat right top; }
#sidebar_content {padding-right:18px; color:#666767; background:url(images/sidebar-bg.jpg) repeat-y right top; min-height:200px; }
#sidebar_bottom {background:url(images/sidebar-bottom.jpg) no-repeat right bottom; padding:10px 0; }
#sidebar h2 {background:url(images/sidebar-h2.jpg) no-repeat;color:#fff; padding:15px 10px 25px 50px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#sidebar h3 {margin-left:35px; margin-top:10px; font-size:15px; font-size:16px; font-weight:bold; color:#007a78; }
#sidebar h3 a {color:#007a78; }
#sidebar h3 a:hover {color:#5bab46; }
#sidebar p {margin-left:35px; margin-top:15px; font-size:11px; }
#sidebar span {margin-left:35px; font-size:11px; }
#sidebar ul {margin-left:20px; padding-bottom:20px; }
#sidebar ul li {background:url(images/arrow.jpg) no-repeat 0 9px; padding:5px 5px 5px 15px; margin-left:20px; }
#sidebar ul li a {color:#666767; }
#sidebar ul li a:hover {text-decoration:underline; color:#007473; }
#sidebar .appointment {background:url(images/call-for-appointment.jpg) no-repeat; color:#fff; padding:56px 10px 25px 50px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

/*email_signup*/
#email_signup {background:#008e8c url(images/email-signup.jpg) no-repeat right top; margin:10px 0 0 12px; padding:20px 25px 20px 20px; }
#email_signup .textbox_container{background:url(images/sidebar-textbox.jpg) no-repeat left bottom;padding-bottom: 8px; }
#email_signup .textbox {width:212px; padding:4px; border:0; color:#7d7e7b; font-size:11px; }
#email_signup .signmeup {background:url(images/sign-me-up.jpg) no-repeat; width:221px; height:25px; cursor:pointer; border:0; }

/*footer*/
#footer {width:100%; background:#faf9f9; overflow:hidden; margin-top:20px; text-align:center; font-size:11px; padding:30px 0; color:#007473; }
#footer a {color:#007473; }
#footer a:hover {color:#666767; }	
.no-bg {background:none !important}
.left {float:left }
.right {float:right }
.clear {clear:both }
.martop20 {margin-top:20px; }
.red {color:#f00; }
.hide {display:none; }

/*Comment*/
.commentlist {float:left; width:100%; padding-bottom:10px; }
.comment {float:left; margin-top:10px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px; border:solid 1px #daf6c5; width:99.7%; background:#e9fadd; }
.comment em {padding-left:5px; color:#841615; font-size:11px; font-weight:bold; }
.commentlist li .avatar { float: right;padding: 2px; border:solid 1px #e7d9d5; }
.comment-author {padding:5px; }
.commentmetadata {padding-left:5px; padding-bottom:10px; border-bottom:solid 2px #fff; } 
.commentmetadata, .commentmetadata a {font-size:11px; }
.comment p {padding:10px; margin-top:0; background:#f1fbea; }
.comment , .comment a {text-decoration:none; font-style:normal; }
.comment .fn, .comment .fn a {text-transform:uppercase; font-weight:bold; color:#000 }

/*pagination*/
.navigation {margin:20px 20px 10px 0; padding-top:10px; }
.pages, .current, .navigation a {color:#fff; font-size:11px; margin-right:1px; padding:2px; background:#007473; padding:5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.navigation a:hover  {color:#fff; background:#99c942;}

/*faq*/
#faq {margin-top:15px; padding:5px 20px 15px 50px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color:#fff; }
#faq p {margin-top:15px;}
.thanks {background:#f00 url(images/stop.jpg) no-repeat 2% 22%;}
.thank-you {background:#80ad48 url(images/check.jpg) no-repeat 2% 22%;}

/*misc*/
.textbox{ border:solid 1px #007473; background:#fff; padding:4px 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:11px; font-family:tahoma; }
.textbox:hover {border:solid 1px #bbb;}
.button {background:#99c942; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:solid 1px #fff;  padding:4px 10px; cursor:pointer; font-weight:bold; color:#fff;}
.red {color:#f00!important; }
.martop20 {margin-top:20px; }
.hide {display:none; }
.classname {float:right; padding:15px 2px 10px 20px; }