/*
Theme Name: Wines of France 2008
*/

html, body, div, h1, h2, h3, p, address, img, ul, li, form, table, td, th, hr, label, span {
  border: 0;
  margin: 0;
  padding: 0;
}
body {
  color: #222;
  background: #fff;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 13px;
  line-height: 1.4;
  padding: 10px;
  text-align: center;
}
h1, h2, h3 {
  color: #69c;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 10px 135px;
}
h2, h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}
p, table {
  margin: 10px 0 15px 0;
}
hr {
  border-top: 1px solid #ccc;
  height: 1px;
  margin: 20px 0;
}
a {
  color: #900;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
ul.horizontal {
  display: block;
}
ul.horizontal li {
  display: inline;
  margin-left: 5px;
}

/*div#content input, div#content textarea {
  border: 1px solid #eee;
  font-size: 12px;
  padding: 7px 5px;
}*/

/* Textfield background */
.wpcf7 p, #commentform p {
  padding-top: 10px;
}
.fieldcontainer input, 
.fieldcontainer input:focus {
  border: 0;
  outline: none;
}
.fieldcontainer {
  position: relative;
  background: transparent url('images/bg_search.png') no-repeat top left;
  margin: -10px 0 0 0;
  padding: 0;
  height: 33px;
  width: 220px;
}
.fieldcontainer span {
  display: block;
}
.fieldcontainer input {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  font-size: 13px;
  padding: 7px;
  width: 205px;
  background: transparent;
}

/* Textarea background */

.areacontainer textarea, 
.areacontainer textarea:focus {
  border: 0;
  outline: none;
}
.areacontainer {
  position: relative;
  background: transparent url('images/bg_textarea.gif') no-repeat top left;
  margin: -10px 0 0 0;
  padding: 0;
  height: 250px;
  width: 450px;
}
.areacontainer span {
  display: block;
}
.areacontainer textarea {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  font-size: 13px;
  padding: 15px 7px;
  width: 440px;
  height: 240px;
  background: transparent;
}


div#content p#questionSubmitButton input,
div#content input.button {
  color: #fff;
  background: transparent url('images/submit.gif') no-repeat top left;
  border: 0;
  outline: none;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 2px;
  height: 29px;
  width: 61px;
}

/* Layout */

div#page {
  margin: 0 auto;
  text-align: left;
  width: 986px;
}
div#header {
  position: relative;
  height: 156px;
}
div#logo {
  position: absolute;
  bottom: 0;
  left: 0;
}
div#banner {
  position: absolute;
  top: 0;
  right: 0;
}

/* Navigation / Menu */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li {
	float: left;
}
div#menu {
  color: #fff;
  background: #fff url('images/bg_menu.gif') no-repeat;
  height: 23px;
  padding: 12px 10px 9px 15px;
}
div#menu li {
  margin: 0;
}
div#menu span {
  cursor: default;
}
div#menu a, div#menu span {
  color: #fff;
  background: transparent;
  font-size: 15px;
  font-weight: bold;
  padding: 2px 5px;
}
div#menu a.on, div#menu span.on {
  background: #900;
}
div#menu span.pipe {
  color: #ccc !important;
  font-weight: normal !important;
  padding: 0 !important;
}

div#menu a:hover {
  text-decoration: none;
}
div#menu li ul a:hover {
  text-decoration: underline;
} 

#nav li ul {
	position: absolute;
	width: 256px;
	left: -999em; 
    border: 1px solid #69c;
    border-bottom: 0;
    z-index: 10;
    background-color: #900; 
}
#nav li ul li {
  display: block;
  border-bottom: 1px solid #69c;
  padding: 5px 3px;
  width: 250px;
  z-index: 10;
}
#nav li#tastings ul {
  width: 271px;
}
#nav li#tastings ul li {
  width: 265px;
}
#nav li#about ul {
  width: 206px;
}
#nav li#about ul li {
  width: 200px;
}
#nav li:hover ul, #nav li.sfhover ul {
	 left: auto;
}

div#main {
  padding: 5px 0 20px 0;
  position: relative;
}
div#sidebar {
  background: #fff url('images/bg_sidebar.gif') no-repeat;
  /* height: 1582px; */
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 20px;
  margin-bottom: 10px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 253px;
}
div#sidebar div {
  margin-top: 20px;
}
div#sidebar div div {
  margin: 5px 0;
}
div#sidebar p {
  color: #900;
  margin-bottom: 5px;
}
div#sidebar ul {
  padding-left: 20px;
}
div#sidebar li a {
  text-decoration: underline;
}
div#sidebar input, div#sidebar input:focus {
  border: 0;
  outline: none;
}
div#sidebar div#searchContainer {
  position: relative;
  background: transparent url('images/bg_search.png') no-repeat top left;
  height: 33px;
}
div#sidebar div#searchContainer input#s {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  font-size: 13px;
  padding: 7px;
  width: 210px;
  background: transparent;
}
div#sidebar div#searchContainer input#go {
  position: absolute;
  right: 0;
  top: 3px;
}
div#sidebar form#emailform, div#sidebar form#emailform div,
div#sidebar form#emailform a, div#sidebar form#emailform img {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 100%;
}
div#sidebar form#emailform img {
  float: left;
  height: 41px;
}
div#sidebar form#emailform a {
  height: 41px !important;
}
div#sidebar div#emailContainer {
  clear: both;
  position: relative;
  background: transparent url('images/bg_email.gif') no-repeat top left;
  height: 42px;
  width: 261px;
  margin: 0;
  padding: 0;
}
div#sidebar div#emailContainer input#email {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  font-size: 13px;
  padding: 9px 17px;
  width: 200px;
  background: transparent;
}
div#sidebar div#emailContainer input#submitEmail {
  position: absolute;
  right: 0;
  top: 0;
}
div#sidebar select#archiveDropdown {
  width: 170px;
}
div#sidebar div#sidebarvideo {
  margin-top: 5px;
}
div#textsize {
  float: left;
  background: url('images/bg_textsize.png') no-repeat top left;
  padding: 5px 0;
  height: 19px;
  text-align: center;
  width: 115px;
}
div#textsize a, div#textsize img {
  line-height: 1;
  height: 12px;
}
div#content {
  margin-right: 337px;
  min-height: 450px;
}
div#content a {
  text-decoration: underline;
}
div#content ul {
  list-style-type: none;
  margin: 15px 0 15px 20px;
}
div.actions {
  background: transparent url('images/bg_actions.gif') no-repeat top center;
  height: 23px;
  padding: 5px;
}
div#footer {
  clear: both;
  background: #fff url('images/bg_footer.gif') no-repeat;
  height: 67px;
  padding-top: 20px;
  text-align: center;
}
div#footer p {
  margin: 5px 0;
}
div#copyright {
  text-align: center;
}

