/*------------------ @reset ------------------*/
body,h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,
input,button,select,textarea,dl,dd,dt,hr,table,thead,tbody,tfoot,tr,th,td
{ margin:0; padding:0 }



address,cite,caption { font-style: normal }
caption,th { text-align: left }
ol,ul { margin-left: 20px; }
* :focus {
	outline: 0;
	color: #FFFFFF;
}

/*------------------ @main ------------------*/
body {
	background: #66331c url(body-bg.png) repeat-x 0 0;
	font: normal 14px Georgia;
	color: #c0a97b;
}

a {
	color: #c0a97b;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

p {
	padding-bottom: 20px;
	color:#FFFFFF;
}

h2 {
	font-size: 24px;
	color: #eacc95;
	font-weight: normal;
	display: block;
	position: relative;
	width: 100%;
	height: 28px;
	padding: 0;
	margin: 0;
}

	h2 a  {
		font-size: 14px;
		position: absolute;
		bottom: 2px;
		right: 0;
	}

	h2 a.rss {
		position: absolute;
		right: 5px;
		bottom: 0;
		background: url(rss.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		width: 38px;
		height: 28px;
	}

h3 {
	font-size: 36px;
	color: #ebdcbd;
	font-weight: normal;
}

.hideme { display: none; }

.intro-p {
	padding: 10px;
	background: #2E1308;
	color:#c0a97b;
	margin-top: 10px;
}

/*------------------ @forms ------------------*/
label {
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 10px;
	padding-top: 7px;
}

form p {
	clear: both;
	padding: 10px 0 0 0;
}

form ul.disp {
	float: none;
	margin: 0;
	clear: none;
}

form .note {
	display: block;
	float: left;
	padding-left: 140px;
	font-size: 11px;
	padding-top: 3px;
	width: 315px;
}

form input,
form select,
form textarea {
	font: normal 12px Georgia;
	padding: 5px;
	width: 300px;
}

form textarea { height: 120px; }
form select { width: 314px; }

.control {
	padding: 1px 5px;
	border: 3px solid #2E1308;
	width: 10px;
	text-align: center;
	margin-left: 5px;
	font-size: 14px;
	font-family: "courier new";
	text-decoration: none;
}

.control:hover { text-decoration:none; }

.activated { border-color: #edd19b; }

.buttons {
	clear: both;
	padding-left: 130px;
	padding-top: 15px;
}

.button {
	background: url(button-trans.png) no-repeat 0 0;
	width: 220px;
	height: 64px;
	padding: 0;
	display: block;
	color: #ebdcbd;
	text-align: center;
	border: 0;
	cursor: pointer;
	font: normal 24px Georgia;
}

a.button {
	padding-top: 12px;
	height: 52px;
	float: left;
}


.message {
	padding: 10px;
	margin-top: 10px;
}
	
	.success {
		border: 5px solid #94AE6B;
		background: #A8BF83;
		color: #546F29;
	}

	.fail {
		border: 5px solid #b45b58;
		background: #f6d1ba;
		color: #B45B58;
	}
	
		.fix-field {
			background: #f6d1ba;
		}

.remember_me label, .newsletters label, .alerts label { padding-top: 0; }
                
/*------------------ @content ------------------*/
#container {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}

	#header {
		position: relative;
		height: 160px;
	}
	
		#header h1,
		#header h1 a {
			display: block;
			width: 435px;
			height: 176px;
		}
	
		#header h1 {
			position: absolute;
			left: 0;
			top: 0;
		}
	
		#header h1 a {
			background: url(logo.png) no-repeat 0 0;
			text-indent: -9999px;
		}
		
			#header #supernav {
				position: absolute;
				right: 0;
				top: 43px;
			}
			
				#header #supernav li,
				#header #supernav li a {
					float: left;
					display: block;
					color: #2E1308;
				}
				
				#header #supernav li { margin-left: 20px; }
		
		ul#nav {
	list-style: none;
	position: absolute;
	left: 355px;
	top: 22px;
	margin: 0;
		}
		
			ul#nav li,
			ul#nav li a {
				float: left;
				display: block;
			}
			
			ul#nav li a {
				padding: 13px 12px;
				color: #eacc95;
				font: normal 14px Georgia;
				text-decoration: none;
			}
			
				ul#nav li a:hover { color: #FFF; }
			
			ul#nav li.active a {
				background: url(nav-active.gif) no-repeat center bottom;
				color: #eacc95;
			}
			
			ul#nav li#signup {
				background: url(nav-signup.png) no-repeat 0 4px;
				width: 131px;
			}
			
			ul#nav li#signup a {
				padding-left: 26px;
			}
		
		#search {
			position: absolute;
			right: 0;
			top: 100px;
		}
		
			#search p {
				padding-top: 0;
			}
	
			#search input {
				background: url(search-bg.png) no-repeat 0 0;
				width: 221px;
				
				padding-left: 25px;
				padding-right: 60px;
				padding-top: 18px;
				border: 0;
				color: #af8753;
				font-family: Georgia;
				font-size: 14px;
			}
			
			
			.ff4 
			 {


				width: 221px;
				height: 25px;
				padding-left: 25px;
				padding-right: 60px;
				padding-top: 18px;
				border: 0;
				color: #af8753;
				font-family: Georgia;
				font-size: 14px;
			}
			
			
	#main {
		padding-bottom:  30px;
		width: 100%;
		overflow: hidden;
	}
			
