/*
Theme Name: Evans Dermatology
Theme URI: http://wordpress.org/
Description: Custom Theme by CreativePickle
Version: 1.0
Author: CreativePickle
Author URI: http://creativepickle.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/



/* Begin Typography & Colors */

html, body {
	border:0;
	margin:0;
	padding:0;
}
body {
	font:100%/1.25 arial, helvetica, sans-serif;
}
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font:2em arial, helvetica, sans-serif;
}
h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font:1.5em arial, helvetica, sans-serif;
}
h3 {
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
}
p, ul, ol {
	margin:0;
	padding:0 0 9px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 0 40px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
/***** Links *****/
 
a, a:visited {
	text-decoration:none;
}
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}
table tr td {
	padding:2px;
}

/************STYLES**********/

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

body{
text-align:left;
background:#FFFFFF url(images/bg.png) repeat-x 0 0;}

body.sub{
text-align:left;
background:#FFFFFF url(images/bg_sub.png) repeat-x 0 0;}

body.splash{
text-align:center;
background:#FFFFFF;}

#main {padding-bottom: 50px;
width:960px;
}  /* must be same height as the footer */

#main.badges{
	padding-bottom:235px;}


#content.splash{
width:600px;
margin:0px auto;
text-align:center;
padding-top:50px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#5d5d5d;
}
#header{
height:155px;
padding:0 0 0 45px;
position:relative;}

#tab{
width:580px;
height:125px;
position:absolute;
z-index:1;
background:url(images/tab_bg.png) no-repeat 0 0;
top:0px;
left:380px;
}

div.survey{
width:400px;
position:absolute;
z-index:10;
top:90px;
left:495px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#5d5d5d;
font-size:18px;
text-align:left;
}

p.homelink{
	font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
color:#5d5d5d;}

#navbar{
background:url(images/nav_bg.png) repeat-x 0 0;
width:100%;
position:absolute;
top:120px;
height:50px;
z-index:8;}

#nav{
height:30px;
width:900px;}

#banner{
background:none;
height:289px;
position:relative;
}

#banner_pic{
float:left;
width:392px;
height:289px;
}

#banner_txt{
float:left;
width:515px;
height:289px;
margin-left:20px;
text-align:justify;
padding-top:15px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
}


#sub_content{
width:900px;
padding:30px 0 0 45px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#5d5d5d;
}

#left{
float:left;
width:575px;
min-height:200px;}

#right{
float:left;
width:250px;
margin-left:65px;
text-align:justify;
}

p.rebate{
	padding-bottom:20px;}


#right ul.text{
padding:10px 0 10px 20px;}

#right ul.text li{
padding:0 0 0 0;
margin:0 0 5px 0;}

#right ul.text li ul{
padding:8px 0 8px 20px;
list-style:circle;}

#right ul.text li ul li{
padding:0 0 0 0;
margin:0 0 5px 0;
font-style:italic;}

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	background:url(images/footer_bg.png) repeat-x 0 0;} 

#footer.badges {position: relative;
	margin-top: -235px; /* negative value of footer height */
	height: 235px;
	clear:both;
	background:#fff url(images/footer_bg.png) repeat-x 0 0;} 

div.footer_content{
width:960px;
font-family:Arial, Helvetica, sans-serif;
padding:12px 0 0 45px;
text-align:left;
font-size:10px;
color:#FFFFFF;
text-transform:uppercase;
line-height:18px;
letter-spacing:.02em;}

/*************IMAGE STYLES***********/
img.logo{
float:left;}

img.title{
padding:20px 0 8px 0;}

img.center{
text-align:center;
padding-left:20px;}

div.entry img{
border:1px solid #1797be;
padding:2px;
}

img.border{
border:1px solid #1797be;
}

div.entry img.noborder{
border:none;}

img.alignleft{
float:left;
margin:0px 10px 6px 0;}

img.alignright{
float:right;
margin:0px 0 6px 10px;}


/************LIST STYLES*************/
ul{
list-style:disc;
padding:15px 0 15px 15px;}

ul li{
padding:0 0 14px 0;}

ul.columns li{
float:left;
width:260px;
margin-right:20px;}

ul.topNav{
list-style:none;
padding:10px 0 0 60px;
margin:0 0 0 0;
width:505px;
}

