/*
Main Stylesheet
Lopez Island Vineyards
Author: Adrienne Rice Adams
Company: Cloud Islands
URL: http://cloudislands.com 
Created: July 2, 2008
Last Modified: March 15, 2010
*/
/*COLORS
Dark green: #53682B
Medium green: #BCE566
Light green: #D7EB9C
Redwine: #5E172D
Med redwine: #A8475A
Blush: #E3BAA4
Gold: #F3CF45
Medium gold: #F8DD7E
Lt. gold: #FCF2AA
Dk. blue: #263F6A
Medium blue: #7090B7
Dk gray: 2F2F2F
White: #FFFDFC
*/
@import "reset.css";
/*---------------------
TOC
1. Typography
2. Main layout
3. Special layouts
4. Wine index pages
5. Varietals pages
6. Navigation
7. Hidden text
8. Presentational elements
9. Links
10. Lists
11. Images
12. Tables
13. Misc
14. Microformats
------------------------*/
body {
color: #FFFDFC;
background: url(../images/vineyard_outline-5.png) repeat-y;
background-color: #53682B;
font-family: "HelveticaNeue-Light", Arial, Geneva, sans-serif;
font-size: small;
line-height: 1.6em;
text-align: center;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
/*-----1. Typography----*/
p,pre {
margin: 12px 0;
font-size: 1em;
}
code {
font-family: "Andale Mono", "Courier New", monospace;
font-size: .95em;
}
h1,h2,h3,h4 {
font-family: Georgia, Times,  serif;
margin-top: 15px;
}
h2 {
color: #5E172D;
font-size: 1.6em;
line-height: 1.6em;
margin-bottom: 12px;
}
h2.pagetitle {
color: #5E172D;
font-size: 1.5em;
font-variant: small-caps;
letter-spacing: .3em;
margin-top: 0;
}
h2.first {
margin-top: 0;
}
h3 {
color: #5E172D;
font-size: 1.3em;
margin-bottom: 10px;
}
h4 {
color: #53682B;
font-size: 1.1em;
}
p.caption {
margin-top: 0;
font-family: Georgia, Times, serif;
font-size: .95em;
font-style: italic;
}
p.first {
font-family: Georgia, Times, serif;
}
p.important {
color: #5E172D;
font-weight: bold;
}
p.intro {
font-size: 1.1em;
font-style: italic;
font-family: Georgia, Times, serif;
line-height: 1.6em;
}
span.first {
color: #53682B;
font-weight: bold;
font-style: italic;
margin-right: 5px;
}
span.more {
display: block;
color: #53682B;
font-weight: bold;
font-style: italic;
text-decoration: none;
text-align: right;
}
span.new {
color: #5E172D;
font-weight: normal;
font-style: italic;
}
span.noted {
color: #FCF2AA;
font-weight: bold;
}
span.soon {
font-size: 1em;
font-weight: normal;
font-style: italic;
}
span.source {
display: block;
text-align: right;
font-style: italic;
}
blockquote {
font-family: Georgia, Times, serif;
padding: 0 15px;
margin: 15px 0;
border: 1px solid #d7eb9c;
}
cite {
display: block;
margin: 5px 0 0 25px;
font-style: italic;
font-weight: bold;
}
/*---2. Main Layout---*/
#wrapper1 {
position: relative;
background: url(../images/vineyard_effect-3.jpg) repeat-x;
border-top: 8px solid #41111e;
}
#wrapper2 {
position: relative;
top: 0px;
color: #2f2f2f;
margin: 0 auto;
width: 960px;
text-align: left;
}
#header {
position: relative;
color: #FFFBF9;
height: 165px;
z-index: 1;
}
#toplinks {
position: relative;
top: 15px;
left: -280px;
text-align: right;
z-index: 10;
}
#header_logo {
position: relative;
background: url(../images/LIV_logo_lt-4.png) no-repeat;
width: 500px;
height: 60px;
top: 35px;
left: -5px;
z-index: 50;
}
img.color {
border: 3px solid #41111e;
padding: 0;
position: absolute;
top: -14px;
left: 690px;
z-index: 2;
}
#content {
float: left;
color: #2f2f2f;
background: url(../images/boxbg-1.png) repeat-y;
width: 960px;
z-index: 30;
}
#content_main {
position: relative;
float: left;
width: 580px;
padding: 35px 25px 15px 35px;
border-right: 1px solid #D7EB9C;
z-index: 31;
}
#content_sidebar {
position: relative;
float: right;
width: 260px;
padding: 35px 35px 15px 20px;
z-index: 32;
}
#footer {
clear: both;
float: left;
color: #FFFBF9;
background: transparent;
width: 960px;
padding: 15px 0;
}
#colophon {
position: relative;
float: left;
padding-left: 25px;
}
#signup {
position: relative;
float: right;
padding-right: 25px;
}
#signup h3 {
display: inline;
padding-right: 8px;
color: #fbfbfb;
}
/*---3. Special Layouts ---*/
#grounds_gallery {
float: left;
padding: 0 0 0 15px;
}
#grounds_gallery img {
float: left;
margin-right: 20px;
}
.review {
font-family: Georgia, Times,  serif;
border-bottom: 1px solid #D7EB9C;
}
.social {
display: block;
clear: both;
overflow: hidden;
}
.social a img {
float: left;
display: inline;
padding: 0 8px 8px 0;
}
.social p {
font-family: Georgia, Times,  serif;
color: #5E172D;
font-size: 1.3em;
margin: 5px 8px 0 10px;
}
.social span.smaller {
font-size: 12px;
font-style: italic;
}
/*---4. Wine index pages---*/
#content_wines {
position: relative;
float: left;
font-family: Georgia, Times, serif;
z-index: 33;
}
#wineheader {
position: relative;
float: left;
color: #FFFBF9;
background-color: #5E172D;
width: 950px;
margin-left: 2px;
border-bottom: 3px solid #F3CF45;
}
#winepic {
float: left;
border: none;
margin: 0;
padding: 0;
}
#winepic img {
border: none;
margin: 0 auto;
padding: 0;
}
#wineheader h2 {
color: #FFFDFC;
font-size: 1.5em;
font-variant: small-caps;
letter-spacing: .3em;
margin-top: 0;
}
#wineheader #intro {
float: left;
color: #FFFBF9;
background-color: #5E172D;
line-height: 1.8em;
margin: 0;
padding: 15px 40px 0 40px;
}
#wineheader #intro a {
color: #FCF2AA;
}
#wine_features, #wines_home {
float: left;
width: 950px;
background: url(../images/fade-1.png) bottom;
margin-left: 2px;
}
#wine_features .wine {
float: left;
width: 255px;
padding: 10px 30px 0 30px;
border-right: 1px solid #f1dcd1;
}
#wine_features h3 {
font-size: 1.4em;
font-style: italic;
padding: 15px 0 30px 0;
}
#wine_features h3 a {
background: url(../images/swash-1.png) no-repeat bottom left;
padding: 15px 0 30px 0;
text-decoration: none;
}
#wines_home .wine {
float: left;
width: 255px;
padding: 10px 30px 0 30px;
border-right: 1px solid #f1dcd1;
}
#wines_home h3 {
font-family: Georgia, Times, serif;
font-size: 1.2em;
padding: 15px 0 5px 0;
border-bottom: 1px dotted #E3BAA4;
}
#wines_home h3 a {
color: #5E172D;
text-decoration: none;
}
#wines_home h3 a:hover {
color: #A8475A;
text-decoration: none;
}
#wines_home .wine ul {
font-family: Georgia, Times,  serif;
font-weight: bold;
}
#wines_home .wine ul li a {
text-decoration: none;
}
#wines_home .wine ul li a:hover {
text-decoration: none;
border-bottom: 1px dotted #E3BAA4;
}
/*---5. Varietals pages---*/
#content_varietals {
position: relative;
float: left;
width: 960px;
color: #2f2f2f;
background: url(../images/boxbg-1.png) repeat-y;
padding: 30px 0 15px 0;
}
#content_varietals img {
border: none;
}
#var_details {
position: relative;
float: left;
width: 445px;
padding: 0 20px 0 0;
border-right: 1px solid #ccc;
}
#var_photo {
float: right;
position: relative;
top: 10px;
left: -20px;
z-index: 10;
}
#var_details #var_specs {
position: absolute;
top: 0;
left: 300px;
float: right;
width: 110px;
padding-right: 3px;
z-index: 20;
}
#var_specs dl {
margin-top: 55px;
text-align: right;
}
#var_specs dt {
color: #53682B;
font-weight: bold;
font-variant: small-caps;
letter-spacing: .1em;
}
#var_specs dd {
margin-bottom: 15px;
}
div.buynow {
float: right;
display: block;
text-align: right;
}
#var_text {
float: left;
width: 420px;
padding: 15px 30px 0 20px;
}
/*---6. Navigation---*/
ul#nav_main {
position: relative;
left: 2px;
top: -7px;
margin-top: 30px;
font-weight: bold;
z-index: 30;
}
ul#nav_main li {
display: inline;
margin: 0 4px 0 0;
}
ul#nav_main li a {
color: #FFFBF9;
background-color: #53682B;
padding: 10px;
text-decoration: none;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-khtml-border-top-left-radius: 5px;
-khtml-border-top-right-radius: 5px;
}
ul#nav_main li a:hover {
color: #fcf2aa;
padding: 13px 10px 10px 10px;
}
ul#nav_main li.current a {
color: #2F2F2F;
background-color: #D7EB9C;
}
ul#nav_main li.current a:hover {
color: #53682B;
padding: 13px 10px 10px 10px;
}
ul#nav_second {
position: relative;
left: 2px;
top: 0;
width: 920px;
background-color: #D7EB9C;
padding: 12px 15px;
font-weight: bold;
border-bottom: 4px solid #5e172d;
z-index: 35;
}
ul#nav_second li {
display: inline;
margin: 0 7px 0 0;
}
ul#nav_second li a {
color: #2F2F2F;
text-decoration: none;
}
ul#nav_second li a:hover {
color: #53682B;
border-bottom: 1px dotted #53682B;
}
ul#nav_second li.current {
color: #5E172D;
background: url(../images/arrow-1.png) no-repeat bottom center;
padding-bottom: 20px;
}
ul#nav_second li.current a {
color: #5E172D;
}
ul#nav_second li.current a:hover {
color: #5E172D;
border-bottom: 1px dotted #5E172D;
}
p.toplink {
text-align: right;
font-weight: bold;
margin: 0;
}
p.toplink a, p.toplink a:hover {
text-decoration: none;
}
/*---7. Hidden text---*/
#accessibility {
position: absolute;
top: -9999px;
font-size: 1px;
}
#header_logo, #header_logo-2, #header_color {
text-indent: -9000px;
}
/*---8. Presentational elements---*/
#boxbottom {
clear: both;
background: url(../images/boxbottom-1.png) no-repeat;
width: 960px;
height: 30px;
}
#boxbottom-2 {
clear: both;
background: url(../images/boxbottom-2.png) no-repeat;
width: 960px;
height: 30px;
}
/*---9. Links---*/
a:link {
color: #53682B;
}
a:visited {
color: #263F6A;
}
a:hover {
color: #5E172D;
}
a:active {
color: #5E172D;
}
#footer a, #toplinks a {
color: #F8DD7E;
font-weight: bold;
text-decoration: none;
}
#footer a:hover, #toplinks a:hover {
color: #FCF2AA;
border-bottom: 1px dotted #FCF2AA;
}
/*---10. Lists---*/
ul.marker {
list-style-type: disc;
margin: 0 0 15px 25px;
}
ul.logos li {
display: inline;
margin-right: 10px;
}
ul.normal li {
font-size: 95%;
}
ul.normal li a {
font-size: 95%;
}
ul.strong li {
font-size: 95%;
font-weight: bold;
}
ol.normal {
list-style-type: decimal;
margin: 0 0 15px 25px;
}
/*---11. Images---*/
a img {
border: none;
}
a.thickbox img {
background: #FFFBF9;
border: 1px solid #BCE566;
margin: 8px 0;
padding: 4px;
}
img {
background: #FFFBF9;
border: 1px solid #BCE566;
margin: 8px 0;
padding: 4px;
}
#content_sidebar img {
margin: 4px 0 0 0;
}
.image_right {
float: right;
padding: 5px;
margin: 5px 0 5px 10px;
}
.image_left {
float: left;
padding: 5px;
margin: 5px 10px 5px 0;
}
/*---12. Tables---*/
#ship_charge {
width: 550px;
border: 1px solid #D7EB9C;
border-collapse: collapse;
text-align: center;
margin: 15px 0;
}
#wine_chocolates {
width: 570px;
border: 1px solid #D7EB9C;
border-collapse: collapse;
text-align: left;
margin: 15px 0;
}
#wine_chocolates td {
border: 1px solid #D7EB9C;
padding: 2px 2px 2px 7px;
}
#wine_chocolates th {
border: 1px solid #D7EB9C;
padding: 3px 3px 3px 7px;
}
#ship_charge caption, #wine_chocolates caption {
display: none;
}
#ship_charge th {
border: 1px solid #D7EB9C;
padding: 3px;
}
#ship_charge td {
border: 1px solid #D7EB9C;
padding: 2px;
}
/*---13. Misc---*/
#map_popup {
color: #000;
background-color: #D7EB9C;
background-image: none;
}
#content_map {
width: 600px;
background-color: #FFFDFC;
border: 3px dotted #53682B;
margin: 25px auto;
padding: 25px 0;
text-align: center;
}
#content_map img {
background: none;
}
#map {
margin: 0 auto;
}
/*---14. Microformats---*/
.vcard {
}
.adr, .email, .locality, .tel {
display: block;
margin-bottom: 0;
}
.given-name, .family-name {
font-weight: bold;
}