﻿body {
  font-family: Verdana, calibri, helvetica, arial, sans-serif;
  background-color: #bb413e;
  text-align: center;
}

#container {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  text-align: left;
  margin-bottom: 15px;
}

#container p {

}

/* ------------------------------------------------------------ */

#header {
  background-color: white;
  height: 131px;
  width: 900px;
}

#header h1 {
  text-align: left;
  margin-bottom: 0;
  Margin-top: 0;
  padding-left: 25px;
}

#header p {
  text-align: left;
  margin-top: 0;
  padding-left: 25px;
  color: #8e413e;
  font-weight: bold;
  font-size: 12px;
}

#header ul {		/* Won't need with after update */
  float: right;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-top: 0;
  font-weight: bold;
  list-style-type: none;
}

#header li {		/* Won't need with after update */
  float: left;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #bb413e;
  border-bottom: 1px solid #bb413e;
}

/* ------------------------------------------------------------ */

#headerinfo {
  width: 510px;
  margin-left: 380px;
  padding: 5px;
  font-weight: bold;
  color: #8e413e;
  text-align: center;
}

#headerinfo p {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  border-left: 3px solid #8e413e;
  font-size: 10pt;
}

#headerinfo ul {		
  float: right;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-top: 0;
  font-weight: bold;
  list-style-type: none;
}

#headerinfo li {		
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #bb413e;
  border-bottom: 1px solid #bb413e;
}

/* ------------------------------------------------------------ */

#sidebar {
  background-color: white;
  height: 850px;
  width: 200px;
}

#sidebar h1 {
  float: left;
  padding: 5px;
  padding-top: 8px;
  margin-top: 10px;
  margin-bottom: 0px;
}

#sidebar h2 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  margin-bottom: 0px;
  font-size: large;
}

#sidebar p {
  padding-left: 5px;
  font-weight: bold;
  margin: 5px;  
}

/* ------------------------------------------------------------ */

#content {
  background-color: white;
  width: 675px;
  height: 830px;
  margin-left: 205px;
  padding: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

#content p {
  font-family: Verdana, arial black;
  font-weight: bold;
  font-size: small;
}

/* ------------------------------------------------------------ */

#recipe {
  background-color: white;
  width: 680px;
  padding-left: 110px;
  padding-right: 110px;
  padding-top: 10px;
  padding-bottom: 50px;
  margin-bottom: 20px;
}

/* ------------------------------------------------------------ */

#archive {
  background-color: white;
  width: 680px;
  padding-left: 110px;
  padding-right: 110px;
  padding-top: 10px;
  padding-bottom: 50px;
  margin-bottom: 20px;
  font-weight: bold;
}

#archive img {
  float: right;
}

/* ------------------------------------------------------------ */

#homepage h1 {
  float: left;
  padding: 8px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#homepage h2 {
  float: right;
  padding: 8px;
  padding-top: 0px;
  margin-top: 0px;
}

#homepage p {
  padding-top: 5px;
  font-size: small;
}

/* ------------------------------------------------------------ */

#wineoftheweek h1 {
  float: left;
  padding: 5px;
  Margin-top: 0px;
  margin-bottom: 0px;
}

#wineoftheweek h2 {
  color: #8e413e;
  margin: 0px;
}

#wineoftheweek p {
  font-size: medium;
  font-weight: bold;
}

/* ------------------------ events ------------------------------------ */

#events h1 {
  font-size: medium;
  text-decoration: underline;
}

#events li {
  list-style-type: none;
  font-family: Verdana, arial black;
  font-weight: bold;
  font-size: small;
}

#events img {
  float: right;
  padding: 5px;
}

/* ------------------------------------------------------------ */

#tastings h1 {
  font-size: 22pt;
  margin-top: 5px;
}

#tastings h2 {
  font-size: 14pt;
  margin: 0px;
  margin-top: 5px;

}

#tastings p {
  font-weight: 500;
  font-size: 11pt;
}

#tastings img {
  float: left;
  margin-top: 0px;
  margin-right: 10px;
}

/* ----------------------- womenandwine ------------------------------------- */

#womenandwine img {
  float: left;
  padding-right: 10px;
}

#womenandwine h1 {
  margin-top: 5px;
}

#womenandwine h3 {
  margin: 0px;
}

#womenandwine h4 {
  margin-bottom: 0px;
}

#womenandwine p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 11pt;
}

#guest {
  margin-left: 25px;
}

/* ------------------------------------------------------------ */

#location {
}

/* ------------------------------------------------------------ */

#contactus h1 {
  float: left;
  padding-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#contactus p {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#contactus ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

#contactus li {
  list-style-type: none;
  font-family: Verdana, arial black;
  font-weight: bold;
  font-size: small;
}

/* ------------------------------------------------------------ */

#recipe h1{
  margin-top: 10px;
  font-size: 22pt;
}

#recipe h2{
  margin-bottom: 5px;
}

#recipe h3{
  margin-top: 2px;

}

#recipe h4 {
  float: right;
  margin-left: 5px;
}

#recipe li{
  font-size: small;
}

/* ------------------------------------------------------------ */

#footer {
  color: white;
  width: 900px;
  padding-bottom: 15px;
  text-align: center;
  font-size: small;
}

/* ------------------------------------------------------------ */

#footerstyle{
  color: #bb413e;
  padding-top: 5px;
  padding-bottom: 15px;
  text-align: center;
  font-size: small;
  margin-top: 15px;
}

#footerstyle p {
  font-size: small;
  font-weight: normal;
}

/* ------------------------------------------------------------ */

.topline {
  border-top: 1px solid #8e413e;
}

.divider {
  color: #bb413e;
  text-align: center;
}

.underline {
  text-decoration: underline;
}

img {
  border: none;
}


/* ------------------------------------------------------------ */

a {
  text-decoration: none;
}

#header p {
  font-size: 9pt;
}

#header ul {
  font-size: 12pt;
}

#headerinfo a {
  font-size: 10pt;
}

a:link {
  color: #8e413e;
}

a:visited {
  color: #8e413e;
}

#header ul a:hover {
  background-color: #8e413e;
  color: white;
}

a:active {
}

/* ------------------------------------------------------------ */

#header, #headerinfo, #sidebar, #content, #recipe, #archive, #footer {
  position: absolute;
}

#header{
  top: 0px:
}

#headerinfo {

}

#sidebar {
  top: 150px;
}

#content{
  top: 150px;
}

#recipe{
  top: 150px;
}

#archive{
  top: 150px;
}

#footer{
  top: 1020px;
}