/*
Theme Name: River City Doctors of Optometry
Theme URI: http://creativepickle.com/
Description: Custom Wordpress theme by <a href="http://www.creativepickle.com" target="_blank">CreativePickle</a>
Author: <a href="http://www.creativepickle.com" target="_blank">CreativePickle</a>
Version: 1.0
Tags:
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* CSS Document */

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 10px 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{
background:url(images/header_bg.png) #f7f5f2 repeat-x 0 0;
}

#container{
	height:auto;
	}

#main {
width:1000px;
margin:0px auto;
padding-bottom: 67px;/* must be same height as the footer */
padding-left:20px;
color:#73572e;
font-size:12px;
line-height:20px;}  

#splash{
	width:600px;
	text-align:center;
	margin:0px auto;
	padding-top:30px;}
	
/***********HEADER**********/

#header{
	position:relative;
	height:250px;
	width:950px;
	padding:25px 0 0 0;
	}
	
div.logo{
	position:relative;
	height:200px;
	width:360px;
	float:left;
	}
	
div.subnav{
	position:relative;
	height:65px;
	width:500px;
	float:right;
	margin-left:50px;
	}
	
div.address{
	height:85px;
	width:300px;
	float:right;
	color:#73572e;
	font-family:"minion-pro-1","minion-pro-2", Times, serif;
	text-align:right;
	font-size:13px;
	line-height:20px;
	}
	
div.searchbox{
	height:25px;
	width:300px;
	float:right;
	padding:0 0 0 0;
	}
	
input#s{
display:inline;
width:150px;
float:left;
color:#73572e;
font-style:italic;
font-family:"minion-pro-1","minion-pro-2", Times, serif;
font-size:13px;
margin:0 0 0 110px;
padding:3px 0 0 0;
}

input#s:focus{
color:#6b6969;}

#sub_left input#s{
width:400px;
float:left;
margin:0 10px 0 0;
}

#sub_left input.searchBtn{
	float:left;
	margin:0 0 0 0;}

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

input.searchBtn:hover{
cursor:pointer;
height:25px;
width:25px;
background-position:0 -25px;}
	
ul.subnav{
list-style:none;
padding:0 0 0 0;
margin:0px auto;
height:25px;
clear:both;
}

ul.subnav li{
padding:0 0 0 0;
margin:0px auto;
}

ul.subnav li a {
display:block;
height:25px; 
text-indent:-9009px;
outline:none;
}

ul.subnav li.appointment{
width:205px;
background:url(images/subnav_appointment.png) no-repeat 0 0;
float:right;}

ul.subnav li.form{
width:124px;
background:url(images/subnav_patient_form.png) no-repeat 0 0;
float:right;}

ul.subnav li.location{
width:120px;
background:url(images/subnav_location.png) no-repeat 0 0;
float:right;}

ul.subnav li:hover{
background-position:0 -29px;}
	
/******FOOTER*********/

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

#footercontent{
	padding:20px 0 0 0;
	margin:0px auto;
	font-family:"apertura-1","apertura-2", arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:11px;
	letter-spacing:1px
	}
	
		
/*********NAVIGATION**********/

#navigation{
width:954px;
height:38px;
background:url(images/navbar.png) no-repeat 0 0;
}

ul.nav{
width:954px;
list-style:none;
padding:8px 0 0 15px;
margin:0 0 0 0;
height:25px;
clear:both;
}

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

ul.nav li a {
display:block;
height:25px; 
text-indent:-9009px;
outline:none;
}

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

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

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

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

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

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

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

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

/*********BANNER**********/

#banner{
width:948px;
height:252px;
background:url(images/banner.png) no-repeat 0 0;
border-bottom:#739b8b solid 3px;
border-right:#739b8b solid 3px;
border-left:#739b8b solid 3px;
position:relative;
margin:0 0 0 0;
z-index:1;
}

div.bannertext{
width:540px;
height:100px;
position:absolute;
margin:150px 0 0 395px;
z-index:2;
}

/*********SERVICES**********/

