* { 
	margin: 0;
	padding: 0;
}
body {
	background: #e2dbc8 url(../images/background.gif) top repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#date {
	width: 709px;
	margin: 0 auto 0 auto;
	padding: 3px;
	height: 13px;
	padding-bottom: 5px;
	padding-right: 10px;
	_padding-bottom: 0px;
	display: block;
}
#date form {
float: left;
display: block;
position: relative;
margin-top: -5px;
margin-left: 15px;
}
#date form label {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 2px;
}
#date form #search {
	height: 10px;
	font-size: 10px;
	position: relative;
	margin-bottom: -2px;
}
#date span {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	float: right;
}
#container {
	background: #e2dbc8 url(../images/container-background.gif) repeat-y;
	width: 709px;
	margin: 0 auto 0 auto;
}
#header {
	background: #26241d url(../images/header_bg.png) repeat-x;
	height: 154px;
	width: 703px;
	display: block;
	margin: 0 auto 0 auto;
	clear: both;
}
	#logo {
		width: 346px;
		height: 120px;
		float: left;
		background:url(../images/logo_.png) no-repeat 35px 30px;
	}
	#logo img {
		border: none;
		margin-left: 35px;
		margin-top: 30px;
		
	}
	#login {
		width: 346px;
		height: 110px;
		padding-top: 5px;
		padding-left: 5px;
		float: left;
	}
	#login fieldset {
		border: none;
		float: left;
		width: 110px;
		margin-right: 10px;
	}
	#login label {
		font-size: 11px;
		color: #e2dbc8;
	}
	#login-button {
		float: left;
		margin-top: 5px;
		background:url(../images/login.png);
	}
	#login-title {
		font-size: 16px;
		color: #e2dbc8;
		padding: 4px;
		padding-left: 0;
		margin-bottom: 2px;
		display: block;
	}
	#login .text {
		background: url(../images/input-background.gif) repeat-x;
		padding: 5px;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		color:#333333;
		border: none;
	}
	/* ----- */
	#navigation {
		clear: left;
		float: left;
		width: 690px;
	}
	#navigation li {
		list-style-type: none;
		float: left;
		display: block;
		background: #25231c url(../images/nav-button-background.gif) repeat-x;
		margin-left: 3px;
		margin-right: 3px;
		position: relative;
		margin-bottom: -5px;
		_margin-bottom: 0;
	}
	#navigation li a {
		float: left;
		display: block;
		background:url(../images/nav-button-left.gif) no-repeat left;
		height: 20px;
		display: inline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #c9c2b1;
		padding: 5px;
		padding-top: 8px;
		text-decoration: none;
		_postion: relative;
		
	}
	#navigation li a:hover {
		color: #fff;
	}
	#navigation li p {
		background:url(../images/nav-button-right.gif) no-repeat right;
		display: block;
		float: left;
		height: 32px;
		_margin-top: -1px;
		_postion: relative;
	}
	#sign-up {
		float: right;
		position:relative;
		margin-right: 50px;
		margin-top: -70px;
	}
	#sign-up img {
		border: none;
	}
