/*  
Theme Name: Anchorage Smiles
Theme URI: http://www.anchoragesmiles.com/
Description: A custom template created by <a href="http://www.steepleashton.com/">Steeple Ashton</a>
Version: 1.5
Author: Adam Dunford
Author URI: http://www.steepleashton.com/

*/

/* ---- =style reset ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h3, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:active { outline: none; }


body { margin: 0; padding: 0; color: #eae8eb; background: #5d1902 url(/assets/images/background.png) repeat-x left top; font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { }

h1 { position: relative; margin: -75px 0 0 0; padding: 11px 0; width: 620px; height: 24px; margin: -20px auto -24px; padding: 10px 10px; color: #572315; text-transform: uppercase; text-align: center; background: #f3a03b url(/assets/images/h1_bg.jpg) repeat-x left top; border: 1px #403c35 solid; z-index: 150; font: normal 24px/24px Palatino, "Palatino Linotype", Georgia, serif; }
h2 { margin: 20px 0 0; font: normal 18px/22px Palatino, "Palatino Linotype", Georgia, serif; color:#c63; }
h3 { color: #f4a23c; font: bold 16px/20px Palatino, "Palatino Linotype", Georgia, serif; }
h4 { font-size: 14px; font-weight: bold; color:#c63; }

h2 a, h3 a { color: #fff; }


p { margin-bottom: 18px; font-size: 12px; line-height: 18px; color:#ffd584; }


a { font-weight: bold; color: #e56031; text-decoration: none; }
a:hover { text-decoration: underline; }

hr { height: 1px; border:0; margin: 20px 0; color:#000; background:#000; }


.imgborder { border: #b76027 1px solid; }
.smalltext { font-size: 10px; line-height: 14px; }
.borderleft { border-left-width: 1px; border-left-style: solid; border-left-color: #000; }
.clearit { clear: both; height: 1px; margin: 0; padding: 0; font-size: 1px; line-height: 1px; }



/* Custom Forms -- Just change the colors */
.fields { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; border: #000 1px solid; background-color: #ccc; }
input.submit { border: 1px solid #000; border-top-color: #000; border-left-color: #000; padding: 0.25em; background-color: #ccc; color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
input.submit:hover { border: 1px solid #000; border-top-color: #000; border-left-color: #000; padding: 0.25em; background-color: #000; color: #ccc; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.darkBg { padding: 10px; background-color: #3a1409; border: 1px #403c35 solid; }
.darkBg h2 { color: #b76027; }
/* Custom Forms End */



#container { width: 960px; height: auto; margin: 0 auto; background: transparent url(/assets/images/container_bg.jpg) no-repeat left bottom; border: 5px #833705 solid; }



/*==== HEADER ====*/
#header { margin: 0; padding: 0 10px 0 25px; width: auto; height: 100px; background: transparent url(/assets/images/header_bg.jpg) repeat-x left -5px; }
#addressPhone { margin: 4px 0 0; padding: 0; color: #fab660; font: 12px/14px "Times New Roman", Times, serif; }
#phone { float: right; margin: -50px 10px 0 0; font: normal 14px/21px "Times New Roman", Times, serif; height: 30px; color: #fab660; text-align: center; }
#phone strong { font-weight: normal; font-size: 21px; }
#phone #number { font-size: 27px; color: #fff; }
#phone a { font-weight: normal; }


/*==== TOP NAVIGATION ====*/
#nav-main { clear: both; height: 36px; padding-left: 16px; background: #f3a03b url(/assets/images/h1_bg.jpg) repeat-x left top; }
#nav-main li { position: relative; float: left; height: 36px; border-left: 1px solid #fbd798; border-right: 1px solid #e0b569; font: bold 15px "Times New Roman", Times, serif; list-style-type: none; }
#nav-main li:first-child { border-left: none; }
#nav-main li:last-child { border-right: none; }
#nav-main li a { display: block; padding: 10px 20px 5px;  color: #833705; text-decoration: none; }
#nav-main li a:hover, #nav-main li:hover a, #nav-main li a:active { color: #b76027; }
#nav-main li.selected a:hover { color: #ebc4cb; }
#nav-main li ul { display: none; position: absolute; width: 192px; left: 0%; top: 100%; margin-top: -2px; background-color: #f8c169; text-align: left; z-index:120; border: 1px solid #e0b569; }
#nav-main li li { padding: 0; margin: 0; width: 192px; height: auto; border: none; }
#nav-main li:hover ul, #nav-main li.over ul { display: block; z-index: 900; }
#nav-main li li a, #nav-main li:hover li a { padding: 0.4em 18px 0.5em; display: block; border-top: 1px solid #e0b569; line-height: 1.0em; font-size: 14px; color: #833705; text-decoration: none; font-weight: normal; }
#nav-main li li a:hover, #nav-main li li a:active { color: #b76027; }
#nav-main li li:first-child a, #nav-main li:hover li:first-child a, #nav-main li li:first-child a:hover, #nav-main li li:first-child a:active { border-top: none; }



/*==== MAIN CONTENT ====*/
#topPic { z-index: 0; width: auto; height: 215px; margin: 0; padding: 0; }

#middleRow { overflow: auto; margin: 0 15px 50px; padding: 70px 20px 50px; border: 1px solid #9e6436; background: none; }
#maincol { float: right; width: 685px; font-size: 12px; line-height: 18px; color: #ffd584; }

#maincol li { margin-left: 40px; padding-bottom: 5px; list-style-type: disc; font-size: 12px; line-height: 18px; color:#ffd584 }

#maincol .testimonials li { margin: 0; padding: 20px ; border-top: 1px solid #e56031; list-style: none; }
#maincol .source { text-align: right; font-style: italic; }



/*==== ASIDE, SIDEBAR ====*/
#aside { float: right; width: 250px; margin: 0 0 20px 20px; }

.sidebox { float: right; width: 222px; margin: 0 0 20px; padding: 12px; background: #5d1902 url(/assets/images/background.jpg) repeat-x left -550px; border: 1px solid #833705; }
.sidebox h2 { margin: 0; color: #fab660; }
.sidebox ul { list-style: none; margin: 0; padding: 0; }
.sidebox li { padding: 0; }
.sidebox a { font-weight: normal; }
.sidebox form h2 { font-size: 21px; }
.sidebox form p { margin: 3px 0; padding: 0; font-size: 12px; color: #c63;  }
.sidebox .offer { margin: 0; padding: 0; color: #c63; }
.sidebox form label { color: #fab660; font-size: 11px; }
.sidebox form p input, .sidebox form p textarea { font: normal 12px Verdana, Arial, Helvetica, sans-serif; width: 200px; margin: 0; background: #fbe9cc; border: 1px solid #333; }
.sidebox form p textarea { height: 50px; width: 202px; }
.sidebox form .button { margin-top: 5px; }


.bigbutton a { position: relative; display: block; width: 440px; margin: 20px; padding: 10px; border: none; border-top: 1px solid #4e1301; border-bottom: 1px solid #7e3105; color: #fab660; font: normal 12px Palatino, 'Palatino Linotype', Georgia, Times, serif; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #4e1301; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#7e3105), to(#4e1301));
background-image: -webkit-linear-gradient(top, #7e3105, #4e1301);
background-image:    -moz-linear-gradient(top, #7e3105, #4e1301);
background-image:     -ms-linear-gradient(top, #7e3105, #4e1301);
background-image:      -o-linear-gradient(top, #7e3105, #4e1301);
background-image:         linear-gradient(top, #7e3105, #4e1301);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e3105', endColorstr='#4e1301');
-webkit-box-shadow: rgba(250,182,96,0.5) 0 1px 0, rgba(0,0,0,0.8) 0 -1px 0; -moz-box-shadow: rgba(250,182,96,0.5) 0 1px 0, rgba(0,0,0,0.8) 0 -1px 0; box-shadow: rgba(250,182,96,0.5) 0 1px 0, rgba(0,0,0,0.8) 0 -1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; } 

.bigbutton span { font-size: 21px; color: #fbe9cc; } 

.bigbutton a:hover { background: #7e3105; color: #fab660; }
.bigbutton a:active { top: 2px; }

.yt h2 { padding-bottom: 5px; }
.yt p { margin: 0; padding: 0; color: #b76027; }

.videobox { border: 1px solid #833705; }




/*==== SUBCOLUMN ====*/
#subcol { float: left; width: 180px; }
#subcol .sidebox { float: none; width: 180px; padding: 0; }
#testimonial p { margin: 0; padding: 20px 20px 0; background: url(/assets/images/quotes.png) no-repeat left 10px; color: #ffe9bf; font-style: italic; }
#testimonial p.source { margin: 0; padding-top: 10px; background-position: 145px bottom; }
#testimonial .link { padding: 5px 10px 15px 0; background: none; text-align: right; }

.buttoner a { display: block; margin: 0 auto; width:156px; height:52px; background: url(/assets/images/patientlogin.jpg) top; color: #fff;
font: normal 18px/36px "Times New Roman", Times, serif; text-transform: uppercase; text-decoration: none; }
.buttoner a:hover { background-position: 0 -52px; }
.buttoner a:active { background-position: bottom; }

.drbutton a { display: block; margin: 0 auto; width:182px; height:72px; background: url(/assets/images/meet-dr-burke.png) 0 -72px; color: #fff;
font: normal 18px/18px "Times New Roman", Times, serif; text-transform: uppercase; text-indent: -9999px; text-decoration: none; }
.drbutton a:hover { background-position: top; }
.drbutton a:active { background-position: bottom; }



/*==== FOOTER ====*/
#footer { margin: 0 auto; padding: 20px; width: 860px; height: auto; text-align: center; }
#footer p { margin: 0; color: #000; font: bold 11px/20px Arial, Helvetica, sans-serif; }
#footer .nav { margin: 0; padding: 0; width: auto; height: auto; }
#footer .nav li { display: inline; margin: 0; padding: 0 5px; width: auto; height: auto; border-right: 1px solid #000; list-style: none outside none; }
#footer .nav li.last { border-right: 0; }
#footer .nav a { margin: 0; padding: 0; font: bold 11px/20px Arial, Helvetica, sans-serif; }

#footer a { padding: 3px; color: #000; }
#footer .nav a { margin-right: 4px; padding: 3px; color: #b76027; }




/*==== BLOG HELPS ====*/

#blog-sidebar #aside { width: 200px; }
#blog-sidebar .sidebox { width: 170px; }
#blog-sidebar ul { padding-bottom: 20px; }
#blog-sidebar li { margin-left: 20px; padding-bottom: 2px; }


#sidebar { float: right; width: 150px; margin: 15px -20px 20px 20px; padding: 0 12px 12px; background: #5d1902 url(/assets/images/background.jpg) repeat-x left bottom; border: 1px solid #833705; }
#sidebar h2 { margin: 12px 0 0; color: #fc6; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar li { padding: 0; }
#sidebar a { font-weight: normal; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.navigation a { font-weight: normal; font-size: 10px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.centered { margin-left: auto; margin-right: auto; }

.post small { color: #b76027; }


/*==== FORMS ====*/
form { margin: 5px 0 0; padding: 0; }
textarea { overflow: auto; }
#commentform input, #commentform textarea { background: #fbe9cc; border: 1px solid #333; }
#commentform textarea { width: 500px; }

.entry img { margin: 0 0 20px 20px; }

.postmetadata { padding: 10px; background: #5d1902 url(/assets/images/background.jpg) repeat-x left -600px; border: 1px solid #833705; }

#news { padding: 10px; color: #b76027; background-color: #3a1409; border: 1px #403c35 solid; }


#clear { clear: both; margin: 0; padding: 0; width: auto; height: 75px; line-height: 0; font-size: 0; }




.thumbs a { border:1px solid #c63; }
.thumbs a:hover { border:1px solid #fff; }

#callout { position: relative; display: block; margin: 0 -5px 0 15px; float: right; width: 200px; }
#homepage #callout { clear: both; margin: 0 15px; float: right; width: 210px; }
#promobox { padding: 7px 10px; margin: 0 0 19px; font: normal 13px Palatino, "Palatino Linotype", Georgia, serif; background: #f3a03b url(/assets/images/h1_bg.jpg) repeat-x left top; border: 1px #403c35 solid; }
#promobox strong { color: #b76027; }
#promobox a { font-weight: normal; color: #572315; }
#homepage #promobox { margin: 0 0 20px; }

#contact-form { border: 1px #403c35 solid; padding: 10px; margin: 0 8px; background: #f9c975 url(/assets/images/nav_bg.jpg) no-repeat left top; font: normal 13px/12px Palatino, "Palatino Linotype", Georgia, serif; color: #b76027; text-align: center; }
#contact-form h4 { margin: 0; padding: 0; font-size: 13px; line-height: 13px; }
#contact-form p { margin: 0; padding: 0; font-size: 11px; line-height: 11px; }
#contact-form p input, #contact-form p textarea { font: normal 10px Verdana, Arial, Helvetica, sans-serif; width: 160px; margin-top: 1px; background: #fbe9cc; border: 1px solid #333; }
#contact-form p textarea { height: 30px; }
#contact-form .button { margin-top: 5px; }
#contact-form label { display: none; float: left; width: 45px; margin-right: 5px; margin-top: 5px; text-align: right; color: #b76027; }



#contact-form { border: none; padding: 0; width: 194px; background: none; font: normal 13px/13px Palatino, "Palatino Linotype", Georgia, serif; color: #d6933c; text-align: center; position: relative; margin: 5px 0 -110px 0; z-index: 100; }
#contact-form .button { font-size: 10px; }
#contact-form strong { color: #fab660; }



/* ----- =slider ------- */
#slider {width:624px;margin:0 auto;position:relative; }
.scroll {height:560px;width:620px;overflow:auto;overflow-x:hidden;position:relative;clear:left; }
.scrollContainer div.panel {float:left;position:relative;padding:0 18px;height:580px;width:590px; }
.panel img {display:block;margin: 8px auto; }
#slider h3 { margin: 10px 10px 0; }
#slider p { margin: 0 }
#slider .panel p { margin: 0; padding: 5px 10px 0; }
#slider ul.navigation {list-style:none;margin: 12px 0 0; padding:0; }
#slider ul.navigation li {display:inline; margin-left: 20px; }
#slider ul.navigation a {padding:8px 7px; font-size: 1.1em; }
#slider ul.navigation a.selected {font-weight:bold; text-decoration:none; }
#slider ul.navigation a:focus {outline:none;}
.scrollButtons {position:absolute;top:240px; cursor:pointer; border: none; background: none; }
.scrollButtons.left {left:-12px;}
.scrollButtons.right {right:-12px;}
.hide {display:none;}


.popup { display: none; position: relative; left: 30px; top: -380px; margin-bottom: -306px; width: 400px; padding: 10px 20px 20px; background: #ffe; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(39,5,3,0.8); -moz-box-shadow: 0 0 10px rgba(39,5,3,0.8); box-shadow: 0 0 10px rgba(39,5,3,0.8); }

.popup p { color: #572315; }