ul.topNav li{
height:25px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

ul.topNav li a {
display:block;
height:25px; 
min-width:226px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.topNav li.pay{
width:226px;
background:url(images/pay_btn.png) no-repeat 0 0;}


ul.topNav li.forms{
width:259px;
background:url(images/forms_btn.png) no-repeat 0 0;}

ul.topNav li:hover{
background-position:0 -25px;}

ul.contactNav{
clear:both;
list-style:none;
padding:20px 0 0 85px;
margin:0 0 0 0;
width:457px;
}

ul.contactNav li{
height:30px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

ul.contactNav li a {
display:block;
height:30px; 
min-width:111px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.contactNav li.phone{
width:142px;
background:url(images/phone_btn.png) no-repeat 0 0;}


ul.contactNav li.email{
width:123px;
background:url(images/email_btn.png) no-repeat 0 0;}

ul.contactNav li.fax{
width:172px;
background:url(images/fax_btn.png) no-repeat 0 0;}

ul.contactNav li:hover{
background-position:0 -30px;}

ul.nav{
list-style:none;
padding:3px 0 0 45px;
margin:0 0 0 0;
width:1000px;
}

ul.nav li{
height:30px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

ul.nav li a {
display:block;
height:30px; 
min-width:111px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.nav li.providers{
width:130px;
background:url(images/nav/providers.png) no-repeat 0 0;}


ul.nav li.services{
width:162px;
background:url(images/nav/services.png) no-repeat 0 0;}


ul.nav li.cosmetic{
width:171px;
background:url(images/nav/cosmetic.png) no-repeat 0 0;}


ul.nav li.patient{
width:128px;
background:url(images/nav/patient.png) no-repeat 0 0;}

ul.nav li.appointment{
width:198px;
background:url(images/nav/appointment.png) no-repeat 0 0;}


ul.nav li.contact{
width:111px;
background:url(images/nav/contact.png) no-repeat 0 0;}

ul.nav li:hover{
background-position:0 -30px;}

ul.action{
list-style:none;
padding:35px 0 0 45px;
width:1000px;}

ul.action li{
	position:relative;
width:285px;
min-height:175px;
float:left;
margin-right:25px;
text-align:center;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#7a7777;}

ul.action li div.bg{
	height:175px;
	width:285px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;}

ul.action li div.action_content{
width:110px;
*width:105px;
margin:40px 0 0 155px;
*padding:40px 0 0 0;
position:relative;
z-index:3;}



ul.sidebar{
width:250px;
list-style:none;
padding:0 0 0 0;
}

ul.sidebar li{
width:250px;
height:270px;
color:#fff;}

ul.sidebar li.location{
background:url(images/location_widget.png) no-repeat 0 0;}

ul.featured{
background:none;
list-style:none;
padding:0 0 0 0;
height:289px;
width:1000px;
color:#FFFFFF;}

ul.featured li{
background-color:none;
width:1000px;
height:292px;
position:relative;
font-size:13px;
}

ul.featured li div.bannerthumb{
width:392px;
float:left;}

#bannerNav a{
display:block;
text-indent:-9999px;
width:12px;
height:12px;
background:#feb731;
float:left;
margin:0 5px 0 0;}

#bannerNav a:hover{
background:#FFFFFF;}

#bannerNav a.activeSlide{
background:#FFFFFF;}

#bannerNav{
background:none;
position:absolute;
top:250px;
left:858px;
z-index:40;}

div.bannerContent{
background:none;
height:291px;
width:535px;
float:left;
margin:0 0 0 15px;
padding:105px 0 0 0;}


div.did{
background:none;
position:absolute;
top:20px;
left:415px;
z-index:20;}

/***********LINK STYLES*************/

a{outline:none;}

a:active, a:link, a:visited{
color:#1797be;}

a:hover{
color:#feb731;}

div.footer_content a:active, div.footer_content a:link, div.footer_content a:visited{
color:#fff;}

div.footer_content a:hover{
color:#feb731;}

div.footer_content h4 a:active, div.footer_content h4 a:link, div.footer_content h4 a:visited{
color:#feb731;}

div.footer_content h4 a:hover{
color:#bfbfbf;}


/**********HEADER STYLES************/

h1{
font-size:36px;
font-style:italic;
color:#1797be;
padding:0 0 15px 0;
text-transform:uppercase;}

h2{
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#1797be;
font-style:italic;
padding:10px 0 8px 0;
letter-spacing:1px;}

h2.white{
color:#fff;}

h3{
	font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#1797be;
padding:0 0 8px 0;}

h4{
	font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#1797be;
padding:0 0 8px 0;
text-transform:none;
font-style:italic;
font-weight:normal;}

/**********PARAGRAPH AND BUTTON STYLES************/
div.entry p{
padding:0 0 8px 0;}

p.learn{
height:30px; 
width:100px;
padding:0 0 0 0;
margin:7px 0 0 0;
}
p.learn a {
display:block;
height:30px; 
width:100px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.learn {
background:url(images/learn_btn.png) no-repeat 0 0;}
p.learn:hover{
background-position:0 -30px;}

p.learn_lg{
height:35px; 
width:180px;
padding:0 0 0 0;
margin:5px 0 0 0;
}
p.learn_lg a {
display:block;
height:35px; 
width:180px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.learn_lg {
background:url(images/learn_btn_lg.png) no-repeat 0 0;}
p.learn_lg:hover{
background-position:0 -35px;}

p.visit{
height:30px; 
width:100px;
padding:0 0 0 0;
margin:0 0 8px 0;
}
p.visit a {
display:block;
height:30px; 
width:100px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.visit {
background:url(images/visit_btn.png) no-repeat 0 -30px;}
p.visit:hover{
background-position:0 0;}

p.excerpt{
padding:2px 0 4px 0;}

p.appointment{
height:130px; 
width:255px;
padding:0 0 0 0;
margin:7px 0 0 0;
}
p.appointment a {
display:block;
height:130px; 
width:255px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.appointment {
background:url(images/appointment_btn.png) no-repeat 0 -130px;}
p.appointment:hover{
background-position:0 0px;}

/*********INPUT AND FORM STYLES**********/

ul.searchform{
list-style:none;
padding:15px 0 0 0;}

ul.searchform li{
padding:0 0 0 0;}

input.searchBtn{
cursor:default;
margin:5px 0 0 0;
background:url(images/search_btn.png) no-repeat 0 -20px;
height:20px;
width:60px;
border:none;
float:right;}

input.searchBtn:hover{
cursor:pointer;
height:20px;
width:60px;
background-position:0 0;}

#left input.searchBtn{
float:left;}

input#s{
margin:0 0 0 0 0;
font-family:"Palatino",Georgia, "Times New Roman", Times, serif;
color:#7a7777;
font-size:12px;
width:240px;
}

fieldset{
border:none;
padding:0 0 20px 0;}

div.form-input input{
width:350px;
margin:0 0 8px 0;}

div.form-textarea textarea{
width:350px;
margin:0 0 8px 0;}

legend{
display:block;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#1797be;
font-style:italic;
padding:10px 0 8px 0;
letter-spacing:1px;}

label{
float:none;
display:block;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#1797be;
font-style:italic;
padding:10px 0 8px 0;
letter-spacing:1px;}

.form-field label.frm_pos_left{
clear:both;
float:none;}

label.copy{
text-transform:none;}

input.button{
text-indent:-9999px;
cursor:default;
margin:25px 0 20px 0;
background:url(images/submit_btn.png) no-repeat 0 -30px;
height:30px;
width:85px;
float:left;
border:none;}

input.button:hover{
cursor:pointer;
height:30px;
width:85px;
background-position:0 0;}

p.error{
text-transform:uppercase;
color:#89959d;}

input.payonline{
display:block;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#7a7777;
width:250px;
margin-bottom:12px;}

input.onlineprice{
display:block;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#7a7777;
width:125px;
margin-bottom:12px;}

p.submit{
margin-top:10px;
clear:both;
}

p.submit input{
text-indent:-9999px;
cursor:default;
margin:25px 0 20px 0;
background:url(images/submit_btn.png) no-repeat 0 -30px;
height:30px;
width:100px;
float:left;
border:none;}

p.submit input:hover{
cursor:pointer;
height:30px;
width:100px;
background-position:0 0;}

textarea.payonline{
display:block;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#7a7777;
width:400px;
height:200px;
margin-bottom:12px;}

.form-field input{
	width:450px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;}

.form-field input[type=radio]{
	width:25px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;}

.form-field select{
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;}

.form-field textarea{
	width:450px;
font-family:"Palatino", Georgia, "Times New Roman", Times, serif;}

div.frm_radio label{
	display:inline;
	font-style:normal;}
	
div.frm_error{
	padding:10px;
	font-style:italic;
	background:#1eb9e8;
	color:#fff;
	margin:4px 0 0 0;
	border:1px solid #666;
	width:435px;}

/**********HOMEPAGE BADGES***********/

ul.badges{
	width:1100px;
	clear:both;
	position:relative;
	list-style:none;
	padding:40px 0 0 0;
	margin:0 0 0 -20px;}
	
ul.badges li{
	display:block;
	float:left;
	margin-left:15px;
	}

/********POPUP********/

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #fff;
    border: 5px solid #1797be;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.modal_content{
	color:#666;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; clear:both;}
/* End hide from IE-mac */