/* 
Theme Name: GAVH WP Theme
Theme URL: http://www.gavh.net/
Description: Dr. Tom Greek and Associates Veterinary Hospital Wordpress theme by DSYL.
Author: DSYL
Author URI: http://www.dsyl.net
Version: 1.0
*/

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {
background: #eeecdf;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
position: relative;
margin: 20px;
padding: 0;
}

p {
line-height: 18px;
margin-bottom: 12px;
}

h1, h2, h3 {
font-weight: bold;
color: #84971a;
margin-bottom: 12px;
}

h1 {
font-size: 24px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 12px;
}

em {
font-style: italic;
}

.logo a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 340px;
height: 148px;
background: url(img/gavhLogo.jpg) no-repeat;
text-indent: -9999px;
border: none;
padding: 0;
margin: 0;
z-index: 10;
}

#pagewrap {
position: relative;
margin: 0 auto;
width: 720px;
box-shadow: 0 0 20px #919296;
-moz-box-shadow: 0 0 20px #919296;
-webkit-box-shadow: 0 0 20px #919296;
background: #fff;
}

.beigeBG {
background: #f3f3e9;
padding: 10px 0;
}

#header {
position: relative;
width: 620px;
height: 100px;
margin: 0 auto;
}

#hero {
position: relative;
width: 600px;
margin: 0 auto;
}

#hero img {
position: relative;
top: 0;
left: 0;
z-index: 30;
-webkit-box-shadow:0 0 8px #919296; 
-moz-box-shadow: 0 0 8px #919296; 
box-shadow:0 0 8px #919296; 

}

#hero p {
position: relative;
right: 0;
color: #4c4d3f;
text-align: right;
font-size: 11px;
letter-spacing: 0;
line-height: 15px;
margin-top: 6px;
}

#nav {
position: absolute;
left: 140px;
top: 80px;
list-style: none;
z-index: 20;
}

#nav li {
position: relative;
float: left;
}

#nav a {
color: #000;
text-transform: uppercase;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0;
padding: 5px 12px;
font-size: 11px;
}

#nav a:hover {
background: #d3e24b;
}

#nav ul {
display: none;
}

#content {
position: relative;
margin: 0 auto 40px auto;
width: 600px;
min-height: 350px;
color: #4c4d3f;
}

#content p {
}

#aboutnav {
list-style: none;
display: block;
margin-left: -5px;
height: 30px;
}

#aboutnav li {
float: left;
border-right: 1px solid #84971a;
line-height: 6px;
}

#aboutnav a {
font-weight: bold;
color: #84971a;
text-transform: uppercase;
padding: 0 5px;
text-decoration: none;
font-size: 10px;
}

#aboutnav a:hover {
text-decoration: underline;
}

#aboutnav li.about-jacki {
border-right: none;
}

#footer {
position: relative;
width: 720px;
height: 80px;
margin: 10px auto;
}

#footer p {
}

#footernav {
list-style: none;
position: absolute;
top: 3px;
left: 0;
margin-left: -5px;
}

#footernav li {
position: relative;
float: left;
border-right: 1px solid #4c4d3f;
line-height: 8px;
}

#footernav a, #footer a {
color: #84971a;
text-decoration: none;
line-height: 6px;
padding: 0 5px;
text-transform: lowercase;
}

#footernav a:hover, #footer a:hover {
color: #4c4d3f;
text-decoration: underline;
}

#footernav li.links {
border-right: none;
}

#footernav ul {
display: none;
}

#socialmedia {
list-style: none;
position: absolute;
top: 0;
right: 0;
}

#socialmedia li {
position: relative;
float: left;
}

#socialmedia a {
margin: 0;
margin-left: 10px;
padding: 0;
}

.breathe10 {
padding: 10px;
}



/* Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}