@charset "utf-8";
/* CSS Document */


body {
    margin: 5px auto 20px auto;
    padding: 0;
    background-color: #141414;
    font-family:Arial, Helvetica, sans-serif;    
    color: #DDDDBB;
    }


#containeroutline {
    width: 770px;    
    height:auto;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 7px;
    border: 6px solid #0f0f0f; 
  background-color: #1a2b12;
}

  
#container {
    width: 760px;    
    height: auto;
    margin-right:auto;
    margin-left:auto;
  padding:0;
  background-color: #34000a;
  border: 4px double #a99c87;
    font-size: 12px;
} 
/* 8E0700 8E001C  */
/* ********** END TOP **************** */

#logo {
    width:270px;
  float:left;
    height:230px;
    margin: 0;
    padding-right:200px;
  border:0px solid #333333;
}

#note {
    width:150px;
    height:230px;
  float:right;
    clear:right;
    margin-right:0px;
    margin-bottom:0px;
  border:0px solid #333333;
    }

#ur {
    width:150px;
    height:230px;
  float:right;
    clear:right;
    margin-right:0px;
    margin-bottom:0px;
  border:0px solid #333333;
     vertical-align:bottom;
}

.rwpicks  {
  border:0px solid #333333;
    width:109px;
    height:110px;
  margin-top:120px;
    margin-right:30px; 
    margin-left:auto;
    margin-bottom:0px;
    font-size:9pt;    
    line-height:130%;
}

.galley  {
    height:106px;
  margin-top:124px;
    margin-right:30px; 
    margin-bottom:0px;
}

#ur a:link, #ur a:visited, #ur a:hover {
    font-weight: bold; 
    text-decoration: none; 
    color: #ffffcc;
    }

#ur a:hover {
    font-weight: bold; 
    text-decoration: none; 
    color: #DDDDBB;
}
    
#ur img {
float:right;
border: 1px solid #607614;
}



/* ********** END TOP **************** */


/**************** MIDDLE **************/

#middle {
/*    background-color: #ffffff;  */
width:760px;
}

#leftcol {
  width:170px;
  float:left;
  clear:left;
  margin:0; 
/*  border: 1px solid #fff; */
        border-right: 2px solid #2e0009;
  background-color: #34000a; 
  padding:0;
}

/* *******  MENU ********  */

#menu {
     width:170px; 
    height:auto;
    margin:10px 0 20px 0;
  padding:0;
  border-top:1px solid #36000e;
    background: transparent;
    font-size:10pt;
    text-decoration:none;  font-variant:small-caps; 
}
    
#menu ul {
  width:170px; 
  margin: 0;
  padding: 0;
    border-top: 1px solid #2b000c;
  border-right: 0px solid #0d0002;
  border-bottom: 0px solid #0d0002;
  border-left: 0px solid #333;
    background: transparent;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold; 
  line-height:175%; letter-spacing:1px;
}

#menu li { 
    margin: 0; 
}

#menu a:link, #menu a:visited {
  display: block;
  width: 141px;
    margin:0;
  padding: 2px 0px 2px 25px;
  border-top: 1px solid #36000e;
  border-right: 0px solid #34000a;
  border-bottom: 1px solid #1e0008;
  border-left: 1px solid #34000a;
  background: transparent;
  color: #ffffcc; 
  text-decoration: none; 
}

#menu a:hover {
  display: block;
  width: 141px;
    margin:0;
  padding: 2px 0px 2px 25px;
  border-top: 1px solid #0d0002;
  border-right: 1px solid #1A1A1A;
  border-bottom:1px solid #333;
  border-left:  1px solid #0d0002;
  background-color: #141414;
  background-image: url(../images/grapesd.gif);
  background-position: 7px 2px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-decoration: none;
}


#current a:link, #current a:visited, #current a:hover  {
  display: block;
  width: 143px;
    margin:0;
  padding: 2px 0px 2px 25px;
  border-top: 0px solid #30000d;
  border-right: 0px solid #34000a;
  border-bottom: 1px solid #24000a;
  border-left: 1px solid #1e0008;
    background: transparent url(../images/grapesg.gif) no-repeat 7px 2px;
  color: #ffffcc; 
  text-decoration: none; 
}

