/*The widths in this are based on the inuit design by bizzartic.*/

body,
html {
    margin:0;
    padding:0;
    background: #ffffff; /*#a7a09a;*/
    color:#000; /*    this means all text will be black unless otherwise specified. */
    }
body {
    min-width:935px;   /*    based on inuit of bizzartic. */
    padding:0 10px;
    }
    
body, table {
font-family: Georgia, Times, serif; 
font-size:13px; 
line-height: 20px;
background-color:#FFFFFF; 
color:#99999;
 margin-right: 10px; 
 margin-left:10px;

/* padding:16px 5px 0px 5px;
*/
}

#wrap {
    background:#ffffff;
    margin:0 auto;
    width:935px;  /*    based on inuit of bizzartic. */
    }
   

 #header {
    background:#ffffff;  
    }
    
    #headerlogo {
margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 20px;
	}
    	
#headeradzone {
	float: right;
	
	}
#nav {
    background:#A40B0B; 
    padding:1px;   /* Add PADDING and  MARGIN  to make less cramped. */
    margin-bottom: 20px;
    margin-left: 0px;
    border-top: 2px solid #000000;

    }


#main {
    background:#ffffff;  
    float:left;  /* To make the two columns display side by side we FLOAT them. This one to the left and the other to the right.*/
    width:621px; /*    based on inuit of bizzartic. */
/*border-right:2px solid #cccccc;*/
}


    
#sidebar {
  background:#ffffff;  /*      with colored backgrounds*/
    float:right;  /* To make the two columns display side by side we FLOAT them. This one to the right.*/
    width:310px;  /*    based on inuit of bizzartic. */ /*    We also specify the widths of the columns. it WAS 250 but now is 240. Because of a  float bug in IE/Win.  the footer is not always being pushed completely below MAIN. It is very noticeable in this demo because every major element has a different background colour and everything is really tight. If you have a bit of space between the main content and the sidebar this bug doesn’t occur. Making the sidebar narrower is one way of avoiding it. To compensate for the narrower sidebar we remove the left padding from the elements that are contained within it.  */
border-left:2px solid #cccccc;
}

#searchbox {
     background:#A40B0B; 
    width:580px;
    font-size: 8px; 
    margin-top: 30px;
    margin-left:0px;
padding: 10px;

}

 
#footer {
border-top: 10px solid #ffffff;
    background:#999999;    /*      with colored backgrounds*/
    clear:both;   /* The footer doesn’t get pushed down to the bottom of the content because of the way FLOAT work  (When you FLOAT an element, it is removed from the document flow and doesn’t push elements that follow it down. Unless we put <clear:both; FOOTER will start right below SIDEBAR.  The "clear"  CSS property  tells the footer that it can’t have any elements next to it. */
    }
    

/*
    -------------------------------------------
    ---------------- TEXT ELEMENTS ----------
    ------------------------------------------
    
*/



p a  {
color: #000000;
   text-decoration: none;
   border-bottom: 1px dotted #006633;
   }


p a:hover {
    background: #cccccc; 
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0px 1px 0px 1px;
} 

li  {
margin-left:20px;
}


li a  {
color: #000000;
   text-decoration: none;
   border-bottom: 1px dotted #006633;
   }


li a:hover {
    background: #cccccc; 
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0px 1px 0px 1px;
} 



img {
border-left: 10px solid #ffffff;
border-right: 10px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-top:0px;
}

img a, img a:hover {
   background: #ffffff; 
   text-decoration: none;
}

#insidebar a:hover {
background: none;
}

#sidebar a:hover {
background: none;
}

 
     /*    TEXT IN HEADER  */
#header h3 {
 font-family: tahoma, arial, helvetica, sans-serif;
font-size:24px; 
  color: #ffffff;
  font-weight: bold;
    padding:5px;    /* Add PADDING and  MARGIN  to make less cramped. */
    margin:0;
    color:#ffffff;
    }
    

 /*    TEXT IN NAV IS A LIST only  */