#main-content {
	display: block;
}
	.column {
		width: 216px;
		float: left;
		margin: 5px;
	}
	.pic {
		border: 2px solid #fff;
		display: block;
	}
	.title {
		background: #efebe0;
		border-top: 1px solid #bfb9a8;
		border-bottom: 1px solid #bfb9a8;
		padding: 5px;
		margin-top: 5px;
		text-align:left;
	}
	.title:hover {
		color: #999999;
	}
	.title h2 {
		font-size: 18px;
		color: #6f0000;
		font-weight: lighter;
	}
	.title strong {
		font-size: 12px;
		color: #363329;
		font-weight: lighter;
	}
	.box {
		background:url(../images/box.gif) no-repeat;
		width: 211px;
		height: 165px;
		position: relative;
		margin-top: 5px;
		margin-left: -2px;
		padding-left: 10px;
		padding-top: 5px;
	}
	.box h2 {
		font-size: 21px;
		color: #6f0000;
		font-weight: lighter;
	}
	.box span {
		font-size: 14px;
		color: #333333;
		font-weight: bold;
	}
	.box p {
		font-size: 11px;
		color: #333333;
		line-height: 16px;
		padding-top: 3px;
	}
	.box #new-recipe {
		background:url(../images/recipes.gif) no-repeat top;
		width: 219px;
		height: 71px;
		text-indent: -9999px;
		position: relative;
		margin-left: -9px;
		margin-top: -5px;
	}
	.box #view-recipe a:hover {
		font-size: 15px;
		font-decoration: underline;
	}
	.box #view-recipe {
		position: relative;
		margin-left: 10px;
	}
	.box #view-recipe img {
		border: none;
	}
	.box #reviews {
		background:url(../images/reviews.gif) no-repeat top;
		width: 219px;
		height: 72px;
		text-indent: -9999px;
		position: relative;
		margin-left: -9px;
		margin-top: -5px;
	}
	.box #review li {
		list-style-type: none;
		_height: 10px;
	}
	.box #review li a {
		font-size: 11px;
		color: #333333;
		font-weight:lighter;
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #999;
		margin-right: 10px;
	}
	.box a {
		font-size: 11px;
		color: #333333;
		
		text-decoration: none;
		display: block;
	}
	.box #view-more {
		border-top: 1px solid #333;
		color: #7a211e;
		text-align: right;
		padding-right: 3px;
		padding-top: 3px;
		margin-right: 10px;
	}
	.box #latest-discussions {
		background:url(../images/latest-discussion.gif) no-repeat top;
		width: 219px;
		height: 72px;
		text-indent: -9999px;
		position: relative;
		margin-left: -9px;
		margin-top: -5px;
	}
	.box #discussions li {
		list-style-type: none;
		_height: 10px;
	}
	.box #discussions li a {
		font-size: 11px;
		color: #333333;
		font-weight:lighter;
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #999;
		margin-right: 10px;
	}
	.box .view-button {
		position: relative;
		display: block;
		margin-left: 40px;
		background: url(../images/view-button.gif) no-repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		width: 114px;
		height: 23px;
		color: #600300;
		text-align: center;
		font-weight: lighter;
		padding-top: 3px;
	}
	/* MOUSEOVER FOR view [review, forum, etc ] */
	.box .view-button:hover {
		color: #A62A2A;
		font-weight: bold;
	}
	.box .view-recipe {
		font-size: 13px;
		font-weight: bold;
	}
	.box .view-recipe:hover {
		font-size: 13px;
		font-weight: bold;
		text-decoration: underline;
	}
		
#sub-content {
	display: block;
}
	#picture-side {
		padding-left: 12px;
		float: left;
		padding-top: 10px;
	}
	#picture-side img {
		border: 2px solid #fff;
	}
	#news {
		background: url(../images/news-top.gif) no-repeat #25231c top;
		width: 467px;
		float: left;
		margin-left: 5px;
		margin-bottom: 5px;
		text-align:left;
	}
	#news #wine-news {
		text-indent: -9999px;
		background:url(../images/wine-news.gif) no-repeat;
		width: 278px;
		height: 38px;
		margin-left: 10px;
		margin-top: 10px;
	}
	#news #more-news {
		background:url(../images/more-news.gif) no-repeat;
		width: 39px;
		height: 60px;
		text-indent: -9999px;
		display: block;
		float: right;
		position: relative;
		margin-top: -4px;
		margin-right: 20px;
	}
	div.black ul ,#news ul {
		padding-left: 10px;
		width: 450px;
		display: block;
	}
	div.black ul li,#news ul li {
		list-style-type: none;
		padding: 5px;
		display: block;
		clear: left;
	}
	div.black ul li span a.news-title ,#news ul li span a.news-title {
		font-size: 14px;
		color: #bab4a5;
		float: left;
	}
	div.black ul li span a.news-title:hover,#news ul li span a.news-title:hover {
		color: #fff;
	}
	div.black ul li span .date,#news ul li span .date {
		font-size: 12px; 
		float: right;
		color: #bab4a5;
	}
	div.black ul li p,#news ul li p {
		width: 450px;
		font-size: 11px;
		line-height: 16px;
		color: #fff;
		float: left;
		clear: left;
		background: url(../images/graphx.gif) center bottom no-repeat;
		padding-bottom: 5px;
	}
	#news-bottom {
		background: url(../images/news-bottom.gif) no-repeat bottom;
		width: 467px;
		height: 5px;
		clear: both;
	}
#footer {
	width: 700px;
	background: url(../images/footer.gif) repeat-x;
	height: 20px;
	clear: both;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 5px;
	text-align: center;
}
#footer span {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
}

#signup a{
width:74px;
height:74px;
display:block;
border:none;
background:url(../images/signupcss.png) no-repeat 0px 0px;
}

#signup a:hover{
background:url(../images/signupcss.png) no-repeat 0px -74px;
}

.reviewbox{
width:221px;
height:138px;
background:url(../images/tops_reviews.png) no-repeat top;
margin:4px 0 0 0;
}

.discussionbox{
width:221px;
height:138px;
background:url(../images/tops_discussion.png) no-repeat top;
margin:4px 0 0 0;
}

.recipebox{
width:221px;
height:138px;
background:url(../images/tops_recipes.png) no-repeat top;
margin:4px 0 0 0;
}

