/*
LINUS CREEK WINES
CSS
November 2009
*/


/* 
 Body element 
*/
#body {  
  padding : 0;
  background-color : #333333;
  font : 90%  ;
  font-size : small ;
  font-family : 'lucida sans', 'lucida sans unicode', 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif;
}

/* 
  This is the inner wrapper which contains the entire site 
*/
#wrapper {
  width : 758px;
  background : #660000; 
  border : 1px solid #660000;
  margin : 0 auto;
}


/*
  Global link styling except where specified otherwise 
*/
a {
  color : #660000;
  text-weight : bold;
}

a:hover, a:focus, a:active {
  color : #fff;
  background-color : #660000;
}

a:focus, a:active {
  color : #ffffff;
  text-weight : bold;
  
}


/*
  The masthead
*/
#header {
  width : 760px;
  height : 150px;
  background : #660000 url(images/banner.jpg) no-repeat; 
}


/*
  Layout the sidebar area and style its content
*/
#sidebar {
  float : left; 
  width : 276 px;
  background-color : #660000;
  margin : 25px 5px 0px 0px; 
}

/*
  Style the main navigation menu
*/
ul#navmenu { 
  margin : 0;
  padding : 0;
  list-style-type : none;
}

ul#navmenu li {
  margin-bottom : 5px;
}

ul#navmenu a { 
  display : block;
  width : 200 px;
  height : auto;
  background-color : #000000;
  padding : 5px 5px 3px 100px;
  font: 80%;
  text-align : right;
  text-decoration : none;
  color : #cccccc;
  cursor : pointer;
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active, 
ul#navmenu a.selected, ul#navmenu a.selected:hover, ul#navmenu a.selected:focus, ul#navmenu a.selected:active { 
  background-color : #666666;
  color : #ffffff;
}

ul#navmenu a.selected { 
  text-align : right;
  cursor : default;
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active { 
  background-color : #333333;
  color : #ffffff;
  text-align : right;
}


/*
  Layout the content area 
*/
#content {
 float : right;
   display : inline; 
   margin : 25px 29px 5px 0px; 
   width : 450px;
   min-height:400px;
   padding : 25px 25px 10px 25px; 
   background-color : #ffffff;
   font-size : small;
}


/*
  Content elements positioning tweaks and styling
*/
h1 {
  font-size : small;
  font-style : bold;
  color : #660000;
} 

h2 {
  font-size : small;
  font-style : bold;
  color : #660000;
} 


ul#listing {
  list-style-type : square;
  padding-left : 50px; 
  margin-left : -5px; 
  color : #660000;
  font-weight : bold;
}  

ul#listing p { 
  color : #000000;
  font-weight : normal;
}  


blockquote {
  margin-left : 20px; 
  padding : 10px 5px 10px 5px;
  border-style: solid;
  border-left : 0px  #660000; 
  border-right : 0px   #660000; 
  text-align : center;
  /*font-weight : bold;*/
  color : #660000;
}


/*
  Layout the footer
*/

#footer {
  display : block;
  width : 759px;
  padding : 30px 0px 0px 0px;
  clear : both; 
  background : #660000 url(images/footer.jpg) no-repeat;
  background-color : #660000;
  
}

#copyright {
  display : block; 
  padding : 20px 20px 20px 229px;
  text-align : left;
  color : #ffffff;
  font-size : 50%;
}