#nav ul{
    margin:0;
    padding:0;
    list-style:none;  /*  #NAV contains a regular unordered list of links. Since we don’t want it to look like an unordered list we restyle it with list-style:none  */
  color: #A40B0B;
  margin-left:302px;
  text-align: left;
    }
#nav li{
/*font-family:Tahoma;*/ 
 font-family: arial, helvetica, sans-serif;
font-size:11px; 
  color: #A40B0B;
  font-weight: bold;
    display:inline; /* This makes the navigation bar horizontal .*/
    margin-right:20px;
    padding:0;
    }
    
    #nav li a {
   background-color: #A40B0B;
font-size:13px; 
 font-family: tahoma, arial, helvetica, sans-serif;
 color: #ffffff;
  font-weight: bold;
    display:inline; /* This makes the navigation bar horizontal .*/
    margin-left: 0px;
    padding:0;
    text-decoration: none;
/*    border-bottom:1px solid #cccccc;*/
    }

 /*    TEXT IN columnistsfeed IS A LIST only  */
#columnistsfeed ul, #columnistsfeed ul a {
    margin:0;
    padding:0;
    list-style:none;  /*  #columnistsfeed contains a regular unordered list of links. Since we don’t want it to look like an unordered list we restyle it with list-style:none  */
     font-family: arial, helvetica, sans-serif;
font-size:12px; 
  background-color: #ffffff;
  color: #A40B0B;
  margin-left:0px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  
    border-bottom:1px solid #cccccc;
    }
#columnistsfeed ul a:hover {
 /*
   margin:0;
    padding:0;
    list-style:none;  /*  #columnistsfeed contains a regular unordered list of links. Since we don’t want it to look like an unordered list we restyle it with list-style:none  */
     font-family: tahoma, arial, helvetica, sans-serif;
font-size:12px; 
  background-color: #ffffff;
  color: #A40B0B;
  margin-left:0px;
  text-align: left;
  text-transform: uppercase;
  
    border-bottom:1px solid #cccccc;
   
    background: #cccccc; 
-moz-border-radius: 2px;
border-radius: 2px;

    }
    
#columnistsfeed li{
 background-color: #ffffff;
 font-family: tahoma, arial, helvetica, sans-serif;
font-size:12px; 
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
    display:inline; /* This makes the columnistsfeedigation bar horizontal .*/
    margin-right:14px;
    padding:0;
    }
    
    #columnistsfeed li a {
   background-color: #ffffff;
font-size:12px; 
 font-family: tahoma, arial, helvetica, sans-serif;
  color: #666666;
  font-weight: normal;
    margin-left: 0px;
    padding:0px;
    text-transform: none;
    text-decoration: none;
    }

#columnistsfeed li a:hover {
background: #cccccc; 
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0px 1px 0px 1px;
    text-transform: none;
    text-decoration: none;
} 

form {
line-height: 11px;
}

     /*    TEXT IN sections HEADER, Main, and Sidebar */
     
     #header h2, #main h2, #sidebar h2,  table h2 {
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 24px;
 font-weight: normal;
line-height: 28px;
background-color:#FFFFFF; 
color:#000000;
/*padding:0 5px;*/
text-decoration: none;
}


#header h2 a,  #main h2 a, #sidebar h2 a, #table h2 a {
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 24px;
 font-weight: normal;
line-height: 28px;
background-color:#FFFFFF; 
color:#000000;
/*padding:0 5px;*/
text-decoration: none;
border: none;
}

#header h2 a:hover,  #main h2 a:hover, #table h2 a:hover, #sidebar h2 a:hover {
/*
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 24px;
 font-weight: normal;
line-height: 28px;
background-color:#FFFFFF; 
*/
color:#006633;
/*padding:0 5px;*/
text-decoration: none;
}
    
#header h3, #main h3, #sidebar h3,  table h3 {
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 20px;
 font-weight: normal;
line-height: 24px;
background-color:#FFFFFF; 
color:#000000;
padding:0px;
text-decoration: none;
}


#header h3 a,  #main h3 a, #sidebar h3 a, #table h3 a {
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 20px;
 font-weight: normal;
