/*
Theme Name: Haltom Orthodontics
Theme URI: 
Description: Custom theme for Haltom Orthodontics.
Version: 1.0
Author: David Stanley
Tags: 

*/

/*** General Styles and Classes ***/
body {background:url(img/bg.jpg) no-repeat center top #abc9d6;width:100%;display:table;z-index:-1;font-family:verdana,helvetica,arial,sans-serif;font-size:1em;overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-weight:300;}
h5 {font-size:16px;}
a {text-decoration:none;color:#386996;}
a:hover, a:visited {color:#1a4e7e;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
.dkblue {color:#1a4e7e;}
.blue {color:#557da2;}
.orange {color:#ffa500;}
.right {float:right;margin-left:20px;}
.left {float:left;margin-right:20px;}
/*******************************/

/*** Sliding Login Panel ***/
#toppanel {position:absolute;top:0;z-index:999;}
#panel {height:278px;color:#fff;background:#1a4e7e;overflow:hidden;position:relative;z-index:3;display:none;font-size:0.75em;}
.intro {text-decoration:none;color:#000;z-index:998;}
.intro:hover, .intro:visited {color:#333;}
.intro:hover {text-decoration:underline;} 
#panel .head-form {padding:10px;background-color:#99b7d2;border:1px solid #272727;color:#000;margin-top:20px;}
#panel .head-form form#consult {width:189px;}
#panel .head-form #consult input.box {width:132px;}
#panel .head-form input.box {float:right;width:110px;}
input.button {cursor:pointer;border:1px solid #1a4e7e;height:2.4em;width:199px;padding-bottom:0.23em;display:block;text-align:center;background-color:#d6e6f1;}
input.button:hover {background-color:#1a4e7e;color:#fff;}
input.items {font-size:1.2em;height:1.2em;width:14em;border:1px solid #1a4e7e;font-family:georgia,serif;font-style:italic;color:#1a4e7e;}
input.items:focus {background-color:#d6e6f1;}
textarea {border:1px solid #1a4e7e;font-family:georgia,serif;font-style:italic;color:#1a4e7e;}
.drop {width:14em;height:1.5em;font-size:1.2em;border:1px solid #1a4e7e;color:#1a4e7e;}
#panel .head-form #consult input.button {width:189px;}
#panel h3 {color:#fff;}
#panel h5 {color:#000;}
#welcome {padding-left:10px;}
#tab {background:url(img/tab_bg.jpg) top repeat-x;height:28px;width:960px;}
ul#button {background:url(img/tab.png) no-repeat;height:28px;margin-left:560px;margin-bottom:0px;width:300px;}
ul#button li {display:inline;list-style-type:none;margin-left:0px;width:150px;display:block;float:left;font-size:0.8em;padding-bottom:3px;text-align:center;padding-top:4px;}
ul#button li a {color:#fff;line-height:1.5em;}
.small {font-size:0.8em;}

.comich3 {font-family:"Comic Sans MS";font-size:21px;margin-bottom:20px;display:block;}
.comich4 {font-family:"Comic Sans MS";font-size:19px;margin-bottom:20px;display:block;}
.comich5 {font-family:"Comic Sans MS";font-size:17px;margin-bottom:20px;display:block;}
.comich6 {font-family:"Comic Sans MS";font-size:15px;margin-bottom:20px;display:block;}

/*******************************/

/*** Header Section ***/
#header {background-color:#7598b9;height:105px;z-index:100;}
/*******************************/

/*** Navigation ***/
#nav {background:url(img/nav.png) no-repeat #1a4e7e;height:30px;position:relative;z-index:20;}
#nav, #nav ul {margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em;height:30px;}
#nav li:first-child {display:none;}
#nav ul li:first-child {display:block;}
#nav li a {display:block;padding:0px 5px;color:#fff;text-decoration:none;line-height:1.85em;}
#nav li:hover {background-color:#557da2;}
#nav li {float:left;position:relative;margin-left:0px;height:30px;z-index:10;}
#nav li ul {position:absolute;display:none;width:16em;z-index:999;}
#nav li ul a {width:16em;height:auto;float:left;line-height:2.4em;color:#fff;font-size:0.8em;background-color:#557da2;}	
#nav li ul a:hover {background-color:#1a4e7e;}
#nav li ul ul {left:12em;top:auto;}
#nav li ul li {margin:0px;border-bottom:1px #fff solid;height:30px;}
#nav li ul li ul li {margin-left:30px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav .page-item-34 a {color:#ffa500;}
#nav .page-item-34 ul li a {color:#fff;}
/*******************************/

/*** Headline and Hero Sections ***/
#hero {height:250px;background-color:#272727;width:960px;position:relative;z-index:0;}
embed {z-index:0;position:relative;}
#headline {height:80px;display:block;background:url(img/headline-bg.png) no-repeat 0 0 #272727;position:relative;z-index:0;border-bottom:1px solid #9db2cb;}
#headline h1 {color:#fff;margin-left:20px;padding-top:10px;font-size:2.5em;height:80px;position:relative;z-index:0;}
/**********************************/

/*** General Layout Styles ***/
#main {background-color:#fff;float:right;position:relative;}
#breadcrumb {font-size:0.7em;padding:10px;position:relative;}
#home-content {padding:0px 0px 10px 10px;position:relative;}
#home-content h2, #locations h2 {padding:10px 0px 0px 0px;}
#home-content p {font-size:0.8em;line-height:1.75em;margin-bottom:30px;letter-spacing:0.015em;}
#content {padding:0px 0px 60px 10px;position:relative;}
#content h2, #locations h2 {padding:10px 0px 0px 0px;}
#content p {font-size:0.8em;line-height:1.75em;margin-bottom:30px;letter-spacing:0.015em;}
#content blockquote {font-family:georgia;width:80%;font-style:italic;font-size:1em;border-left:1px solid #9db2cb;margin:20px 0px 20px 20px;padding:10px 0px 10px 20px;}
#content ul li {font-size:0.8em;list-style-type:disc;}
#content ol li {font-size:0.8em;margin-bottom:10px;}
#content-full {padding:0px 10px 60px 10px;position:relative;}
#content-full h2, #locations h2 {padding:10px 0px 0px 0px;}
#content-full p {font-size:0.8em;line-height:1.75em;margin-bottom:30px;letter-spacing:0.015em;}
#content-full blockquote {font-family:georgia;width:80%;font-style:italic;font-size:1em;border-left:1px solid #9db2cb;margin:20px 0px 20px 20px;padding:10px 0px 10px 20px;}
#content-full ul li {font-size:0.8em;list-style-type:none;}
#subnav {width:248px;background-color:#d6e6f1;border:1px solid #9db2cb;padding:20px;margin:20px 0px;position:relative;z-index:0;}
#subnav ul {margin-bottom:10px;}
#subnav ul li {list-style-type:none;font-size:0.9em;margin-left:0px;}
#subnav ul li a {border-bottom:1px solid #9db2cb;padding:5px 0px 5px 8px;display:block;}
#subnav ul li a:hover, #subnav ul li a:active {text-decoration:none;display:block;background-color:#557da2;color:#fff;}
#subnav ul li ul li {font-size:0.8em;margin-left:10px;}
#adspace {margin-top:20px;width:290px;padding:0px 0px 60px 0px;}
#adspace img {margin:0px 0px 20px 0px;width:290px;height:65px;}

#patforms {width:248px;background-color:#d6e6f1;border:1px solid #9db2cb;padding:20px;margin:20px 0px;position:relative;z-index:0;}
#patforms ul {margin-bottom:10px;}
#patforms ul li {list-style-type:none;font-size:0.9em;margin-left:0px;}
#patforms ul li a {border-bottom:1px solid #9db2cb;padding:5px 0px 5px 8px;display:block;}
#patforms ul li a:hover, #subnav ul li a:active {text-decoration:none;display:block;background-color:#557da2;color:#fff;}

#media-ad {margin-left:20px;}
#media-ad img {margin:0px 0px;width:65px;height:65px;}
#media-ad a {padding:0px 9px;}

.testimonials {padding:20px;margin:20px 0px;border-left:1px solid #9db2cb;width:249px;display:block;}
.testimonials blockquote {font-style:italic;font-size:1em;font-weight:300;font-family:georgia;}
.testimonials blockquote p {margin-bottom:0px;}
.author {padding-top:10px;text-align:right;font-size:0.9em;color:#1b4e7e;display:block;margin-right:30px;}

.testimonial-quote {margin-bottom:20px;border-bottom:1px solid #9db2cb;padding-bottom:20px;}
.testimonial-quote p {margin-bottom:0px !important;}
span.author2 {padding-top:10px;text-align:right;font-size:1.3em;color:#1b4e7e;display:block;margin-right:30px;font-style:italic;}

/*******************************/

/*** About Us Section - Doctor's and Staff Pages ***/
#docsummary {width:220px;margin-left:20px;float:right;border-left:1px solid #9db2cb;padding:10px 20px;font-size:0.9em;}
#docsummary ul li {margin-left:15px;list-style-type:disc;margin-bottom:5px;}
#doctor1 {margin:0px 10px 30px 0px;}
#doctor2 {margin:0px 10px 30px 10px;}
#doctor3 {margin:0px 0px 30px 10px;}
.doctor {width:188px;height:188px;display:block;background-color:#ccc;float:left;border:1px solid #1a4e7e;}
.staff-img {margin-top:5px;margin-bottom:10px;width:178px;height:138px;border:1px solid #1a4e7e;background-color:#ccc;}
.sm-img {margin-top:8px;margin-bottom:20px;width:78px;height:78px;border:1px solid #1a4e7e;background-color:#ccc;}
.med-img {margin-top:10px;margin-bottom:10px;width:273px;height:198px;border:1px solid #1a4e7e;background-color:#ccc;}
.med-img-port {margin-top:10px;margin-bottom:10px;width:198px;height:273px;border:1px solid #1a4e7e;background-color:#ccc;}
.lrg-img {margin-top:20px;margin-bottom:20px;width:608px;height:398px;border:1px solid #1a4e7e;background-color:#ccc;display:block;}
.flat-full-img {margin:20px 0px;width:608px;height:198px;border:1px solid #1a4e7e;background-color:#ccc;display:block;}
.results-img {height:198px;width:188px;}
/***************************************************/

/*** Home Page Specific Layout ***/
#locations {font-style:normal;font-size:0.8em;}
#locations address {font-style:normal;}
#adbox1 {width:278px;margin-bottom:20px;padding:10px 0px 10px 10px;}
#adbox1 h4 {margin-bottom:10px;}
#adbox1 span {font-size:0.9em;}
#adbox1 p {font-size:0.8em;margin-bottom:15px;}
#adbox2 {width:278px;margin-bottom:20px;padding:10px 0px;}
#adbox2 h4 {margin-bottom:10px;}
#adbox2 span {font-size:0.5em}
#adbox2 h6 {margin-bottom:10px;}
#adbox2 p {font-size:0.8em;margin-bottom:5px;}
#adbox3 {width:278px;margin-bottom:20px;padding:10px 10px 10px 0px;}
#adbox3 h4 {margin-bottom:10px;}
#adbox3 span {font-size:0.5em}
#adbox3 p {font-size:0.8em;margin-bottom:25px;}
#adbox3 #media p {margin-bottom:0px;}
#adbox3 #media img {margin:0px 0px;width:65px;height:65px;}
#adbox3 #media a {padding:0px 9px;}
#slider {height:220px;width:920px;background-color:#99b7d2;margin-bottom:10px;padding:9px;overflow:hidden;border:1px solid #888;}
#slider h5 {margin-bottom:15px;}
#slider p {margin-bottom:15px;}
#slider ul {list-style:none;margin:0;padding:0;}
#slider ul li {float:left;display:block;margin:0px;}
#slider ul li div {display:block;overflow:hidden;color:#000;}
#slider #a1 {width:430px;background:url(img/invisalign.png) no-repeat left;overflow-x:hidden;}
#slider #a2 {background:url(img/invisalign-teen.png) no-repeat left;overflow-x:hidden;width:122px;height:220px;}
#slider #a3 {background:url(img/lingualcare.png) no-repeat left;overflow-x:hidden;width:122px;height:220px;}
#slider #a4 {background:url(img/results.png) no-repeat left;overflow-x:hidden;width:122px;height:220px;}
#slider #a5 {background:url(img/office-fun.png) no-repeat left;overflow-x:hidden;width:122px;height:220px;}
.slidercontent {width:285px;height:200px;padding:10px 10px 10px 135px;font-size:0.9em;}
.slidercontent p {font-size:0.8em;}
.img-slider {width:98px;height:123px;border:1px solid #1a4e7e;background-color:#ccc;margin-left:10px;float:right;}
.post-meta {font-size:0.6em !important;color:#888;margin-bottom:20px;}
/**********************************/

/*** Results ***/
.results1 {width:188px;height:198px;margin:0px 20px 20px 0px;background-color:#ccc;border:1px solid #1a4e7e;float:left;}
.results2 {width:188px;height:198px;background-color:#ccc;border:1px solid #1a4e7e;}
/**********************************/

/*** FAQs ***/
.faq {margin: 15px 0px 15px 0px;}
.faq dt {font-size:0.8em;cursor:pointer;background-position: right 50%;background-repeat: no-repeat;padding: 6px 0px 6px 0px;border-bottom: 1px solid #9db2cb;}
.faq dt:hover {color: #000;background-color:#d6e6f1;}
.faq dt.off {background-image: url(img/expand.gif);}
.faq dt.on {background-image: url(img/collapse.gif);}
.faq dd {font-size:0.75em;line-height:1.5em;background-color:#d6e6f1;padding: 10px 20px;border-bottom: 1px solid #9db2cb;}
/*********************************/

/*** Blog ***/
.archive h3 {margin-bottom:0px;}
.archive p {margin-bottom:0px !important;}
.archive {margin-bottom:20px;}
.blog-entry p {margin-bottom:5px !important;}
/*********************************/

/*** Appliances ***/
.coda-slider-wrapper { padding: 20px 0 }
.coda-slider {}
.coda-slider, .coda-slider .panel { width: 420px;float:right; } 
.coda-slider .panel-wrapper { padding:0px 20px 20px 20px; }
.coda-slider .panel-wrapper h2 {padding-top:0px !important;}
.coda-slider .panel-wrapper img {border:1px solid #1a4e7e;float:left;margin-right:20px;}
.coda-nav ul {float:left;}
.coda-nav ul li {font-size:0.9em;margin-left:0px;}
.coda-nav ul li a {border-bottom:1px solid #9db2cb;padding:5px 0px 5px 8px;display:block;width:160px;}
.coda-nav ul li a:hover, .coda-nav ul li a.current {text-decoration:none;display:block;background-color:#557da2;color:#fff;}
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: right; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left;}
.coda-slider .panel-container { position: relative;}
/*********************************/

/*** Associations ***/
#assoc li {list-style-type:none !important;margin-left:0px;float:left;width:160px;height:160px;margin-right:40px;}
#assoc li a {display:block;text-decoration:none;width:160px;text-align:center;}

/*********************************/

/*** Locations ***/
#location1 {width:278px;margin-bottom:20px;padding:10px 0px 10px 10px;float:left;text-align:center;}
#location2 {width:278px;margin-bottom:20px;padding:10px 10px 10px 0px;float:left;text-align:center;}

/*** Footer ***/
#footer {border-top:1px solid #ccc;}
#footer address {font-style:normal;}
#footer p {margin-bottom:10px;}
#footer a {color:#777;}
.footerlist {width:168px;height:170px;margin:10px;float:left;font-size:0.75em;color:#777;}
.footerlist ul li {margin:0px;list-style-type: none;}
.boiler {font-size:0.7em;}
/**********************************/

#ytvideo2 {border:1px solid #9db2cb;height:475px;width:588px;margin-bottom:10px;}
#yt_holder {background:#D6E6F1;padding:10px;float:left;border:1px solid #9db2cb;margin-bottom:15px;}
#yt_holder .videos ul {float:left;margin:0;padding:0;width:200px;}
#yt_holder .videos li {list-style-type:none;display:block;float:left;width:127px;height:160px;text-align:center;padding:10px;margin:0px 0px 10px 0px;}
#yt_holder .videos li a {font-family:georgia;text-decoration:none;display:block;height:160px;color:#1a4e7e;}
#yt_holder .videos li a img {width:127px;display:block;border:1px solid #9db2cb;}
#yt_holder .videos li:hover {background:#557da2;color:#fff;}
#yt_holder .videos li a:hover {background:#557da2;color:#fff;}
#yt_holder .currentvideo {background:#557da2 !important;}
#yt_holder .currentvideo a {color:#fff !important;}

/*** Games ***/
.instructions {float:right;clear:both;height:175px;width:230px;display:block;margin-left:10px !important;padding-left:20px;border-left:1px solid #9db2cb;}
.instructions li {list-style-type:none !important;margin-left:0px !important;font-size:0.75em !important;}
.instructions li span {text-transform:uppercase;font-weight:bold;}
.game {margin-bottom:20px;}
.game h4 {border-bottom:1px solid #9db2cb;}
.game p a {display:block;border:4px solid #9db2cb;width:260px;height:66px;margin-left:40px;}
.game p a:hover {border:4px solid #557da2;}
/**********************************/

#contact-info {width:200px;margin-left:20px;padding-left:20px;border-left:1px solid #557da2;padding-top:10px;}

#smile {width:250px;}

.menu {width:610px;margin-bottom:30px;font-size:0.8em;border:1px solid #557da2;}
.menu caption {font-size:1.5em;margin-bottom:10px;margin-top:30px;text-align:left;}
.menu thead {background-color:#557da2;color:#fff;}
.menu thead th {padding-top:3px;}
.menu tr {height:2em !important;}
.odd {background-color:#d6e6f1;}
.even {background-color:#9db2cb;}
.menu td {padding:2px 10px;}
.center {text-align:center !important;}
.narrow {width:100px;font-size:0.8em;}
sup {font-size:0.7em;}