/*------------------ @main ------------------*/
body {
	background: #66331c url(../images/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;
}

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(../images/rss.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		width: 38px;
		height: 28px;
	}

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

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

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

form p {
	clear: both;
	padding-top: 20px;
}

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

form .note {
	display: block;
	float: left;
	margin-left: 130px;
	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; }

.control {
	padding: 1px 5px;
	border: 3px solid #542b19;
	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;
}

.button {
	margin-left: 130px;
	background: url(../images/button.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;
}

/*------------------ @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(../images/logo.png) no-repeat 0 0;
			text-indent: -9999px;
		}
		
		ul#nav {
			list-style: none;
			position: absolute;
			left: 422px;
			top: 22px;
			margin: 0;
		}
		
			ul#nav li,
			ul#nav li a {
				float: left;
				display: block;
			}
			
			ul#nav li a {
				padding: 13px 12px;
				color: #92583f;
				font: normal 24px Georgia;
				text-decoration: none;
			}
			
				ul#nav li a:hover { color: #64311b; }
			
			ul#nav li.active a {
				background: url(../images/nav-active.gif) no-repeat center bottom;
				color: #64311b;
			}
			
			ul#nav li#signup {
				background: url(../images/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(../images/search-bg.png) no-repeat 0 0;
				width: 221px;
				height: 37px;
				padding-left: 25px;
				padding-right: 60px;
				padding-top: 10px;
				border: 0;
				color: #af8753;
				font-family: Georgia;
				font-size: 14px;
				line-height:20px;
			}
			
	#main {
		padding-bottom:  30px;
		width: 100%;
		overflow: hidden;
	}
			
/*------------------ @columns ------------------*/
#main-column {
	float: left;
	width: 700px;
	overflow: hidden;
	padding-right: 20px;
}

	#right-column {
		float: left;
		width: 220px;
		overflow: hidden;
	}
	
		.border-box {
			background: #542b19;
			border: 5px solid #512917;
			padding: 10px;
			margin-bottom: 30px;
		}
		
			.thumb { 
				clear: both; 
				padding-bottom: 10px;
				width: 100%;
				overflow: hidden;
			}
			
			.border-box .last { padding-bottom: 0; }
			
			.thumb img {
				border: 4px solid #512917;
				width: 44px;
				height: 44px;
				float: left;
				margin-right: 10px;
			}
			
			.thumb a {
				display: block;
				font-size: 18px;
				color: #f8f5ed;
				padding-top: 6px;
			}
			
			.location { color: #a26b52; font-size: 12px; }
		
		#tags {
			font-size: 11px;
		}
		
		#tags em {
			font-size: 120%;
			font-style: normal;
		}
		
		.add {
			display: block;
			width: 100px;
			margin: 0 auto;
			background: url(../images/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;
		}
			
/*------------------ @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(../images/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(../images/mug.png) no-repeat 0 0; }
		#participate h3 { background: url(../images/beans.png) no-repeat 0 0; }
		#enjoy h3 { background: url(../images/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: #542b19;
		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(../images/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(../images/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(../images/difficulty.png) no-repeat 0 0;
		}
		
		ul.difficulty li.empty {
			background-position: -15px;
		}
		

/*------------------ @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: #542b19;
		margin-bottom: 2px;
		margin-right: 2px;
	}
	
	.browse-list a {
		color: #f5f8ed;
		display: block;
		padding: 10px;
		float: left;
	}

.dark-bg {
	background: #542b19;
	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(../images/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; }
	
	#copyright {
		display: block;
		clear: left;
		padding-top: 10px;
		color: #a8735b;
		line-height: 12px;
	}