/*   
Theme Name: BVocal
Description: Custom theme for Cheryl Brinkley Moore
Author: Wizzy Wig Design
Author URI: http://www.wizzywigdesign.com
Template: Starkers
*/

/* ------------------------------- LAYOUT -------------------------------------------*/
body {background:#00839e;}
div.page-wrap {width:960px; margin:0 auto; background:#fff; position:relative; font-family: 'Lato', Arial, Helvetica, sans-serif; }
div.header {height:72px; width:410px; background: url(images/headerTopBG.png) no-repeat; color:#000; padding:90px 0 0 550px;}
div.headerTopSwirl {width:980px; height:214px; background:url(images/HeaderTopSwirl.png) no-repeat; position:absolute; top:0; left:0; z-index:200; }
div.nav {background:#00839e; height:32px; color:#fff;}
div.content {width:960px; color:#000; padding-top:30px; clear:both }
div.main {float:left; width:700px; margin-left:20px;}
div.sidebar {float:right; width:210px; position:relative;}
div.footer {clear:both; background:#8dc63f; color:#fff; text-align:center; padding-top:8px;}
div.footer a {color:#fff;}
div.credit {text-align:center; margin:5px 0;}
div.credit a {color:#f8f9db; font-size:.9em; font-family: 'Lato', Arial, Helvetica, sans-serif;  }

/* ------------------------------- HOME PAGE-------------------------------------------*/
.roundbox { width:205px; height:190px; padding:7px; background: #f3f3f3 url(images/blueGrad.png) repeat-x top; text-align:center; float:left; margin-right:6px;
-moz-border-radius: 18px; -webkit-border-radius: 18px; border:#00839e medium solid; font-size:14px;}
.roundbox h2 {padding:0; margin:0; color:#000;}
a div.roundbox p {color:#000 !important;}
a div.roundbox:hover {border:#8DC63F medium solid;}

/* ------------------------------- SIDEBAR -------------------------------------------*/
/* folded ribbon */
#ribbonTitle{ background-color: #8dc63f; display: block; height: 32px; width: 220px; padding-top:7px; position:relative; color:#fff; font-weight:bold; font-size:20px; clear:left;}
  
#ribbonRight{
border-color: transparent transparent transparent #233b03; border-style: solid; border-width: 0px 10px 12px 10px; width: 0px; height: 0px; display: block; position: absolute; top: 40px; right: -10px; }

div.sidebar ul.xoxo, div.sidebar ul.xoxo li, div.sidebar ul.xoxo li ul { list-style:none; padding:0; margin:0;}

.widget {text-align:center; padding-right:5px; margin-bottom:40px;}
.widget h3 {padding:3px 0; margin:0;}

/*mailchimp form on home page */
form#ns_widget_mailchimp_form-2 input.button {background:#33748f; color:#fff; border:#8DC63F 2px solid;  margin:0 auto; margin-top:10px; /*width:300px; */text-decoration:none; cursor:pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size:14px; padding:5px 10px;}
form#ns_widget_mailchimp_form-2 input.button:hover {background:#00839e;}

/* -------------------------------Other Pages -------------------------------------------*/

.gform_footer{

padding: 0px !important;
margin: 0px !important;
}

/* contact */
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
    width: 98% !important;}
body.page-id-135 div.roundbox a {color:#000;}
body.page-id-135 div.roundbox a:hover {color:#005a6c; }

/*client testimonials */
span.collapseomatic {clear:both; font-size:20px; font-weight:bold; color:#8dc63f; width:500px; display:block;}

/*comments */
div#respond {background:#f6f6f6; padding:8px; -moz-border-radius: 14px; -webkit-border-radius: 14px; margin:10px 0;}
div#respond, div#respond a {color:#666; font-size:.9em;}
div#respond form#commentform p.comment-form-comment label { display:block}
div#respond form#commentform p.form-allowed-tags {font-size:.8em; font-style:italic; color:#999999;}
div#respond code {font-family:Arial, Helvetica, sans-serif; font-size:1em;}

/* -------------------------------MISC -------------------------------------------*/
div.aside {float:left; margin-right:10px; width:270px; /* callout boxes */ }
.greybox { background:#ededed; width:300px; height:100px}

div.wp-caption p {color:#666666; font-style:italic;}

div.gallery dl.gallery-item {float:left; margin-right:10px;}

.greenbar {background-color:#8dc63f; color:#fff; font-size:1.3em; clear:both}

.blue, a {color:#00839e; text-decoration:none}
.green, a:hover {color:#8dc63f; }

/*table style */
table.products .greenbar {text-align:center;}
table.products td.greenbg {background:#f1ffdd;}
table.products td {border:#666 1px solid;}
table.products ul {margin:0;}

h1 {font-size:1.8em;}
h1, h2, h3 {color:#00839e; }
h1 {font-size:1.8em;}
h2 {font-size:1.5em;}
h3 {font-size:1.1em;}


.green {color:#518900; font-weight:bold; }

.small {color:#666; font-size:.8em; font-style:italic}
.small a {color:#666;}

div.quotebox-outer {clear:both;padding:8px; background:#ececec; -moz-border-radius: 20px; -webkit-border-radius: 20px; border:#8dc63f 2px solid; width:888px; margin: 10px auto;}
div.quotebox { background:url(images/QuoteBoxBG.jpg) no-repeat left bottom; color:#fff;  padding:12px 15px; text-align:center;
-moz-border-radius: 18px; -webkit-border-radius: 18px; width:857px; text-shadow: #000 2px 2px 6px;}
div.quotebox div.signature {width:150px; height:40px; background:url(images/CherylSignature.png) no-repeat; margin-left:700px;}

.clear {clear:both;}
.alignleft {float:left; margin-right:8px;}
.alignright {float:right; margin-left:8px;}
.aligncenter {display:block; margin:0 auto;}

a.button, .button a, input.gform_button {text-decoration:none; color:#fff !important;/* font-size:18px;*/ text-align:center; padding:5px 20px; background:#33748f; 
height:auto; border:#8DC63F 2px solid;  margin:0 auto; margin-top:10px; /*width:300px; */text-decoration:none; line-height:36px; cursor:pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
a.button:hover, .button a:hover, input.gform_button:hover { color:#fff !important; background:#00839e;}

a.arrow {color:#518900; font-weight:bold; text-decoration:none; background:url(images/arrowRt.png) no-repeat left top; padding:5px 0 5px 17px; float:left; text-align:left; display:block; width:190px}
a.arrow:hover  {background-color:#f1ffdd;}


hr {border-bottom: #ccc 1px solid; border-left:none; border-right:none; border-top:none;}
sup {font-size:9px;}
/* -------------------------------MENU -------------------------------------------*/
/* Main menu settings */

div.main-nav {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:100%;
   position:relative;
   background:#00839e; 
    }

/* Top menu items */
div.main-nav ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative; 
   z-index:299;
}
div.main-nav ul li {
   margin:2px 0;
   padding:0;
   float:left;
   position:relative;
}
div.main-nav ul li a {
   display:block;
   margin:0;
   padding: 5px 11px /*.6em 1.5em .4em*/;
   font-size:16px;
   line-height:18px;
   text-decoration:none;
   color:#fff;
   border-right:1px #6ecfe3 solid;
}
div.main-nav ul li:last-child a {border-right:none;}

div.main-nav ul li.active a {
   color:#fff;
   background:#129dba;
}
div.main-nav ul li a:hover {
   /*color:#a9e2f0; background:#fff;*/
}
div.main-nav ul li:hover a,
div.main-nav ul li.hover a { /* This line is required for IE 6 and below */
   color:#fff; background:#036377;
   /*border-bottom:1px solid #03f;*/
}

/* Submenu items */
div.main-nav ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;  
   top:28px;
   width:10em; /* width of the drop-down menus */
}

div.main-nav ul ul li {
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
  position: relative;
}
div.main-nav ul ul li a,
div.main-nav ul li.active li a,
div.main-nav ul li:hover ul li a,
div.main-nav ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.9em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#00839e; 
   color:#fff;
   line-height:1.4em; /* overwrite line-height value from top menu */
   
}
div.main-nav ul ul li a:hover,
div.main-nav ul li.active ul li a:hover,
div.main-nav ul li:hover ul li a:hover,
div.main-nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   color:#fff; background:#036377; /* Sub menu items background colour */
}

/* Flip the last submenu so it stays within the page */
div.main-nav ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
div.main-nav ul>li:hover>ul, /*note we need the > so that only the level immediately below this is affected */
div.main-nav ul>li.hover>ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
   
}

div.main-nav ul li ul li ul {display:none; position:absolute; left:150px; top:0px;}
div.main-nav ul li ul li:hover ul  ,
div.main-nav ul li ul li.hover ul  { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}
div.main-nav ul li ul li ul li a {border-right:none;}