/*
Wine Making Strathroy
www.wineyoumake.com

Awkward
Awkward theme - personal Web site of Daniel Baer

Daniel Baer (DRB) 4/9
www.DanielBaer.com
*/

/*
dark red     #5a000d

dark green   #2d3813
medium green #50501e
light green  #73722c

green beige  #b0a756

dark beige   #f7ea9e
medium beige #f9f0ba
light beige  #faf4ce
*/


/****************************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


/************************************/
/*DRB - Default Style Sheet*/

.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; }
.h1 { font-size:200%; font-weight:bold; line-height: 36px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }
.h2 { font-size:150%; font-weight:bold; line-height: 18px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }
.h3 { font-size:122%; font-weight:bold; line-height: 18px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }
.h4 { font-size:100%; font-weight:bold; line-height: 18px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }
.h5 { font-size:90%; font-weight:bold;  line-height: 18px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }
.h6 { font-size:70%; font-weight:bold;  line-height: 18px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }
.p1 { font-size:200%; font-weight:normal; }
.p2 { font-size:150%; font-weight:normal; }
.p3 { font-size:122%; font-weight:normal; }
.p4 { font-size:100%; font-weight:normal; }
.p5 { font-size:90%; font-weight:normal; }
.p6 { font-size:70%; font-weight:normal; }
.hl { text-align:left; }
.hc { text-align:center; }
.hr { text-align:right; }
.vt { vertical-align:top; }
.vc { vertical-align:middle; }
.vb { vertical-align:bottom; }
.fl { float:left; }
.fr { float:right; }
.fcb { clear:both; }
.pos_abs { position:absolute; }
.pos_rel { position:relative; }

.rw11 { width:100%; } /*rw32 = relative width two thirds*/
.rw21 { width:50%; }
.rw31 { width:33%; }
.rw32 { width:66%; }
.rw41 { width:25%; }
.rw43 { width:75%; }

.margin_no { margin: 0; }
.padding_no { padding: 0; }

.margin_t { margin-top: 18px; }
.margin_r { margin-right: 18px; }
.margin_b { margin-bottom: 18px; }
.margin_l { margin-left: 18px; }
.margin_ha { margin: 0 auto; }
.margin_va { margin: auto 0; }


/************************************/
/* Nathan Ford - http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ */
/* 'Helvetica Neue', Arial, Helvetica, sans-serif - p */
/* Helvetica, 'Helvetica Neue', Arial, sans-serif - t */


/************************************/
/*HTML Elements*/

body {
  background: url('/styles/body_bg.png') repeat-y center #2d3813;
}

body, form, input, textarea, select, p  {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 18px; /* 16px x 1.125 = 18px */
}

p, table {
  font-size: 14px; /* 16px x .875 = 14px */
  margin-bottom: 18px;
}

span, ul {
  font-size: 14px;
}

a:link,
a:visited {
  color: #5a000d;
  font-weight: bold;
}

a:hover,
a:active {
  color: #2d3813;
  text-decoration: underline;
}

textarea, input, select {
  background: #fff;
  border: 1px solid #2d3813;
}

textarea, input {
  margin-top: 5px;
}


/************************************/
/*Structural Elements*/

#mainbox {
/*background: url('/styles/bg18px.png') 0px 0px;*/ /*Testing*/
  margin: 0 auto;
  padding: 24px;
  width: 752px;
}

#header {
  background: url('/styles/logo_bg.png') repeat-x;
  height: 108px;
  padding-top: 26px;
  text-align: center;
  width: 752px;
}

#h_logo {
  height: 81px;
  width: 525px;
}

#menu {
  color: #f9f0ba;
  font-weight: bold;
  margin: 12px 0;
  text-align: center;
  white-space: nowrap;
}

#menu a:link,
#menu a:visited {
  border: 1px solid #5a000d;
  color: #f9f0ba;
  padding: 0 3px;
  text-decoration: none;
}

#menu a:hover,
#menu a:active,
#menu a.selected {
  border: 1px solid #f9f0ba;
}

#content {
  background: #faf4ce;
  min-width: 728px;
  padding: 12px;
  width: 728px
}

#footer {
  color: #f7ea9e;
  font-size: 90%;
  margin: 12px 0 24px 0;
  padding: 0 12px;
  text-align: center;
  width: 728px;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
  color: #f7ea9e;
  font-weight: normal;
}

#f_body { }

#f_copy {
  font-size: 70%;
}


/************************************/
/*General Classes*/

.red { /*TESTING - used to mark items incomplete*/
  color: red;
}

.note {
  color: #5a000d;
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
}

.lst {
  margin-left: 1em;
}

.lst li {
  list-style: disc;
}

.tbl {
  background: #f9f0ba;
  border: 2px solid #5a000d;
  border-collapse: collapse;
  border-spacing: 0;
}

.tbl td {
  border: 2px solid #5a000d;
  padding: 6px;
  vertical-align: top;
}


tr.t_odd td {
  background: #faf4ce;
}

.tbl_head td {
  background: #f7ea9e;
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
  font-size:100%;
  font-weight:bold;
  line-height: 18px;
  text-align: center;
}

.tbl_small {
  background: #f9f0ba;
  border: 1px solid #5a000d;
  border-collapse: collapse;
  border-spacing: 0;
}

.tbl_small td {
  border: 1px solid #5a000d;
  padding: 1px;
  text-align: left;
  vertical-align: top;
}

.hr {
  background: #5a000d;
  color: #5a000d; /*IE uses "color" not "bg"*/
  height: 3px;
  margin: 12px 0;
  width: 100%;
}

a.anchor:link,
a.anchor:visited,
a.anchor:hover,
a.anchor:active {
  color: #000;
  text-decoration: none;
}


/************************************/
/*Specific page classes*/

#pg_home {
  background: url('/styles/bg_home.png') no-repeat bottom right;
  margin-bottom: -12px;
  min-height: 332px;
  padding-right: 144px;
}

#pg_products {
  background: url('/styles/bg_products.png') no-repeat top right;
  min-height: 136px;
  padding: 0 214px 12px 0 ;
}

#pg_special_1 {
  background: url('/styles/bg_special_1.jpg') no-repeat top right;
  min-height: 414px;
  padding-right: 292px;
}

#pg_special_2 {
  background: url('/styles/bg_special_2.png') no-repeat bottom right;
  min-height: 274px;
  padding-right: 268px;
}

#pg_making_1 {
  background: url('/styles/bg_making_1.jpg') no-repeat top right;
  min-height: 234px;
  padding: 0 376px 12px 0;
}

#pg_making_2 {
  background: url('/styles/bg_making_2.jpg') no-repeat top right;
  min-height: 283px;
  padding: 0 376px 12px 0;
}

#pg_making_3 {
  background: url('/styles/bg_making_3.jpg') no-repeat top right;
  min-height: 272px;
  padding-right: 376px;
}

#pg_contact {
  background: url('/styles/bg_contact.jpg') no-repeat top center;
  min-height: 234px;
  padding: 473px 0 12px 0;
}

/************************************/