/*------------------ @columns ------------------*/
#main-column {
	float: left;
	width: 700px;
	overflow: hidden;
	padding-right: 20px;
        position: relative;
}

	#right-column {
		float: left;
		width: 220px;
		overflow: hidden;
	}
	
		.border-box {
	background: #2E1308;
	border: 5px solid #2E1308;
	margin-bottom: 30px;
		}
		
			.thumb { 
				clear: both; 
				padding-bottom: 10px;
				width: 100%;
				overflow: hidden;
			}
			
				.two-col {
					float: left;
					width: 33%;
					overflow: hidden;
					clear: none;
				}
			
			.border-box .last { padding-bottom: 0; }
			
			.thumb img {
				
				/*width: 44px;
				height: 44px;*/
				float: left;
				margin-right: 10px;
			}
			
			.thumb a {
				display: block;
				font-size: 12px;
				color: #f8f5ed;
				padding-top: 6px;
			}
			
			.location { color: #a26b52; font-size: 12px; }
		
		#tags {
			font-size: 15px;
		}
		
		#tags em {
			font-size: 120%;
			font-style: normal;
		}
		
		.add {
			display: block;
			width: 100px;
			margin: 0 auto;
			background: url(add-button.gif) no-repeat 0 0;
			width: 220px;
			height: 48px;
			padding-top: 14px;
			margin-top: 20px;
			margin-bottom: 20px;
			font-size: 24px;
			color: #ebdcbd;
			text-align: center;
		}
		
		.border-box ul {
			list-style: none;
			margin: 0;
		}
		
		.border-box li,
		.border-box li a {
			display: block;
			height: 1%;
		}
		
		.border-box li a {
			font-size: 18px;
			padding: 3px 0;
			border-bottom: 1px solid #512917;
		}
		
		.border-box li.active a {
			color: #eacc96;
		}
		
		.pad-top {
			padding-top: 20px;
		}
		
	#profile {
		padding-top: 20px;
	}
		
/*------------------ @introduction ------------------*/
#introduction {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 10px;
}

	.rounded-box {
		width: 268px;
		height: 192px;
		padding: 4px 20px 20px 20px;
		background: url(rounded-box.png) no-repeat 0 0;
		float: left;
		overflow: hidden;
		font-size: 18px;
	}
	
		.rounded-box h3 {
			height: 68px;
			padding-left: 90px;
			padding-top: 20px;
			background: red;
		}	

		#browse h3 { background: url(mug.png) no-repeat 0 0; }
		#participate h3 { background: url(beans.png) no-repeat 0 0; }
		#enjoy h3 { background: url(foam-cup.png) no-repeat 0 0; }
	
	#participate {
		margin: 0 8px;
	}
	
	.rounded-box ul {
		padding-top: 5px;
	}

