/*  

Theme Name: Vanilla

Description: Vanilla WP theme

Author: Browse8.com

Author URI: http://www.browse8.com

*/







body {

background: #AC784A url(images/bg-line.jpg) fixed repeat-x;

text-align: center;

margin: 0;

font: 9pt Verdana, arial;}



#wrapper {

width: 760px;

height: 100%;

margin: 0 auto;}



#bg {

float: left;

width: 760px;

background: url(images/bg.gif) repeat-y;}



#header {

width: 760px;

height: 256px;}



#mainnav {

float: right;

margin-top: 5px;

margin-bottom: 10px;

margin-right: 25px;

display: inline;

text-align: left;}



.nav h2 {

font: bold 26px Garamond, serif;

background: url(images/top.gif) no-repeat;

text-align: center;

margin-top: 20px;

margin-bottom: 0;

clear: both;

width: 188px;

height: 30px;

color: #AC784A;}



.nav * {

padding: 0;

margin: 0;}



.nav li {

width: 187px;

list-style: none;

background-color: #F6D8B1;}





.nav li a {

display: block;

padding: 5px 0;

text-indent: 17px;

font: bold 9pt Verdana, arial;

text-decoration: none;

text-transform: capitalize;

color: #977B76;

border-left: 8px solid #D6A774;

width: 179px;

border-bottom: 1px solid #D6A774;

border-right: 1px solid #D6A774;}



.nav li a:hover {

text-decoration: none;

border-left: 8px solid #714E3A;

background-color: #DDA25C;

color: #FFFFFF;}



#main {

float: left;

width: 480px;

margin-left: 30px;

margin-top: 5px;

margin-bottom: 5px;

text-align: left;

line-height: 15px;

text-align: justify;

display: inline;

color: #714E3A;}



a.link {

margin-top: 20px;

font: bold 31px Garamond, serif;

text-decoration: none;

text-align: left;

line-height: 15px;

margin-bottom: 14px;

color: #DDA25C;}



a.link:hover {

margin-top: 20px;

font: bold 31px Garamond, serif;

text-decoration: none;

text-align: left;

line-height: 15px;

margin-bottom: 14px;

color: #E4B986;}



h1 {

padding: 8px 0 5px 10px;

margin-top: 10px;

background: none;

clear: both;

font: bold 20px Garamond, serif;

text-align: left;

margin-left: 10px;

line-height: 15px;

margin-bottom: 10px;

color: #DDA25C;}



small {

padding-left: 12px;}



#copyright {

padding-top: 25px;

text-align: center;

font-weight: bold;

color: #714E3A;}



#footer {

clear: both;

margin: 0;

background: url(images/footer.jpg) no-repeat;

width: 760px;

height: 62px;}



#footer a {

text-decoration: none;

font-weight: bold;

color: #88592A;}



#footer a:hover {

text-decoration: underline;

font-weight: bold;

color: #836257;}



.searchform {

background: url(images/search.jpg) fixed top left;

border: 2px solid #D7A875;

color: #A0755B;}



.comments {

background-color: #F4D2A7;

border: 2px solid #D7A875;

color: #A0755B;}



.button {

background-color: #F4D2A7;

border: 2px solid #D7A875;

color: #A0755B;}



a {

text-decoration: none;

color: #88592A;}



a:hover {

text-decoration: underline;

color: #836257;}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img {border:0}
p img { padding: 0; max-width: 100%; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }