/*
Theme Name: Luttrell Surgical Associates
Theme URI: http://luttrellsurgical.com/
Description: This is the WordPress theme for Luttrell Surgical Associates
Version: 2.0
Author: Jenna Dixon
Author URI: http://inthooz.com/
*/



@charset "UTF-8";
/* CSS Document */


* { padding: 0; margin: 0; }
.clear {clear: both; }
img, a img { outline: none; border: none; }
body { color: #666; font-family:  "Arial", Verdana, Helvetica, sans-serif; font-size: 14px; background: url(images/bg.jpg) repeat-x top center #FFF; }


/* Headings */
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#0055a7; text-decoration:none; border-bottom: none; font-weight: normal; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#0055a7;text-decoration:none; border-bottom: none;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #999; font-weight: bold; margin-bottom: 5px; } 
h1 { font-size: 40px; padding: 15px 0 5px 0; }
h2 { font-size: 35px; padding:10px 0 5px 0; margin: 0 0 0 0; }
#content h3 { font-size: 28px;  padding: 10px 0 0 0; margin: 0 0 -2px 0; font-weight: normal; }
h4 { font-size: 24px; padding:10px 0 0 0; }
h5 { font-size: 18px; padding:0px 0 0 0; color: #2a8fc2; }
#footer-right h5 { font-size: 20px; padding:0 0 5px 0; }

h6 { font-size: 18px; padding:10px 0 0 0; }


/* Links */
#content a, #content a:visited, #top-nav a, #top-nav a:visited, #footer-bottom a, #footer-bottom a:visited, #footer-right a, #footer-right a:visited { color: #0055a7; text-decoration: none; border-bottom: 1px dotted #0055a7; }
#content a:hover, #top-nav a:hover, #footer-bottom a:hover, #footer-right a:hover { color: #2a8fc2; text-decoration: none; border-bottom: none; }
#bmicoutput a, #bmicoutput a:visited { color: #0055a7; text-decoration: none; border-bottom: 1px dotted #0055a7; }
#bmicoutput a:hover { color: #2a8fc2; text-decoration: none; border-bottom: none; }
#top-nav a, #top-nav a:visited { color: #0055a7; font-size: 15px; text-decoration: none; margin: 0 5px;border-bottom: 1px dotted #0055a7; padding-bottom: 1px; }
#top-nav a:hover { color: #0055a7; text-decoration: none; border-bottom: none; }
#testimonials a, #testimonials a:visited { color: #0055a7; text-decoration: none; border-bottom: 1px dotted #0055a7; font-size: 12px; }
#testimonials a:hover { color: #2a8fc2; text-decoration: none; border-bottom: none; }


/* Text Formatting */
#content p { line-height: 20px; padding: 0 0 10px 0; }
#testimonials p { line-height: 16px; color: #888; font-size: 13px; padding: 3px 0 0 0; }
p.from { text-align: right; }
#top-nav { color: #0055a7; }
#footer-bottom p, #footer-right p { margin-bottom: 8px; }
p.cred { text-align: right; }

/* Lists */
#content ul { list-style: none; margin: 0 0 10px 0;  }
#content ul li { text-indent: 0 0 0 25px; list-style: inside; padding:0; margin: 0 0 0 20px; line-height: 20px;}
.entry ol {  margin: 5px 0 15px 0;  }
.entry ol li { text-indent: 0 0 0 25px; padding:0; margin: 0 0 0 25px; line-height: 20px;}
.post-nav-author ul li { padding: 3px 0; }


/* Background Images */
#slider-shadow { background: url(images/shadow.png) no-repeat; }
#slider-shadow-interior { background: url(images/interiorshadow.png) no-repeat; }
#testimonials { background: url(images/quotes.png) no-repeat center right;}

/* Images */
#connect img { margin: 3px 10px 0 0; }
img.credits { float: right; width: 64px; margin: 8px 0 0 0; }


/* Image Captions */
#content .entry p.wp-caption-text { color: #666; font-size: 12px; text-align: center; padding: 2px 0; }
.wp-caption{ background-color:#F4F4F4; border:1px solid #CCC; margin: 10px; padding:6px 6px 0px 6px; text-align:center; max-width:470px!important}
.wp-caption img{ border:none; margin:0; padding:0; width:100%!important; height:auto!important }
.alignleft { float: left; }
.alignright { float: right; }


/* Layout */
#container { width: 980px; margin: 0 auto; position: relative; }
#header { width: 980px; height: 145px; } 
#logo { width: 268px; height: 82px; float: left; }
#nav { width: 660px; height: 59px; float: right; margin: 20px 0 0 0; position: relative; z-index: 99998; }
#top-nav { width: 170px; height: 24px; float: right; clear: both; margin: 10px 0 0 0; }
#slider { width: 980px; height: 416px; }
#slideshow { width: 980px; height: 377px; }
#slider-shadow { width: 980px; height: 39px; }
#main { width: 980px; }
#content { width: 666px; float: left; margin: 0 0 20px 0; }
#sidebar { width: 294px; float: right; margin: 0 0 20px 0; }
.sidebar-ad img { margin: 5px 0 10px 0; width: 290x; }
#testimonials { margin: 0px 0 15px 0; width: 294px; float: right; clear: both; }
#footer-container { background-color: #F4F4F4; border-top: 3px solid #DEDEDE; }
#footer { width: 980px; background-color: #F4F4F4; position: relative; margin: 0 auto; padding: 10px 0 25px 0; }
#footer-left { width: 666px; float: left; }
#footer-right { width: 294px; float: right; text-align: right; }
#connect { width: 240px; float: left; }
#newsletter { width: 426px; float: left; }
#footer-bottom { width: 980px; height: 30px; clear: both; padding: 10px 0 0 0; }
.footer-nav { width: 666px; float: left; }
/* Interior Layout */
#slider-interior { width: 666px; height: 259px; float: left; }
#slide-interior { position: relative; z-index: 1; width: 666px; height: 226px; }
#random-pic { position: relative; z-index: 99999; width: 666px; height: 226px; }
#slider-shadow-interior { width: 666px; height: 33px; }



/* BMI Calculator */
.BMI table tr td { padding: 3px; margin: 0 5px; color: #666; }
#bmicoutput { padding: 10px 0 0 0; }

/* Sprites */
ul#sprite { width: 680px; margin: 0; list-style: none; position: relative; z-index: 9998;}
ul#sprite li { float: left; }
ul#sprite li a { display: inline; float: left; outline: none; position: relative; height: 59px; margin: 0; background-image: url(images/sprite.png); text-indent: -9999px; z-index: 9999;}
ul#sprite li a.weight-loss, ul#sprite li a:visited.weight-loss { width: 165px; background-position: 0 0; }
ul#sprite li a:hover.weight-loss { background-position: 0 -60px; }
ul#sprite li a.other-procedures, ul#sprite li a:visited.other-procedures { width: 229px; background-position: -165px 0; }
ul#sprite li a:hover.other-procedures { background-position: -165px -60px; }
ul#sprite li a.getting-started, ul#sprite li a:visited.getting-started { width: 201px; background-position: -394px 0; }
ul#sprite li a:hover.getting-started { background-position: -394px -60px; }
ul#sprite li a.faq, ul#sprite li a:visited.faq { width: 74px; background-position: -595px 0; }
ul#sprite li a:hover.faq { background-position: -595px -60px; }

ul#spotlight-bmi, ul#spotlight-seminar, ul#spotlight-contact { width: 302px; margin: 0; list-style: none; position: relative; z-index: 9998;}
ul#spotlight-bmi li, ul#spotlight-seminar li, ul#spotlight-contact li { float: right; }
ul#spotlight-bmi li a { display: inline; float: left; outline: none; position: relative; height: 85px; margin: 0; background-image: url(images/bmi.png); text-indent: -9999px; z-index: 9999;}
ul#spotlight-bmi li a.bmi, ul#spotlight-bmi li a:visited.bmi { width: 302px; background-position: 0 0; }
ul#spotlight-bmi li a:hover.bmi { background-position: 0 -87px; }

ul#spotlight-seminar li a { display: inline; float: left; outline: none; position: relative; height: 85px; margin: 0; background-image: url(images/seminar.png); text-indent: -9999px; z-index: 9999;}
ul#spotlight-seminar li a.seminar, ul#spotlight-seminar li a:visited.semniar { width: 302px; background-position: 0 0; }
ul#spotlight-seminar li a:hover.seminar { background-position: 0 -87px; }

ul#spotlight-contact li a { display: inline; float: left; outline: none; position: relative; height: 85px; margin: 0; background-image: url(images/contactus.png); text-indent: -9999px; z-index: 9999;}
ul#spotlight-contact li a.contact, ul#spotlight-contact li a:visited.contact { width: 302px; background-position: 0 0; }
ul#spotlight-contact li a:hover.contact { background-position: 0 -87px; }


/* Mega Menu */
.wlbg {-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; width: 165px; height: 42px; float: left; margin: -42px 0 0 0; background: rgba(134, 197, 238, 0.80); filter:alpha(opacity=80); position: relative;  z-index: 1; }
.gsbg {-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; width: 201px; height: 42px; float: left; margin: -42px 0 0 0; background: rgba(134, 197, 238, 0.80); filter:alpha(opacity=80); position: relative;  z-index: 1; }
ul#sprite li .sub { position: absolute; z-index: 9997; padding: 0px 0px 0 0px; margin: 50px 0 0 0; -moz-border-radius-bottomright: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topright: 6px;  border-top-right-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; background: rgba(134, 197, 238, 0.80); filter:alpha(opacity=80); display: none; max-width: 220px !important; }
ul#sprite li .sub ul { list-style: none; margin: 0; padding: 0; }
ul#sprite li .sub ul li { display: block; color: #0055a7; margin: 0;}
ul#sprite li .sub ul li a { display: block; width: 190px; text-indent: 0; height: auto; background: none; padding: 5px 15px; text-decoration: none; color: #0055a7; font-size: 16px;}
ul#sprite li .sub ul li a:hover { color: #0055a7; background: rgba(95, 163, 208, 0.80); filter:alpha(opacity=80); -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;}

/* Forms */
input#e-news { background-color: #dcdcdc; width: 300px; color: #999; font-size: 16px;  padding: 5px; height: 20px; border: 1px solid #DCDCDC; -moz-border-radius: 6px; }
input#submit { position: relative; top: 9px; }
.entry input, .entry textarea { border: 1px solid #CCC; padding: 3px; }