/*------------------ @data tables ------------------*/
table.data {
	width: 100%;
	margin-top: -2px !important;
	margin-top: -3px;
	margin-bottom: 30px;
	border: 0;
}

	table.data th.user-col { width: 100px; }
	table.data th.third-col { width: 120px; }
	table.data th.rating-col { width: 120px; }

	table.data th, table.data td {
		background: #2E1308;
		vertical-align: center;
	}
	
	table.data th {
		text-align: center;
		font-weight: normal;
		font-size: 12px;
		color: #894e34;
	}
	
	table.data td {
		padding: 10px;
	}

		.desc-title a {
			display: block;
			font-size: 18px;
			color: #f8f5ed;
		}
		
		.desc-subtitle {
			font-size: 12px;
			display: block;
			color: #a26b52;
		}
		
		ul.disp {
			list-style: none;
			margin: 0;
		}
		
		ul.disp li {
			float: left;
			display: block;
		}
		
		ul.disp li a {
			float: left;
			display: block;
		}
		
		/*------- @rating -------*/
		ul.rating {
			width: 90px;
			margin: 0 auto;
		}
		
		ul.rating li {
			width: 18px;
			height: 17px;
			background: url(rating-stars.png) no-repeat 0 0;
		}
		
		ul.rating li.empty {
			background-position: -18px 0;
		}
		
		/*------- @price -------*/
		ul.price {
			width: 50px;
			margin: 0 auto;
		}
		
		ul.price li {
			width: 10px;
			height: 18px;
			background: url(price-dollars.png) no-repeat 0 0;
		}
		
		ul.price li.empty {
			background-position: -10px;
		}
		
		/*------- @difficulty -------*/
		ul.difficulty {
			width: 75px;
			margin: 0 auto;
		}
		
		ul.difficulty li {
			width: 15px;
			height: 16px;
			background: url(difficulty.png) no-repeat 0 0;
		}
		
		ul.difficulty li.empty {
			background-position: -15px;
		}
		
		td.msg-user {
			width: 200px;
		}
		
		td.msg-user img,
		td.msg-user a {
			float: left;
		}
		
		td.msg-user a {
			padding-top: 10px;
			padding-left: 10px;
		}

/*------------------ @subpages ------------------*/

.inside-col {
	float: left;
	width: 50%;
	overflow: hidden;
}

	.inside-col h2 {
		padding-bottom: 10px;
	}

.browse-list {
	padding-top: 10px;
	display: block;
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
	margin-left: 0;
}
	
	.browse-list li {
		float: left;
		width: 49%;
		display: block;
		background: #2E1308;
		margin-bottom: 2px;
		margin-right: 2px;
	}
	
	.browse-list a {
		color: #f5f8ed;
		display: block;
		padding: 10px;
		float: left;
	}

