/*---------------------------------
	Bin 104 Site CSS 
	by One Grey Paw
	-----------------------
	June 2007
---------------------------------*/


/*---------------------------------
 	IMPORTS                        
---------------------------------*/

@import url('menus.css');
@import url('content.css');


/*---------------------------------
 	HTML SELECTORS
---------------------------------*/

body
	{
	font: 70% verdana,arial,sans-serif;
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	}

h1, h2, h3
	{
	font: bold 1.8em/1em tahoma,verdana,sans-serif;
	color: #600;	
	}

h1 { border-bottom: 2px solid #6F841D; margin: 0 0 0.9em 0; padding-bottom: 2px;}
h2 { color: #6F841D; font-size: 1.5em;}
h3 { font-size: 1.2em; color: #6F841D; }

a { color: #6F841D;}
a:hover { color: #900; text-decoration: none; }
a:active { color: #999; }

img { border: none; }
 
  
/*---------------------------------
 	LAYOUT Items                        
---------------------------------*/

#header, #mainMenu
	{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.2em;
	min-width: 780px;
	}

#header
	{
	overflow: hidden;
	height: 133px;
	background: #000 url('../images/header-wine-bottle.jpg') no-repeat 251px 0;
	text-align: right;
	color: #fff;
	font-family: tahoma,verdana,sans-serif;
	}
	
#topMenu
	{
	position: relative;
	right: 20px;
	float: right;
	margin: 15px 0 0 0;
	padding: 0 0 5px 0;
	width: 50%;
	}

#mainMenu
	{
	height: 32px;
	font-family: tahoma,verdana,sans-serif;
	background: url('../images/mainmenu-bg.gif') repeat-x 0 0;
	color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
	z-index: 100;
	}

#content, #footer
	{
	color: #333;
	background: url('../images/content-bg.gif') repeat-y 16px 0;
	line-height: 1.5em;
	font-size: 1.1em;
	text-align: left;
	overflow: hidden;
	margin: 0;
	padding-left: 275px; /* The width of the sideBar */
	}

* html #content
	{
	height: 1%; /* So IE plays nice */
	}

#contentBody
	{
	position: relative;
	z-index: 1;
	width: 100%;	
	margin-left: -275px;
	float: right;
	padding: 20px 0 15px 0;	
	}
	
#sideBar
	{
	position: relative;
	width: 275px;
	color: #fff;
	background: url('../images/sidebar-bg.gif') no-repeat 16px 0;
	z-index: 100;
	float: right;
	margin-left: -275px;
	left: -275px;	
	}

#footer 
	{ 
	clear: both;
	background: url('../images/footer-bg.gif') no-repeat 16px bottom; 
	min-height: 80px;
	}

#footerMenu
	{
	position: relative;
	padding: 1em 0 0 0;
	text-align: left;
	margin-right: 3em;
	border-top: 1px solid #600;
	}

/*---------------------------------
	Selectors & Content Items      
---------------------------------*/

#logo { float: left; }

#searchBox, #date
	{
	clear: right;
	position: relative;
	right: 20px;
	float: right;
	margin: 15px 0 0 0;
	font-family: tahoma,verdana,sans-serif;
	width: 50%;
	}
 
#date {margin-bottom: 12px; font-size: 0.8em; color: #BCCF66;}

#searchForm
	{
	padding: 0; 
	margin: 0;
	color: #BCCF66;
	font-size: 0.9em;
	font-weight: bold;
	}

#searchForm input, #searchForm2 input  {vertical-align: middle}

#searchForm #keyword {width: 120px}

#contentBody .inside
	{
	width: 96%;
	margin-bottom: 0;
	padding-bottom: 1.5em;
	overflow-y: auto;
	overflow-x: hidden;
	}

#footer .logo { position: relative;float: right; right: -35px; height: 61px; width: 171px; background: url('../images/footer-logo.gif') no-repeat 0 0;}

/*#footer .inside { width:100%; background: url('../images/footer-logo.gif') no-repeat right top;}*/

.formField { color: #600;}

#copyright { margin-bottom: 1em; padding-bottom: 1em; }

#contentBody li {padding-bottom: 3px}


/*---------------------------------
 	Base Classes
---------------------------------*/

.clear { clear: both; }

.tBold { font-weight: bold; }

.required
	{
	color: red;
	text-align: left;
	}

.noShow { display: none; }

.tRed { color: #900 !important; }
 
.tGreen { color: #6F841D !important; }

.tGrey {color: #777; }

.tNormal { font-weight: normal !important}

.tItalic { font-style: italic}

.tUnder { text-decoration: underline; }

.tBold { font-weight: bold}

.tSmall	{ font-size: 0.9em}

.horizBorder
	{
	clear: both;
	width: auto;
	height: 5px;
	border-top: 1px solid #BCCF66;
	padding: 10px 0;
	margin-top: 10px;
	}

.imgR { float: right; margin: 0 0 1em 1em; }

.capitalize { text-transform: capitalize }