/* Sheri's Top Picks layout (template picks.php) */
/* Trade layout (template trade.php) */

div#picks, div.trade {
  color: #000;
  background: #f9f9f7 url('images/bg_post.gif') no-repeat;
  padding: 10px;
  position: relative;
}
div#picks a, div.trade a {
  color: #900;
}
div#picks div#sort, div#navigation {
  float: left;
  margin-bottom: 30px;
  width: 145px;
  position: relative;
}
div#navigation {
  width: 155px;
}
div#navigation li {
  margin-bottom: 5px;
}
div#picks div#sort ul, div#navigation ul {
  margin-top: 0 !important;
  margin-bottom: 5px;
}
div#picks div#sort ul ul, div#navigation ul ul {
  margin-left: 10px;
}
div#picks div#sort a.on, div#navigation a.on {
  color: #fecf00;
  font-weight: bold;
  text-decoration: none;
}
div#picks ul, div.trade ul  {
  list-style-type: none;
  margin-left: 5px;
  margin-bottom: 5px;
}
div#picks div#wine, div#tradecontent {
  border-left: 1px dashed #000;
  margin-left: 150px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 10px;
  min-height: 500px;
}
div#tradecontent {
  color: #222;
  margin-left: 175px;
}
div#tradecontent div.entry {
  min-height: 450px;
}
div#picks div#wine div#buttons {
  float: right;
  margin-left: 30px;
  position: relative;
}
div#picks div#wine div#buttons img {
  margin: 0;
}
div#picks div#wine ul, div#tradecontent ul {
  margin-top: 10px;
}
div#picks div#wine h2, div#tradecontent h2 {
  font-size: 16px;
  margin-bottom: 0;
}
div#picks div#wine h3, div#tradecontent h3 {
  color: #222;
}
div#picks div#wine div, div#tradecontent div {
  margin: 15px 0;
}
div#picks div#wine div#color {
  color: #69c;
  font-size: 16px;
  margin-top: 10px;
  text-transform: uppercase;
}
div#picks div#wine div#importer {
  margin-top: 40px;
}
div#picks div#wine img#photo {
  float: right;
  margin-right: 20px;
}
div#picks div#wine table {
  clear: right;
}
div#picks div#wine table th {
  font-weight: bold;
  padding-right: 30px;
  vertical-align: top;
}
div#wheretobuy {
}
div#wheretobuy a {
}

/* Vineyard Adventures */

ul#videolist {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  width: 240px;
}
ul#videolist li {
  display: block;
  height: 85px;
  margin: 0;
  padding: 0;
}
ul#videolist img {
  float: left;
  margin-right: 15px;
}

/* Styles for templates index.php and page.php */

div.post {
  background: #f9f9f7 url('images/bg_post.gif') no-repeat;
  padding: 30px;
  margin-top: 15px;
}
div.post div.metadata {
  position: relative;
  padding-bottom: 10px;
  width: 580px;
}
div.post div.date {
  color: #999;
  background: url('images/bg_date.png') no-repeat;
  font-size: 18px;
  line-height: 1.2;
  position: absolute;
  padding: 8px 0 10px 0;
  top: 0;
  left: 0;
  height: 52px;
  width: 89px;
  text-align: center;
}
div.post div.title {
/*  position: absolute;*/
  width: 500px;
  margin-left: 105px;
/*  left: 105px; */
/*  top: 0;*/
}
div.post div.title h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  width: 330px;
}
div.post div.title h2 a {
  background: transparent;
  text-decoration: none !important;
}
div.post div.title h2 a:hover {
  text-decoration: underline !important;
}
div.post div.comments {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  width: 135px;
}
div.post div.entry ul {
  list-style-type: disc !important;
}
div.actions {
  text-align: center;
}
div.actions a {
  margin-right: 2px;
}
.commentlist li {
  margin-bottom: 30px;
}

.clear {
  clear: both;
}
.center {
  text-align: center;
}
.right {
  float: right;
  text-align: right;
}
.left {
  float: left;
  text-align: left;
}
.previousNext {
  height: 30px;
  padding: 10px 0;
}

/* WOTW Senses */

.sense1, .sense2, .sense3, .sense4, .sense5 {
  height: 100px;
  margin: 15px 0 20px 0;
  padding-left: 120px;
}
.sense1 {
  background: url('images/sense1.jpg') no-repeat top left;
}
.sense2 {
  background: url('images/sense2.jpg') no-repeat top left;
}
.sense3 {
  background: url('images/sense3.jpg') no-repeat top left;
}
.sense4 {
  background: url('images/sense4.jpg') no-repeat top left;
}
.sense5 {
  background: url('images/sense5.jpg') no-repeat top left;
}

div.tags {
}