/* page navigation stuff */
#menu_wrapper { float:left; clear: both; }
#menu_wrapper ul { float:left; list-style:none; display: inline; margin: 10px 0 0 0; padding:0; font: normal 18px Arial, Helvetica, sans-serif;}
#menu_wrapper li { float: left; color: #555; margin: 0 20px 0 0; }
#menu_wrapper li a { color: #c00; text-decoration: none; }
#menu_wrapper li a:hover { color: #555555; text-decoration: none; }

/* content stuff */
#content_wrapper { position: relative; width: 840px; margin: 0 auto; padding: 0px; clear: both; }
#content_wrapper table { width: 100%; float: left; margin: 0 auto; padding: 0; font: 100% Arial, Helvetica, sans-serif; line-height: 1.2em; }
#content_wrapper table ul { float:left; list-style:none; margin: 0 0 20px 0; padding:0; }
#content_wrapper table li { float: left; color: #b2b2b2; width: 220px; margin:4px auto; }
#content_wrapper table li a { color: #c00; display:block; text-decoration:none;  }
#content_wrapper table li a:hover { color: #000; text-decoration:none; }

#recentpost_wrapper { width: 840px; float: left; border-top: #c0c0c0 1px solid; margin: 30px auto; padding: 0; }
#recentpost_wrapper .recentpost { border-bottom: #ddd 1px solid; text-align: left; font: 125% Arial, Helvetica, sans-serif; line-height: 1.2em; }
div.postlink { width: 840px; height: 24px; display: block; margin: 3px 0 0 0; color: #36C; padding: 0; font-weight: bold; xbackground: url(../images/comment.gif) no-repeat top right; clear: both; }
div.postlink a { display: block; color: #36C; text-decoration: none; }
div.postlink a:hover { display: block; color: #222; text-decoration: none; }

div.venue { font: normal 130% Arial, Helvetica, sans-serif; color: #555; line-height: 2em; clear: both; }

/* a { color: #663; text-decoration: none; } */
/* a:hover { color: #222; } */

/* form stuff */
form { margin:0; padding:0; }
label { color: #000; width: 210px; float: left; text-align: left; margin: 8px 0 8px 0; display: block }
.textinput { width: 500px; border: solid 1px #c0c0c0; font: normal 17px Arial, Helvetica, sans-serif; padding: 3px; margin: 8px 0 8px 0; }
.shorttextinput { width: 150px; border: solid 1px #c0c0c0; font: normal 17px Arial, Helvetica, sans-serif; padding: 3px; margin: 8px 0 8px 0; }
.dropbox { width: 500px; border: solid 1px #c0c0c0; font: bold 15px Arial, Helvetica, sans-serif; padding: 0; margin: 8px 0 8px 0; }
.textbox { width: 500px; border: solid 1px #c0c0c0; font: normal 17px Arial, Helvetica, sans-serif; padding: 3px; margin: 8px 0 8px 0; }
.submit input{ font: normal 18px Arial, Helvetica, sans-serif; padding: 0; margin: 8px 0 8px 0; padding: 6px; }

#notes { float:left; width: 710px; text-align: left; font: bold 100% Arial, Helvetica, sans-serif; line-height: 1.4em; clear: both; }
.clearall { margin:0;padding:0;clear:both; }
.success { color:#36C; }
.error { color:red; }

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:25px;
	z-index:11;
}
.star-rating a.two-stars{
	width:50px;
	z-index:10;
}
.star-rating a.three-stars{
	width:75px;
	z-index:9;
}
.star-rating a.four-stars{
	width:100px;
	z-index:8;
}
.star-rating a.five-stars{
	width:125px;
	z-index:7;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}