#services{
width:1000px;
height:240px;
margin-left:-15px;
padding:10px 0 40px 0;
}

div.keratoconus{
width:288px;
}

div.corneal{
width:300px;
}

div.testimonials{
width:300px;
font-style:italic;
}

ul.services ul.testimonials{
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:300px;}
	
ul.services ul.testimonials li{
	width:300px;
	height:130px;
	margin:0 0 0 0;
	padding:0 0 0 0;}

ul.services{
width:1000px;
list-style:none;
padding:8px 0 0 15px;
margin:0 0 0 0;
clear:both;
}

ul.services li{
padding:80px 0 0 0;
margin:0 0 0 0;
float:left;
}

ul.services li a {
display:block;
outline:none;
}

ul.services li.keratoconus{
width:325px;
background:url(images/subtitle_keratoconus.png) no-repeat 0 0;
margin:0 5px 0 0;
}

ul.services li.corneal{
width:325px;
background:url(images/subtitle_corneal.png) no-repeat 0 0;
margin:0 15px 0 0;
}

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

ul.services li:hover{
background-position:0 0;}

cite{
display:block;
font-style:normal;
}

/*********SUBPAGES*******/

#subcontent{
width:948px;
background:url(images/subpage_bg_tile.png) repeat-y 0 0;
border-bottom:#739b8b solid 3px;
border-right:#739b8b solid 3px;
border-left:#739b8b solid 3px;
margin:0 0 50px 0;
min-height:300px;
padding:0 0 40px 0;
}

#sub_left{
	float:left;
	width:630px;
	margin:0 0 0 20px;
	padding:20px 0 0 0;
	}
	
#sub_right{
	float:left;
	width:250px;
	margin:0 0 0 40px;
	padding:20px 0 0 0;
	}
	
div.keratoconusside{
background:url(images/sidebar_titles_keratoconus.png) no-repeat 0 0;
height:200px;
padding:60px 0 0 0;
}

div.cornealside{
background:url(images/sidebar_titles_corneal.png) no-repeat 0 0;
height:200px;
padding:60px 0 0 0;
}

div.testimonialsside{
background:url(images/sidebar_titles_testimonials.png) no-repeat 0 0;
height:200px;
font-style:italic;
padding:60px 0 0 0;
}

ul{
	list-style:none;
	padding:15px 0 15px 20px;}
	
ul li{
	background:url(images/bullet.png) no-repeat 0 0;
	padding:0 0 0 25px;
	margin:0 0 6px 0;}
	
ul.gform_fields li{
	background:none!important;
	padding:0 0 0 0!important;
	margin:0 0 6px 0;}

ul.side_testimony{
	list-style:none;
	padding:0 0 0 0;}
	
ul.side_testimony li{
	background:none;
	width:250px;
	padding:0 0 0 0;}

.gform_wrapper{
	padding-right:30px!important;
	}

.gform_wrapper textarea{
	border:1px solid #bfbfbf!important;
	}

.gform_wrapper .top_label .gfield_label{
	font-size:18px!important;
	}

#sidebar div.keratoconus{
background:url(images/sidebar_titles_keratoconus.png) no-repeat 0 0;
}

#sidebar div.corneal{
background:url(images/sidebar_titles_corneal.png) no-repeat 0 0;
}

#sidebar div.testimonials{
background:url(images/sidebar_titles_testimonials.png) no-repeat 0 0;
}


div.post{
	padding-bottom:25px;}
	
div.testimonial{
	font-family:"minion-pro-1","minion-pro-2", Times, serif;
	font-size:16px;
	letter-spacing:.02em;
	color:#73572e;
	font-style:italic;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid rgba(115, 155, 139, 1);
	}
	
div.testimonial cite{
	font-style:normal;
	font-weight:bold;}
	
div.doctor{
	padding-bottom:20px;
	}


/*********IMAGES*********/

img.logo{
	height:200px;
	width:360px;
	padding:0 0 10px 0;}
	
#subcontent img{
-moz-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.2);
float:left;
border:4px solid #fff;
padding:0 0 0 0;
margin:0 15px 10px 0;
} 