.dark-bg {
	background: #2E1308;
	overflow: hidden;
	margin-right: 2px;
	height: 143px;
}
	
	.dark-bg .disp {
		margin: 0;
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.dark-bg .disp li {
		margin-bottom: 10px;
	}
		
/*------------------ @footer ------------------*/
#footer {
	background: url(footer-bg.png) repeat-x 0 0;
	padding-bottom: 50px;
	height: 99px;
	width: 100%;
	overflow: hidden;
}

	.wrapper {
		width: 940px;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#footer ul {
			list-style: none;
			margin: 0;
			padding-top: 50px;
		}
		
		#footer ul li,
		#footer ul li a {
			text-transform: lowercase;
			float: left;
			display: block;
			color: #ebdcbd;
			text-decoration: none;
			font-size: 18px;
			font-weight: normal;
		}
		
		#footer ul li a { margin-right: 20px; }
	
	#em-logo {
		float: right;
		text-align: center;
		background: url(footer-cup.png) no-repeat center top;
		padding-top: 80px;
		margin-top: 20px;
	}
		
		#em-logo span {
			display: block;
			color: #a26b52;
		}
		
		#em-logo a {
			display: block;
			font-size: 18px;
			color: #ebdcbd;
			text-decoration: none;
		}
	
	#copyright {
		display: block;
		clear: left;
		padding-top: 10px;
		color: #a8735b;
		line-height: 12px;
	}
        
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating {cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:18px;height:17px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url(cancel.gif) no-repeat 0 0}
div.star,div.star a{background:url(rating-stars.gif) no-repeat -18px 0px}
div.cancel a,div.star a{display:block;height:100%;border:1 solid #FF0000}
div.cancel a {background-position:0 0px;width:16px;}
div.star_on a{background-position:0 0px!important}
div.star_hover a,div.star_live a:hover{background-position:0 0px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/* Difficulty rating customization */
.difficulty_rating div.star{width:15px;height:16px;}
.difficulty_rating div.star, .difficulty_rating div.star a{background:url(difficulty.gif) no-repeat -15px 0px;}
.difficulty_rating div.star_hover a, .difficulty_rating div.star_live a:hover {background-position:0 0px!important}
/* END Difficulty Rating */

#errorExplanation { margin-top: 5px; }

input.amount { width: 100px; }
input.ingredient { width: 180px; }

label.nopad {
  padding-top: 0;
}	
#item-detail { 
  padding-top:20px;
  padding-bottom: 20px;
  clear: both;
  width: 100%;
  overflow: hidden;
}

table.data2 { width:420px; margin-left:87px; }

.clearme { clear: both; }

a:hover ul.disp { text-decoration: none; }

.small-button {
width: 73px;
height: 26px;
text-indent: -9999px;
cursor: pointer;
border: 0;
}

#add-tags { background: url(add-tags.png) no-repeat 0 0; }
#set-price { background: url(set-price.png) no-repeat 0 0; }

#ajaxrate label, #ajaxcomplex label { margin-bottom: 20px;}

.pagination { clear: both; padding-top: 10px; }

img.detail-photo { float:right;border:5px solid #512917;background:#2E1308;padding:5px; }

.checkbox { width: 25px; }

#beta_message { width:293px;height:169px;background:url(beta.png) no-repeat 0 0;text-indent:-9999px;top:0;left:0;position:absolute; cursor: pointer; }

.filter_by a, .filter_by a:hover { text-decoration: none; }

.faved { }

#forgot_password { margin-left: 57px; }
#openid_identifier { background: #fff url(openid.gif) top left no-repeat; padding-left: 28px; }

img.fave-thumb {
        border: 1px solid #38190b;
        margin-right: 5px;
        float: left;
}
#fave-users { padding-top:0; }
#fave-users li { width: 100%; border-bottom: 1px solid #512917 }
#fave-users li a { font-size: 14px; border-bottom: 0; }

h2 a.in_title {  position: relative; font-size: 24px; text-decoration: underline; }

.data .desc-col {
	width: 100%;
	border: 5px solid #2E1308 ;
}

#favorite_button { position: absolute; top: 0; right: 40px; padding-left: 35px; line-height: 25px; }
#favorite_button, #favorite_button.faved:hover { background: url(hearts.gif) 0px 0px no-repeat; }
#favorite_button.faved, #favorite_button:hover { background: url(hearts.gif) 0px -23px no-repeat; }

p a { text-decoration: underline; }

.css1 { font-size: 80%; }
.css2 { font-size: 100%; }
.css3 {
  font-size: 130%; }
.gdesc {color:#FFFFFF;}

.navgof {font-size:11px}

.gamethumb { border:4px solid #2E1308; }