/*   Sub Menu*/

#submenu a:link, #submenu a:visited {
  display: block;
  width: 121px;
    margin:0;
  padding: 2px 0px 2px 45px;
  border-top: 1px solid #30000d;
  border-right: 0px solid #34000a;
  border-bottom: 1px solid #24000a;
  border-left: 1px solid #34000a;
  background: transparent;
  color: #ffffcc; 
  text-decoration: none; 
}

#submenu a:hover {
  display: block;
  width: 121px;
    margin:0;
  padding: 2px 0px 2px 45px;
  border-top: 1px solid #0d0002;
  border-right: 1px solid #1A1A1A;
  border-bottom:1px solid #333;
  border-left:  1px solid #0d0002;
  background-color: #141414;
  background-image: url(../images/grapesd.gif);
  background-position: 27px 2px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-decoration: none;
}


#subcurrent a:link, #subcurrent a:visited, #subcurrent a:hover  {
  display: block;
  width: 123px;
    margin:0;
  padding: 2px 0px 2px 45px;
  border-top: 1px solid #2b000c;
  border-right: 0px solid #2e0009;
  border-bottom: 1px solid #2b000c;
  border-left: 1px solid #34000a;
    background: transparent url(../images/grapesg.gif) no-repeat 27px 2px;
  color: #ffffcc; 
  text-decoration: none; 
}
/*   END submenu */
    
    /* END  MENU STUFF */
    
#wtcm {
  border-top: 0px solid #1e0008;
  border-right: 0px solid #30000d;
  border-bottom: 0px solid #1e0008;
  border-left: 0px solid #1e0008;
    width:151px;
    height:auto;
    margin-right:auto;
    margin-left:17px;
    margin-top:10px;
    margin-bottom:20px;
}

#soclinks {
  border-top: 0px solid #1e0008;
  border-right: 2px solid #1e0008;
  border-bottom: 2px solid #1e0008;
  border-left: 0px solid #1e0008;
    width:151px;
    height:auto;
    margin-right:auto;
    margin-left:17px;
    margin-top:10px;
    margin-bottom:20px;

}
    
#content {
border-top: 7px solid #280008;
border-right: 2px solid #280008; 
 border-bottom: 8px solid #280c12;
border-left:7px solid #280008; 
/*  border: 1px solid #fff; */
    float:right;
    clear:right;
    padding: 10px 20px 30px 30px;
    width:529px;
    line-height: 150%;
    margin:0px;
    margin-right:0px;    
font-size:100%;    
color: #e3e3c0;
background: #464646 url(../images/maingrad.gif) repeat-x top;
}
            
/*  DDDDBB */
            
#quotation {
    clear:both;
    width:540px;        
    margin-right:auto;
    margin-left:auto;
    padding:10px 20px 20px 10px;
  border:0px solid #333333;
font-size:12pt;
     font-weight:100; 
    font-style: italic;
    font-family:Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
    color: #c7d2a3;
    }
    
/* great taupe to use  afa676  */
    
#logostrip {
    width:659px;
    height:130px;
    margin:0px auto 0px auto;
    padding:0px;    
    background: #252525;
    border:1px solid #688015;
    font-size: 12pt;
        }
        


    
#footer {
    width:661px;    
    margin-top:0px;
    margin-right:auto;
    margin-left:auto;
    border:1px solid #000000;
  background-color:black;
  font-size: 8pt;
    text-align:center;
}


#contactform {

}

a:link { 
    font-weight: bold; 
    text-decoration: none; 
    color: #f5e69e;
}
/* 
1a2b12  was e9cb2f EFD867
            then e8d362 a little too faded 
            ecd75e better 
            cccc99 great - maybe all text
            DDDDBB
            */

a:visited { 
    font-weight: bold; 
    text-decoration: none; 
    color: #e6dba8;
    }/* 
    cfd685  ffffcc
    EFDA71 B7B085 1a2b12  was 9C781C 
    then  afa676*/
    