line-height: 24px;
background-color:#FFFFFF; 
color:#000000;
padding:0px;
text-decoration: none;
border: none;
}

#header h3 a:hover,  #main h3 a:hover, #table h3 a:hover, #sidebar h3 a:hover {
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 20px;
 font-weight: normal;
line-height: 24px;
background-color:#FFFFFF; 
color:#006633;
padding:0px;
text-decoration: none;
}


#header p, /*#main p */{
    padding:0 10px;   /* Add PADDING and  MARGIN  to make less cramped. */
    }

#header .kicker  {
font-family: arial, helvetica, sans-serif;
font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
/*  margin-bottom: -15px;*/
}

#main .kicker,  #table .kicker, #sidebar .kicker  {
font-family: arial, helvetica, sans-serif;
font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: -15px;
}



 .top  {
 margin-top:-10px;
 }
 

 
.left {
float: left;
}

.leftnotop {
float: left;
border-top:20px solid #ffffff; 
}
.leftnoborder {
float: left;
border-top:20px solid #ffffff; 
border-left:0px;
margin-left:-10px;
}

.right {
float: right;
}

.rightnotop {
float: right;
border-top:20px solid #ffffff; 
}

.frontlefttablead, .frontlefttablead a, .frontlefttablead a:hover {
margin-left: -2px;
text-decoration:none;
border: none;
}

#tastingnotes  {
background:#eeeeee;
	font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans, 'sans serif';
	font-size: 11px;
	color: #000000;
	line-height: 15px;
	margin: 5px 10px 0px 0px;
	padding: 5px;
	}

#tastingnotes td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 5px 5px 5px 10px;
	color: #4f6b72;
}

 
/*

.tasting notes td {
margin-left:10px;
text-align: right;
}
*/

 #header .dateline, #main .dateline, #sidebar .dateline {
	font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans, 'sans serif';
	font-size: 11px;
	color: #727272;
	line-height: 15px;
	margin: 5px 10px 0px 0px;
	}
	
 #header .byline,  #main .byline, #sidebar .byline {
	font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans, 'sans serif';
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 15px;
	margin: 2px 10px 0px 0px;
	}

#main .col2hed {
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 24px;
 font-weight: normal;
line-height: 24px;
background-color:#FFFFFF; 
color:#000000;
padding:0 5px;
text-decoration: none;
border: none;
}
#subscribelink {
	margin-top: 20px;
	margin-right: 0px;
	float: right;
	}

 #subscribelink ul {
font-family:Tahoma, arial, helvetica, sans-serif;
font-size:12px; 
  color : #A40B0B;
  font-weight: bold;

      list-style: none;
      text-align: right;
      line-height: 28px;   
}

 #subscribelink ul a{
font-family:Tahoma, arial, helvetica, sans-serif;
font-size:12px; 
  color : #006633;

  font-weight: bold;
   text-decoration: none;
   border-bottom: 2px dotted #cccccc;
    padding:0;
}


 #header p,  #main p, #table p, #sidebar p  /*These from inuit*/
    {
font-family: Georgia, Times, serif; 
font-size:13px; 
line-height: 20px;
background-color:#FFFFFF; 
color:#99999;
margin-right: 10px; /*

padding:16px 5px 0px 5px;
*/
}
 /*    TEXT IN SIDEBAR */
 
 #sidebar h3 {
 font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 18px;
 font-weight: normal;
 line-height: 22px;
background-color:#FFFFFF; 
color:#000000;
margin-left:0px; 
padding:16px 5px 0px 5px;
    padding:0 10px;    /* Add PADDING and  MARGIN  to make less cramped. */
    }
 

 #sidebar p /*These from inuit*/
    {
margin-left:5px; 
padding:5px;/*This appears to do nothing*/
}



#sidebar img {
border-top: 0px solid #ffffff;
border-left: 10px solid #ffffff;
border-bottom: 10px solid #ffffff;
}