.reviewbox ul, .discussionbox ul, .recipebox ul{
margin:0 0 0 10px;
padding:69px 0 0 0;
}

	.reviewbox li, .discussionbox li, .recipebox li {
		list-style-type: none;
		_height: 10px;
		text-align:left;
	}
	.reviewbox li a, .discussionbox li a, .recipebox li a{
		font-size: 11px;
		color: #333333;
		font-weight:lighter;
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #999;
		margin-right: 10px;
	}
	.reviewbox li a:hover, .discussionbox li a:hover, .recipebox li a:hover{
	background:url(../arrow.png) no-repeat top right;
	}
	.reviewbox a, .discussionbox a, .recipebox a{
		font-size: 11px;
		color: #333333;
		
		text-decoration: none;
		display: block;
		}

.boxbutton{
background:url(../images/bottom_button.png) no-repeat top;
width:221px;
height:27px;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #600300;
padding:5px 0 0 0;
}

.boxbutton a:link, .boxbutton a:visited{
color:#600300;
text-decoration:none;
}

.boxbutton a:hover{
color: #A62A2A;
font-weight: bold;
}
#loggedin{
	color:#e5d1b6;
	padding:20px 20px 0 0;
	text-align:right;
}
#loggedin p{font-family:Georgia, "Times New Roman", Times, serif;float:right;padding-top:25px}
#loggedin span{font-family:Verdana, Arial, Times, serif;display:block}
#loggedin img{float:right;margin-left:10px}
#loggedin strong{color:#fff}
	.title h2 a {
		font-size: 18px;
		color: #6f0000;
		font-weight: lighter;
		text-decoration:none
	}
	.title h2 a:hover {
		text-decoration:underline
	}
	div.black {
		background: url(../images/top.gif) no-repeat #25231c top;
		width: 684px;
		clear:both;
		border-top:6px solid #e2dbc8;
		margin:0 auto;
		color:#e2dbc8
	}
	#comments div.black {
		width: 663px;
		background: url(../images/top2.gif) no-repeat #25231c top;
	}
	h3{font-size:14px;border-bottom:1px solid #ccc;padding-bottom:4px;margin-bottom:6px}
	div.black h2{color:#fff;padding:10px 10px 0 10px}
	div.black span.alt{display:block;padding:0 0 10px 10px;font-size:12px}
	#bottom {
		background: url(../images/bottom.gif) no-repeat bottom;
		width: 684px;
		height: 5px;
		clear: both;
	}
	#comments #bottom {
		width: 663px;
		background: url(../images/bottom2.gif) no-repeat bottom;
	}
		div.black ul {width:644px}
			span.alt a , #bcontent a{color:#fff;text-decoration:none;font-weight:bold}
	span.alt a:hover ,#bcontent a:hover{color:#e2dbc8;text-decoration:underline}
	#rinfo,#ingre{
		background:#e2dbc8 url(../images/boxbg.gif) bottom;
		float:left;
		clear:both;
		width:213px;
		margin:5px 10px 10px 0;
	}
	#rinfo h3,#ingre h3{
		text-indent:-9999px;
		background:url(../images/reviewinfo.gif);
		height:48px;
		border:0;
		padding:0;
		margin:0
	}
	#ingre h3{
		background:url(../images/ingre.gif);
	}
	#bcontent #rinfo p,#bcontent #ingre p{
		color:#000;
		background:url(../images/info.gif) bottom no-repeat;
		font-size:13px;
		line-height:16px;
		padding:0 10px 10px 10px
	}
	#rinfo strong{
		color:#545454;
	}
	h2.red{margin:5px 0 0 10px}
	#postc{margin:0 20px;padding:10px 0;text-align:right}
		#postc h2,h2.red{text-align:left;color:#7d100d;font-size:24px}
		#postc p{text-align:left}
		#postc textarea{width:100%;background:#FFFFFF;border:1px solid #b5afa0;margin:10px 0;height:75px}
		#postc input{background:#25231c;border:0;padding:5px;color:#fff}
	#bcontent img{border:2px solid #e2dbc8;margin:3px 10px 5px 0;float:left}
	#bcontent{padding:0 10px 10px 10px;color:#e2dbc8;font-size:14px;font-family:Trebuchet MS,Arial, Helvetica, sans-serif}
	#bcontent p{padding:5px 0;}
	#bcontent table{color:##e2dbc8}
#footer a{color:#fff;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer span {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
}

	div.black ul li .author {
		font-size: 12px; 
		clear:both;
		display:block;
text-align:right;
		font-family:Trebuchet MS,Arial, Helvetica, sans-serif
	}
	div.black ul li .author a{color:#fff;text-decoration:none}
	div.black ul li .author a:hover{color:#e2dbc8;text-decoration:underline}

.pages{clear:both;margin:3px 0;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px}
.pages strong{color:#e2dbc8;margin:0 3px}
.pages a{color:#fff;text-decoration:none;margin:0 3px}
.pages a:hover{color:#e2dbc8;text-decoration:underline}