a:hover, a:active { 
    text-decoration: underline; 
    font-weight: bold;
    color: #fff;
    }
    /*  was FCF8E4  F9F2CD
    fbf197
    356f1a  */
    
/*  a.content:link {
    font-weight: bold; 
    font-style: italic;
    text-decoration: none; 
    color: #e9cb2f;
    }
    
a.content:visited { 
    font-weight: bold;
    font-style: italic; 
    text-decoration: none; 
    color: #688015;
    }
    
a.content:hover, a.content:active { 
    text-decoration: none;
    font-style: italic;
    color: #fbf197; */
    
    
.first {
font-size: 100%; 
    font-weight:bold; 
    text-decoration:none;
    color:#FCF8E4;
    }
     /* was E5E5CC
     c0c0c0 
     E5E5CC */
     
h1 { 
    font-size: 170%;
     font-variant:small-caps;
    font-weight: bolder; 
  color: #f5e9b0;
    padding-top: 10px;    
    margin-bottom:25px; 
    }
    
    /* fff8cd f5e9b0    color:F5E69E #34000a; F5E69E efdf91 was  
    then  e9cb2f
    ffffcc was best longest
    ffecbe good 
    */
    
h2 { 
    font-size: 125%; 
    color: #f5e9b0; 
    }
    
/*      
h2 { efdf91
    font-size: 120%; 
    color: #FFFFA8; 
    font-weight: lighter 
} */

h3 { 
    font-size: 100%; 
    color: #FFFFA8; 
    font-weight: 900;
     font-style: italic; 

     text-indent: 5px; 
}/*   h2-4 were ffcc33 */

h4 { 
    font-size: 120%; 
    color: #FFFFA8; 
    font-weight: 100; 
    font-size: 105%; 
    font-style: italic;
    text-align: center;
}

h1#wine  { 
    font-size: 160%; 
  color: #f5e9b0;
  font-variant:small-caps; 
    font-weight: bolder;
    padding-top: 10px;
  margin-bottom:5px;
    }
    
.pronounce {
 font-style: italic;

 }
 
#origin {
    font-size: 120%; 
/*   font-style: italic; */
 font-weight:600;
 }
 
#week {
text-align: right;
    font-size: 115%; 
    color: #f5e9b0;
      font-weight:600; 
         } 

#pastmonths {
margin-top:-40px;
border:0px solid #fff;
float:right; clear:right;
text-align: right;
    color: #f5e9b0;
/*      line-height:75%; */
} 
#pastmonths h2 {
margin-bottom:5px;
}
         
.wherewhat {
  font-size: 100%; 
    font-weight:bold; 
    text-decoration:none;
    color:#FCF8E4;
    }
 
img {  
    border:none;
}

.sponsors {  
       text-align:center;
        }
        
.sponsors img {
border:1px solid #688015;
         }


hr {
    height:2px;
    width: 75%;
        text-align: center;
        color: #e6dba8;
        border: 1px solid #e6dba8;
        background-color:#e6dba8;
    margin: 5px auto;
}
     /*ffffcc cccccc FFFFA8 */
     /*   afa676  */
     
hr.wines {
    height:2px;
    width: 250px%;
/*          text-align: left;
        float:left;
        clear:both; */
        color: #34000a;
        border: 1px solid #34000a;
        background-color:#34000a;
    margin: 5px auto;
}

.grapeline { 
background: transparent url(../images/rule.gif) no-repeat center bottom;
margin: 0 auto;
height: 45px;
border:none;
}

.photos {
width:auto;
 float:right;
 margin: 0px 0px 5px 10px;
 
 }
 
 .labels  {
 width:auto;
 float:right;
 margin: 30px 0px 5px 10px;
 }

.estprice {
 font-style: italic;
  text-align:right;
 } 
 


 .italic {
 font-style: italic;
 } 


.right {
  float:right;
  margin-left:10px;    
    width:200px;
}

.media {
margin-left:20px;
}