#sidebar img a, #sidebar img a:hover {
   background: #ffffff; 
   text-decoration: none;
}

 #sidebar ul  {
 margin-right: 30px;
 }
 
  /*
#sidebar li {
font-family:Tahoma, arial, helvetica, sans-serif;
font-size:13px; 
line-height: 28px;
background-color:#FFFFFF; 
color: #999999;
font-weight: bold;
list-style: none;
text-align: center;
   text-decoration: none;
    padding:0;
 border-bottom: 2px dotted #cccccc;
    }
    
    
    #sidebar li a {
    color: #999999;
     border-bottom: 0px;
    }
    
    
      #sidebar li a:hover {
    color: #A40B0B;
    }
    
*/

 
 
#sidebar li {
font-family:Tahoma, arial, helvetica, sans-serif;
font-size:12px; 
line-height: 26px;
background-color:#FFFFFF; 
color: #000000;
font-weight: normal;
list-style: none;
text-transform: uppercase;
text-align: center;
   text-decoration: none;
    padding:0px;
    border-bottom: 2px solid #ffffff;
    }
    
    
#sidebar li a {
font-family:Tahoma, arial, helvetica, sans-serif;
font-size:12px; 
line-height: 26px;
background-color:#FFFFFF; 
color: #000000;
font-weight: normal;
text-transform: uppercase;
list-style: none;
text-align: center;
   text-decoration: none;
    padding:0;
 border-bottom: 2px dotted #cccccc;
    }
    
 #sidebar li a:hover {
background: #cccccc; 
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0px 1px 0px 1px;
    text-transform: uppercase;
    text-decoration: none;
} 

/*    TEXT IN FOOTER*/
#footer p { 
 font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px; 
  color : #ffffff;
  font-weight: bold;
 text-align: center; 
    padding:10px;
    text-decoration: none;
    }
    
   
#frontpgbottomad, frontpgbottomad img, frontpgbottomad img a, frontpgbottomad img a:hover {
background:#bcdeff;
text-decoration:none;
border:6px solid #000000;


}

#winesearcherwidget {
margin-left: 10px;
margin-bottom: 10px;
}


/*

#sidebar h3, #sidebar p {
    padding:0 10px 0 0;   /* Add PADDING and  MARGIN  to make less cramped. 
*/
#searchres {width:615px;
margin-left:10px;
}

#searchres td { font-family:Verdana,Arial; }
#searchres table.search_results { background-color:#ffffff; width:600px; border:1px solid #cccccc;}
#searchres .search_highlight {background-color:#ffff00; color:#330000;}
#searchres .search_result_header_bar {background-color:#cccccc; color:black; font-size:10px;}
#searchres .search_result_bar {background-color:navy; color:white; font-size:12px;}
#searchres .search_result_title { font-size:11px; color:White; weight:600;}
#searchres .search_result_descript {font-size:10px; color:black;}
#searchres .search_result_lastmod {font-size:9px; color:#cccccc; font-weight:100; margin-right:20px;}
#searchres .page_number {padding:2px; color:#ff9999; border:1px solid #999999; width:20px;}
#searchres .page_number_current {padding:2px; color:white; font-size:10px; background-color:#999999; width:20px;}
#searchres td.padding {width:42px; border:1px dotted #cccccc;}

#searchres .no_worky {font-size:10px; color:#999999;}

#searchres a.page_number_link {color:#990000; text-decoration:none; font-size:9px; font-weight:500;}

#searchres a.search_result_link {color:white; weight:600; font-size:11px;}
#searchres a.search_result_link:visited {color:#CCCCCC; weight:600; font-size:11px;}
#searchres a.search_result_link:hover {color:#000000; weight:600; background-color:Yellow; font-size:11px;}

#searchres a.nextlastpage {color:#990000; text-decoration:none; font-size:11px; font-weight:600;}
#searchres a.nextlastpage:hover {background-color:Black; color:white;}


.tastenote {
background: #ffffff;
}

.frontlefttablead, .frontlefttablead a, .frontlefttablead a:hover {
margin-left: -2px;
text-decoration:none;
border: none;
}