@import url("nav.css");
@import url("modules.css");
@import url("blog.css");

body {margin: 0; padding: 0; color: #56320a; background: #171714;} 
body, textarea {font-family: Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:12px;}

a {color:#6a1316; text-decoration: underline; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 .5em 0; font-weight: bold;}
h1 {color: #485319; font:bold 22px/1em Palatino, Times, Serif;}
h2 {color: #171717;font:bold 18px/1em Palatino, Times, Serif;} 
h3 {font-size: 12px; }
h4 {font-size: 11px; font-style: italic; font-weight: normal;}


p, pre {margin: 0 0 1em 0; line-height: 1.4em;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0 .5em 1.1em;}
ul li {list-style: circle; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {font-size: 18px; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 2px; padding-right: 2px;}

.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}

#wrap {width: 950px; position: relative; margin: 0 auto;  }
#logo {margin: 10px 0 4px 10px;}

#cnt { min-height: 400px; background: #c7b56a; border: 4px solid #d4c279;
	padding: 15px;}


#psi { color: #a38c31; font-size: 11px; font-style: italic;
	margin: 3px 0 10px 0; text-align: right; clear: both;}
#psi a { color: #a38c31; text-decoration: none;}
#psi span {float: left; width: 50%; text-align: left;}

/* home page */
.homeBox { height: 400px; width: 950px; overflow: hidden;}
#fade1 {float: left; width: 475px;}
#fade2 { float: right; width: 475px;} 
#fade1 img, #fade2 img { height: 400px; width: 475px;}

/* our wines */
td.wine1 { width: 230px; padding-right: 10px;}
td.wine2 { text-align: center;}
td.wine2 h2 {margin: 0;}
td.wine2 h2 a { text-decoration: none;}
td.wine2 h2 a:hover { text-decoration: underline; color: #171717;}

/* winery pages */
h1.wineryTitle { background: url(../img_t/bg_wineryTitle.png) no-repeat 50% 70%; 
	text-align: center; padding: 0 0 55px 0; color: #171717;}
td.winery1 { padding-right: 10px;}
td.winery1 div.details {padding: 10px; background: #b8a249; font-size: 12px;
	border: 1px solid #a38613;}
td.winery1 h2.detailHead {background:  url(../img_t/bg_blackBox.png) no-repeat;
	padding: 12px 10px 8px 10px; color: #171717; margin: 0;
	font: bold 16px palatino, times, serif; }
td.winery2 {}
td.winery2 h2.factsHead { margin: 10px 0 0 0;
background:  url(../img_t/bg_blackBox.png) no-repeat;
	padding: 12px 10px 8px 10px; color: #171717; 
	font: bold 16px palatino, times, serif;}
td.winery2 div.facts {padding: 10px; background: #b8a249; font-size: 12px;
	border: 1px solid #a38613;}

td.wine3 { width: 230px; padding-left: 10px;}

/* blog */
.blogLeft { float: left; width: 680px; margin-right: 10px;}
.blogRight { float: right; width: 200px;}

/* friends page */
ul.friendLinks { margin: 0; padding: 0; list-style: none; height: 40px;
	width: 50%; margin-left: 280px;}
ul.friendLinks li { display: inline; font-size: 14px;}
ul.friendLinks li a {display: block; float: left; padding: 5px 5px; text-decoration: none;
	background: #b8a249; margin-right: 4px; font-weight: bold;
	border: 1px solid #a38613;}
ul.friendLinks li a span {font-size: 10px; position: relative; top: -1px;}
ul.friendLinks li a:hover { text-decoration: none; color: #171717;  background: #e7da97;}

h1.fHead { margin: 20px 0 2px 0; 
	text-transform: uppercase; font-size: 18px;
	background: url(../img_t/bg_wineryTitle.png) no-repeat 50% 70%; 
	text-align: center; padding: 0 0 55px 0; color: #171717;}

.friends h2 { margin: 15px 0 3px 0;margin: 10px 0 0 0; clear: left;
background: url(../img_t/bg_blackBox.png) no-repeat;
	padding: 12px 10px 8px 10px; color: #171717; 
	font: bold 16px palatino, times, serif;}
.listBox {padding: 10px; background: #b8a249; font-size: 12px;
	border: 1px solid #a38613; position: relative; min-height: 10px; }
	
.friends .linkItem { float: left; width: 270px; margin-right: 10px;  }
.friends .linkItem a {display: block; font-size: 12px;text-decoration: none; padding: 3px 5px;}
.friends .linkItem a:hover {text-decoration: none; color: #171717; background: #e7da97;}  

/* contact */
td.contact1 {width: 250px;}
td.contact1 dl {margin: 0 0 0 30px;}
td.contact1 dt {font-size: 14px;}
td.contact1 dd {margin-bottom: 1.2em;}
td.contact1 a {text-decoration: none;}

/* newsletter */
#newsLeft {float: left; width: 480px; margin-right: 10px;}
#newsRight {float: right; width: 400px;}

.bizform { width: 50%; margin: 0 auto; padding: 10px; background: #b8a249; font-size: 12px;
	border: 1px solid #a38613;}
.bizform label, .EditingFormLabel { font-size: 12px; display: block; margin: 8px 0 1px 0;}
.bizform input[type='text'] { width: 200px; margin: 0; padding: 2px;}
.bizform textarea.TextAreaField { width: 300px !important; height: 200px !important; margin: 0; padding: 2px;}

.formBtn { margin: 10px 0 10px 40px;}
.formBtn input { font-size: 14px;}