/*********BUTTONS**********/

p.arrow{
height:25px; 
width:25px;
padding:0 0 0 0;
margin:0 0 0 0;
float:right;
}

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

p.arrow {
background:url(images/arrow.png) no-repeat 0 0;
}

p.arrow:hover{
background-position:0 -25px;}

p.btn_learnmore{
height:25px; 
width:125px;
padding:0 0 0 0;
margin:0 0 0 0;
float:right;
}

p.btn_learnmore a {
display:block;
height:25px; 
width:125px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.btn_learnmore {
background:url(images/btn_learnmore.png) no-repeat 0 0;
}

p.btn_learnmore:hover{
background-position:0 -24px;}

p.btn_visitpage{
height:25px; 
width:125px;
padding:0 0 0 0;
margin:0 0 0 0;
}
p.btn_visitpage a {
display:block;
height:25px; 
width:125px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.btn_visitpage {
background:url(images/btn_visitpage.png) no-repeat 0 -24px;
}

p.btn_visitpage:hover{
background-position:0 0;}

p.btn_viewall{
height:25px; 
width:125px;
padding:0 0 0 0;
margin:0 0 0 0;
float:right;
}

p.btn_viewall a {
display:block;
height:25px; 
width:125px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.btn_viewall {
background:url(images/btn_viewall.png) no-repeat 0 0;
}

p.btn_viewall:hover{
background-position:0 -24px;}

p.download{
height:40px; 
width:200px;
padding:0 0 0 0;
margin:15px 0 15px 0;
}

p.download a {
display:block;
height:40px; 
width:200px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.download {
background:url(images/download_btn.png) no-repeat 0 0;
}

p.download:hover{
background-position:0 -40px;}


/*********HEADINGS*********/

h1{
	font-family:"apertura-1","apertura-2", arial, sans-serif;
	letter-spacing:.02em;
	font-size:35px;
	padding:0 0 18px 0;
	text-transform:uppercase;}

h1.pagetitle{
background:url(images/line.png) no-repeat 0 0;
}

h2{
	font-family:"minion-pro-1","minion-pro-2", Times, serif;
	letter-spacing:.01em;
	font-size:20px;
	font-style:italic;
	color:#d2ab10;
	padding:0 0 10px 0;}
	
h2.doctor{
	font-size:24px;}
	
h3{
	font-family:"minion-pro-1","minion-pro-2", Times, serif;
	font-size:24px;
	letter-spacing:1px;
	font-weight:bold;
	color:#739B8B;
	text-transform:uppercase;
	padding:0 0 10px 0;}

/*********LINKS*********/

a:active, a:link, a:visited{
	color:#d2ab10;}

a:hover{
	color:#728a74;}
	
/************FORM*********/

fieldset{
	border:none;
	padding:0 0 0 0;}
	
label{
	display:block;
	font-family:"minion-pro-1","minion-pro-2", Times, serif;
	letter-spacing:.01em;
	font-size:20px;
	font-style:italic;
	color:#d2ab10;
	padding:12px 0 10px 0;}
	
#frm_form_fields input{
		width:300px;}
	
p.description{
	padding:4px 0 0 0;
	font-style:italic;}

p.submit{
	height:25px;
width:150px;
}

p.submit input{
	background:#d2ab10;
	border:1px solid #739b8b;
	color:#fff;
font-family:"minion-pro-1","minion-pro-2", Times, serif;
	letter-spacing:.01em;
	font-size:20px;
	font-style:italic;
	padding:4px;
	letter-spacing:.02em;
	margin:10px 0 0 0;}
	
p.submit input:hover{
	cursor:pointer;
	color:#fff;
	background:#739b8b;
	}
	

.jqmWindow {
	color:#73572e;
font-size:12px;
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

a.jqmClose{
	margin:0 0 15px 0;
	font-size:12px;
	font-style:italic;}
	


/* CLEAR FIX*/


.clear{
clear:both;
}
.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;}
/* End hide from IE-mac */