/*  
Theme Name: Distano Chiropractic Care
Theme URI: http://www.DistanoChiro.com
Description: The new DCC Theme
Version: 1.0
Author: Bryan Migliorisi
Author URI: http://www.migliorisi.com
*/

/* BODY & COMMON STYLES */
html.blue {background: #1362a6;}
body {font-family: Verdana, Arial, Tahoma, sans-serif; }
body * {outline:none}
div#doc {background:#fff;}
div#bg {background: url(images/bg.jpg) repeat-y; width:770px; margin:0 auto;}
strong {font-weight:bold;}
em {font-style: italic;}

/* HEADER */
div#hd {background: url(images/header.png); height:27px; text-align: center; color:#fff; letter-spacing:1px; font-weight:bold; padding-top: 3px;}
div#top-logo { 	text-align:center;}

/* FOOTER */
div#ft {background: url(images/footer.png); height:95px; padding-top:20px; text-align: center; color:#fff; margin-top:20px;} 
div#ft a {color:#fff;}

/* DID YOU KNOW */
div#did-you-know  {background: url(images/didyouknow.png); height:74px; padding-top:17px; color:#fff; width: 485px; }
div#did-you-know span {display:block; padding:7px 3px 0 20px;}

/* ABOUT US */
div.about-us img {float:left; padding:12px;}
div.about-us {clear:both; margin-bottom:25px;}
div.about-us p {padding-left:10px; text-align:justify;}
div.about-us h2 {color:#ad3a17; padding-left:5px;}

/* LOCATION */
div#directions address {padding-left: 20px;}
div#directions #address {width:95%;}
div#directions span {padding-left:10px; }

/* OFFICE TOUR */
div#office-tour-gallery a {height: 115px; width: 115px; padding:5px; display:block; float:left; border:solid 1px #dfdfdf; margin:3px;text-align:center;}
div#office-tour-gallery a:hover {border:solid 1px #1362a6;}

/* CONTACT & HOURS */
div#page-office-hours {display:none; }
div.page-office-hours {text-align:center;}
div.page-office-hours h2 {font-size: 1.6em; display:block; border-bottom: solid 2px #3595f7; margin-bottom:20px; text-align:center;}
div.page-office-hours {width: 300px; margin:0 auto;}
div.page-office-hours table {width:90%; margin:0 auto;}
div.page-office-hours table td {vertical-align:top; padding-bottom: 10px; width:50%;}
div.page-office-hours table td.day  {font-weight:bold; text-align:right; padding-right:10px;}
div.page-office-hours table td.hours{text-align:left;}



/* ADDRESS */
div#office-address h4 {color:#3595f7; font-weight: bold; font-size:1.2em;}
div#office-address address {color:#3595f7;border-left: solid 3px #3595f7;margin: 5px 0 0 10px;padding: 0px 0 0 10px; line-height:1.5em;}

/* HOME */
div#home-images {text-align:center; margin-top:20px;}
div#home-links a {font-size:1.1em; font-weight:bold; display:block; color: #3595f7; padding-left:20px; background: url(images/listarrow.png) no-repeat top left; line-height:25px; height:25px; text-decoration: none}
div#home-links a:hover {background: url(images/listarrow.png) no-repeat bottom left; color: #fff;}
div#home-links ul {margin-left: 10px;}
div#home-links li {padding-top:6px; height:25px;}

/* ENTRY */
div.post {font-size:1.1em; line-height:1.8em; margin-top:15px; overflow:hidden;}
div.post p{margin: 8px 0 15px 10px;}
div.post h2 {font-size:1.8em;}
div.post h2 a, div.post h2 a:hover {color:#ad3a17}
div.post h3 {font-size:1.5em; display:block; border-bottom:solid 1px #ad3a17;}
div.post h3 a{color:#ad3a17; text-decoration:none;}
div.post h4 {font-weight:bold; letter-spacing:0.1em; text-decoration:underline;}
div.post ul {margin: 8px 0 15px 10px; }
div.post li { list-style:disc; margin-left:30px;}
div.post img {float:left; padding:7px;}

div.narrow {width: 535px; float:left; }
div#content {}
div#content-extras {background: url(images/postextra.png) no-repeat 0 0; width: 200px; padding: 30px 4px 4px; float:right;margin-top:15px;}
div#content-extras ul {margin-left:5px;}
div#content-extras ul li { }
div#content-extras ul a {padding-left: 30px; background: url(images/links.jpg) 0 0 no-repeat; line-height:25px; height: 25px; display:block; text-decoration:none; color: #3595f7}
div#content-extras ul a:hover {text-decoration:underline;}
div#content-extras ul a.bookmark  {background-position:0 -25px;}
div#content-extras ul a.email     {background-position:0 0;}
div#content-extras ul a.contact   {background-position:0 -50px;}
div#content-extras ul a.newsletter{background-position:0 -75px;}
div#content-extras ul a.hours     {background-position:0 -100px;}
div#content-extras ul a.directions{background-position:0 -125px;}



/* SIDEBAR */
div#sidebar {width:235px; float:left;}
div#sidebar a {font-size:1.1em; font-weight:bold; display:block; color: #3595f7; padding-left:20px; background: url(images/listarrow.png) no-repeat top left; line-height:25px; height:25px; text-decoration: none}
div#sidebar a:hover {background: url(images/listarrow.png) no-repeat bottom left; color: #fff;}
div#sidebar ul {margin-left: 10px;}
div#sidebar li {padding-top:6px; height:25px;}
div#sidebar h2 {font-weight:bold; font-size:1.3em; color:#3595f7}

/* NAVIGATION */
div#navigation .learn {background:url(images/nav-learn-1.jpg);}
div#navigation .offer {background:url(images/nav-offer-1.jpg);}
div#navigation .patients {background:url(images/nav-patients-1.jpg);}
div#navigation a {font-size:1.1em; font-weight:bold; display:block; color: #3595f7; padding-left:20px; background: url(images/listarrow.png) no-repeat top left; line-height:25px; height:25px; text-decoration: none}
div#navigation a:hover {background: url(images/listarrow.png) no-repeat bottom left; color: #fff;}
div#navigation li {padding-top:6px; height:25px;}
div#navigation ul{margin-left:385px;}
div#navigation {overflow: hidden;height:185px;border-top: solid 3px #3595f7;border-bottom: solid 3px #3595f7;}
div#navigation .header, div#navigation  .content{float: left;height: 185px;}
div#navigation .header{width: 39px;color: #fff;cursor: pointer;text-indent:-8000px;}
div#navigation .content{display: none;width: 0px;overflow: hidden;background-position:-50px 0;background-repeat: no-repeat;}
div#navigation .content p{margin: 5px;}



// ------------------------------------------------------------
/* The following code may no validate, but i did not write it.
// ------------------------------------------------------------

/* THICK BOX - For use with the Maps function*/
#GB_overlay {background-image: url(images/overlay.png); position: absolute;margin: auto;top: 0;left: 0;z-index: 100;width:  100%;height: 100%;}
* html #GB_overlay {background-color: #000;background-color: transparent;background-image: url(images/blank.gif);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");}
#GB_window {top: 10px;left: 0px;position: absolute;background: #fff;border: 5px solid #aaa;overflow: auto;width: 400px;height: 400px;z-index: 150;}
#GB_frame {border: 0;overflow: auto;width: 100%;height: 378px;}
#GB_caption {font: 12px bold helvetica, verdana, sans-serif;color: #fff;background: #888;padding: 2px 0 2px 5px;margin: 0;text-align: left;}
#GB_window img {position: absolute;top: 2px;right: 5px;cursor: pointer;cursor: hand;}
/* FACEBOX - For use with the Hours function */
#facebox .b {background:url(images/b.png);}
#facebox .tl {background:url(images/tl.png);}
#facebox .tr {background:url(images/tr.png);}
#facebox .bl {background:url(images/bl.png);}
#facebox .br {background:url(images/br.png);}
#facebox {position: absolute;width: 100%;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup {position: relative;}
#facebox table {margin: auto;border-collapse: collapse;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
/* LIGHTBOX - http://leandrovieira.com/projects/jquery/lightbox/ -  For use with the Gallery*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}