/*
THEME NAME: Vet to Pet
THEME URI: http://art4orm.com
DESCRIPTION: 
VERSION: 1.0
AUTHOR:katie sexton
AUTHOR URI:
*/



/*resets*/
* {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em;height: 100%;background: #eee;}
h1, h2, h3, h4, h5 {margin: 0px; padding: 0px; }

/*structure*/

#wrapper {width: 824px; margin: 0 auto; height: 100%; }
#header {height: 161px; background: url('images/top.jpg') 0 0 no-repeat;}
#container {background: url('images/bg.jpg') 0 0 repeat-y;}
#footer {background: url('images/bottom.jpg') 0px 0px no-repeat; height: 62px;}

/*layout blocks */
/* display; position; location; size; decoration;*/
#wrapper {position: relative;}
#header {position: relative;}
#blog-title {display: block; position: absolute; top: 60px; left: 175px; width: 269px; height: 49px; background: url('images/logo.jpg') 0 0 no-repeat;}

#menu {display: block; position: absolute; top: 40px; left: 500px;}
#menu ul {display: block; height: 22px; }
#menu ul li {float: left; width: 70px; border-left: 1px solid #9c460c;}
#menu ul li:first-child {border-left: 0px;}

#homepageimg {position: absolute; bottom: 5px; right: 40px; width: 313px; height: 215px;}
#aboutimg {position: absolute; bottom: 60px; right: 70px; width: 245px;}
#servicesimg {position: absolute; top: 180px; right: 70px;/* top: -60px; left: 405px;*/ width: 220px;}
#contactimg {position: absolute; bottom: 25px; right: 40px; width: 347px; height: 187px;}

#content {position: relative; top: 15px; left: 100px; width: 554px; min-height: 330px;}

#content .about {width: 345px;}

#content .services {width: 380px;}

#content .contact {width: 560px;}

#footer p {padding-top: 30px; padding-left: 70px; font-size: .8em; color: #9c460c;}

#flower { background: url('images/flower.png') bottom right no-repeat; width: 155px; height: 440px; position: absolute; bottom: 24px; left: 740px;}


/*p, em, h1s, specific style elements */
/*inline overrides; block width/height; margins; decorations; font overrides*/

#blog-title a {display: block; width: 169px; height: 49px; text-decoration: none;}

#menu ul li {list-style-type: none; text-align: center;}
#menu ul li a {padding: 0px 5px 0px 5px; color: #787878; text-decoration: none; text-transform: lowercase; font-size: .8em;}
#menu ul li.current_page_item a {color: #000000; font-weight: bold;}

.entry-content {color: #707070; font-size: .7em;}
.entry-content p {padding-bottom: 15px;}
.entry-content p a {color: #000; }
.entry-content blockquote {width: 370px; color: #9c460c; font-style: italic; }
.entry-content blockquote strong {font-weight: bold;}

.about blockquote {width: 345px;}

#aboutimg p {text-align: right; font-size: .8em; color: #787878; padding-top: 5px;}
#servicesimg p {text-align: right; font-size: .8em; color: #787878; padding-top: 5px;}
.services p {}
.services p em {display: block; padding-top: 10px; font-weight: normal; color: #9c460c; text-transform: uppercase; font-style: normal;}
.services table {padding-bottom: 15px;}
.services blockquote {padding-top: 15px;}
.services blockquote p {padding-bottom: 15px;}
.services ul {padding-left: 1em; padding-bottom: 10px;}

.contact strong {padding-right: 5px; color: #9c460c; font-size: 1.1em; font-weight: bold;}
.contact table {font-size: 1.0em; margin-top: 0px;}
.contact blockquote {position: absolute; left: 300px; top: 90px; width: 300px;}

.success {font-size: 1.2em; color: #000; padding-top: 15px;}
.formcontainer {font-size: .8em;}
.contact fieldset {border: 0px; margin: 0px; padding: 0px;}
.contact .form-input input {height: 18px; border: 1px solid #ccc; background-color: #eee; }
.contact textarea {height: 50px; border: 1px solid #ccc; background-color: #eee;}
.contact .form-label, .contact .form-input, .contact .form-textarea {padding-bottom: 2px; color: #535252;}