/*  clears and fixes */
html .clearfix:after {
	content: "joke, jokes";
	height: 0;
	text-indent: -9999px;
	display: block;
	clear: both;
}


/* main */
body { background: url(../images/tile.jpg) repeat-y center top #080b0d; margin: 0; }
.super-wrapper {  }
.content-wrapper { background: url(../images/top.jpg) no-repeat center top; }

.container { width: 100%; margin: 0 auto; }

#Header { background: url(../images/bg-header.jpg) no-repeat center top; width: 960px; margin: 0 auto 20px auto; position: relative; height: 207px; }
	#Header .header-mainlink { width: 155px; height: 125px; margin: 0; padding: 0; position: absolute; top: 20px; left: 220px; }
	#Header .header-mainlink a { display: block; width: 155px; height: 125px; text-indent: -9999px; }

	#Session { position: absolute; right: 15px; bottom: 22px; font-size: 1.1em; color: #FFF; text-align: right; width: 240px; }
		#Session a { color: #EEE; text-decoration: underline; font-size: 0.9em; }
		#Session .welcome { font-size: 1.2em; }

	#Header .main-nav { display: block; margin: 0; padding: 0; position: absolute; bottom: 13px; left: 5px; border-right: 1px solid #333; }
		#Header .main-nav li { display: inline; float: left; list-style-type: none; margin: 0; }
			#Header .main-nav li a { display: block; padding: 8px 12px; background: url(../images/bg-main-nav.gif) center left repeat-x #d1b37b; color: #e6521f; font-weight: bold; border: 1px solid #333; border-right: none; }
	#Header .banner-ad { position: absolute; width: 460px; height: 68px; right: 0px; top: 25px; }



#Body { width: 960px; margin: 0 auto; }

	#Panel { float: left; width: 240px; margin-right: 20px; }
		#Panel .post-new-link { display: block; text-align: center; margin: 0 0 20px 10px; text-indent: -9999px; background: url(../images/btn-forum-start-disc.jpg) no-repeat; height: 32px; width: 200px; }
		#AboutVanilla { border-top: 1px dotted #CCC; color: #888; padding-top: 10px; }
		#Panel h2 { font-size: 1em; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #CCC; }
		#Panel select { width: 100%; margin-bottom: 10px; }
		#Panel .sub-bar-nav { margin: 5px 0; padding: 10px 0; list-style-type: none; border-top: 1px dotted #CCC; }
	
	#Content { float: left; width: 700px; }
		#Content .PageListEmpty { display: none; }
		#Content .pagination { padding: 5px 10px; background: #F9F9F9; border-bottom: 1px solid #EEE; }
			#Content .pagination .pages { color: #666; float: left; }
			#Content .pagination #PageJump { padding-right: 10px; }
		#Content .pagination .PageInfo { float: left; padding-top: 4px; }
		#Content .PageList { list-style-type: none; float: left; }
			#Content .PageList li { display: inilne; float: left; color: #666; margin: 0 5px; }
		#Content .new-desc { float: right; background: #ffffe3; border: 1px solid #e3cda0; padding: 3px 6px; color: #000; margin-left: 50px; }
	#Content .Bottom { border-top: 1px dotted #CCC; background: #F9F9F9; }
		#Content .top-page { margin-left: 15px; }
		
		#Discussions, #Discussions * { list-style-type: none; margin: 0; padding: 0; }
			#Discussions .entry-fade { background: #FCFCFC; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; }
			#Discussions .entry-nofade { background: #FFF; }
			#Discussions .entry-fade, #Discussions .entry-nofade { float: left; width: 680px; padding: 10px; }
			#Discussions li ul span { display: none; }
				#Discussions li ul li { display: block; float: left; color: #666; }
					#Discussions .DiscussionType { margin-right: 15px; }
					#Discussions .DiscussionTopic { width: 100%; margin-bottom: 10px; }
						#Discussions .DiscussionTopic a { font-size: 1.8em; text-decoration: none; color: #111; font-weight: bold; }
							#Discussions .DiscussionTopic a:hover { text-decoration: underline; }
					#Discussions .DiscussionCategory { margin-right: 15px; }
					#Discussions .DiscussionStarted { margin-right: 15px; }
					#Discussions .DiscussionComments { margin-right: 15px; }
					#Discussions .DiscussionLastComment { margin-right: 15px; }
					#Discussions .DiscussionActive { margin-right: 15px; }
			html #Discussions .Unread,
			html #Discussions .NewComments { background: #ffffe3; border-top: 1px solid #e3cda0; border-bottom: 1px solid #e3cda0; }
				html #Discussions .Unread .entry-fade, html #Discussions .Unread .entry-nofade { background: none; border: 0; }
					
		#Comments, #Comments * { list-style-type: none; margin: 0; padding: 0; }
			#Comments { background: #FFF; }
			#Comments li.comment { padding: 10px; border-bottom: 1px solid #DDD; }
			#Comments .CommentHeader { margin-bottom: 10px; }
				#Comments .CommentHeader ul { float: left; }
					#Comments .CommentHeader ul li { display: inline; float: left; margin-right: 15px; color: #666; }
						#Comments .CommentHeader ul li span { display: none; }
						#Comments .CommentHeader ul li a { font-size: 1.1em; }
					#Comments .CommentHeader span { float: right; }
						#Comments .CommentHeader span a { margin-left: 10px; }
			#Comments .CommentBody { font-size: 1.2em; }
				#Comments .CommentBody .Attachments { margin-top: 35px; }
				#Comments .CommentBody .Attachments img { border: 1px solid #333; }
		.AddComments { padding: 20px; background: url(../images/bg-fade-tan.gif) repeat-x bottom left #ffffe3; border-top: 1px solid #e3cda0; border-bottom: 1px solid #e3cda0; }
			.AddComments form { margin: 0; }
			.AddComments ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
			.AddComments .Submit { margin: 0; }
			
		.StartDiscussion { padding: 20px; background: url(../images/bg-fade-tan.gif) repeat-x bottom left #ffffe3; border-top: 1px solid #e3cda0; border-bottom: 1px solid #e3cda0; }
			.StartDiscussion form { margin: 0; }
			.StartDiscussion ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
				.StartDiscussion ul li { margin-bottom: 20px; }
				.StartDiscussion ul li label { text-transform: uppercase; font-weight: bold; color: #333; display: block; margin-bottom: 5px;  }
					.StartDiscussion ul li#CommentFormats label { display: inline; margin-left: 5px; margin-right: 10px; }
				.StartDiscussion ul li input { font-size: 1.2em; padding: 3px; }
					.StartDiscussion ul li#CommentFormats input { margin-left: 10px; }	
					.StartDiscussion ul li input[type="text"] { width: 600px; }
					.StartDiscussion ul li textarea { width: 600px; }
					.StartDiscussion ul li.CommentFormats label { display: inline; }
			.StartDiscussion .Submit { margin: 0; }
				.StartDiscussion .Submit input { margin-right: 20px; }
				
		#Categories, #Categories * { list-style-type: none; margin: 0; padding: 0; }
		#Categories { float: left; }
			#Categories .Category { background: #FFF; }
			#Categories .Alternate { background: #F3F3F3; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
			#Categories .Alternate, #Categories .Category { float: left; width: 680px; padding: 10px; }
				#Categories ul li { margin-bottom: 10px; }
				#Categories .CategoryName span { display: underline; }
				#Categories .CategoryName a { font-size: 2em; color: #000; text-decoration: none; font-weight: bold; }
				#Categories .CategoryDiscussionCount { color: #666; float: left; display: inline; margin-right: 20px; }
				#Categories .CategoryDescription { color: #666; float: left; display: inline; margin-right: 20px; }
					#Categories .CategoryDescription span, .CategoryOptions span { display: none; }
			
		.search-form { padding: 20px; background: #FFF; }
			.search-form form { float: left; width: 100%; margin: 0; }
			.search-form ul { list-style-type: none; margin: 0; padding: 0; }
				.search-form ul li { float: left; width: 100%; border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 10px; }
					.search-form label { float: left; margin-right: 10px; font-size: 1.1em; padding-top: 4px; }
					.search-form input { float: left; margin-right: 10px; font-size: 1.2em; }
					.search-form input[type="radio"] { margin-top: 5px; }
			
		.general-form ul { list-style-type: none; margin: 0; padding: 0; }
			.general-form ul li { list-style-type: none; margin: 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #CCC; }
				.general-form ul li label { font-size: 1.1em; margin-right: 10px; }
				.general-form ul li input { font-size: 1.1em; }
				.general-form ul li p { padding-top: 10px; color: #777; margin-bottom: 0; }
		.general-form .Submit input { margin-right: 35px; }
		
		#AccountProfile ul { list-style-type: none; margin: 10px; }

.notify { padding: 10px; background: #FFF; border: 2px solid #666; margin: 0 0 20px 0; }
	.notify strong { font-size: 1.2em; }

/* islands */
.island-normal { margin-bottom: 20px; }

.island-content {  }
	.island-content-inner { background: #FFF; padding: 10px; }

.island-bottom { width: 100%; height: 8px; line-height: 0; background: url(../images/bg-shadow-bottom.png) repeat bottom left; }

.island-header-narrow-bar { height: 9px; line-height: 0; border-top: 1px solid #31501a; border-bottom: 1px solid #457124; background: url(../images/bg-narrow-bar-green.png) repeat-x; }
.island-header { padding: 0; background: url(../images/bg-normhead-green.jpg) repeat-x bottom left #86db46; border-top: 1px solid #31501a; }
	.island-header h1 { margin: 0; padding: 14px 10px 12px 10px; color: #FFF; }
		.island-header h1 a { color: #FFF; text-decoration: underline; }
			.island-header h1 a:hover { text-decoration: none; }




/* Sign In */
.SignIn { width: 400px; padding: 20px; margin: 50px auto; background: #FFF; }
	.SignIn h1 { margin-top: 0; }
	.SignIn form { margin: 0; }
	.SignIn ul { margin: 20px; list-style-type: none; }
		.SignIn ul li { float: left; width: 320px; }
			.SignIn ul li label { width: 100px; display: block; float: left; text-align: left; }
			.SignIn ul li input { float: left; }
	
/* Apply */
.Apply { width: 500px; padding: 20px; margin: 50px auto; background: #FFF; }
	.Apply h1 { margin-top: 0; }
.ApplyForm form { margin: 0; }
	.ApplyForm ul { margin: 20px; }
		.ApplyForm ul li { float: left; display: block; width: 420px; }
			.ApplyForm ul li label { float: left; display: block; width: 100px; }
			.ApplyForm ul li input { float: left; }
			.ApplyForm ul li#TermsOfServiceCheckBox input { margin-right: 10px; }

.PasswordRequest, .PasswordReset, .SignOut { width: 400px; padding: 20px; margin: 50px auto; background: #FFF; }
	.PasswordRequest h1, .PasswordReset h1, .SignOut h1 { margin-top: 0; }
	.PasswordRequest h2, .PasswordReset h2, .SignOut h2 { color: #000; }
	.PasswordRequest ul, .PasswordReset ul, .SignOut ul { margin: 20px; list-style-type: none; }
		.PasswordRequest ul li, .PasswordReset ul li { float: left; display: block; width: 320px; }
			.PasswordRequest ul li label, .PasswordReset ul li label { float: left; display: block; width: 100px; }
			.PasswordRequest ul li input, .PasswordReset ul li input { float: left; }
	
/* footer */
.footer {
	width: 965px;
	height: 283px;
	padding: 0 0 0 5px;
	margin: 0 auto;
	background: url(../images/bg-footer.png) no-repeat center bottom;
}
	.footer-top {
		height: 7px;
		width: 960px;
		background: url(../images/bg-footer-top.png) no-repeat;
	}
	.footer .abstract {
		float: left;
		margin: 15px 100px 15px 17px;
		padding: 0;
		width: 555px;
		line-height: 1.5em;
	}
		.footer .abstract p {
			color: #FFF;
			margin: 0 0 15px 0;
			font-size: 12px;
		}
		.footer .abstract strong {
			color: #F6F200;
			font-size: 14px;
		}
		.footer .abstract em {
			color: #F6F200;
			font-size: 12px;
			font-weight: bold;
			margin-right: 5px;
		}
		.footer .abstract .links {
			color: #F6F200;
		}
			.footer .abstract .links a {
				font-weight: bold;
				color: #FFF;
				text-decoration: none;
				font-size: 13px;
			}
				.footer .abstract a:hover {
					text-decoration: underline;
				}
	.footer ul {
		display: block;
		width: 130px;
		float: left;
		margin: 15px 10px 0 0;
		padding: 0;
		list-style-type: none;
		font-size: 12px;
	}
		.footer ul li {
			margin: 0 0 7px 0;
		}
			.footer .footer-header-participate {
				width: 95px;
				height: 21px;
				background: url(../images/footer-participate.png) no-repeat;
				text-indent: -9999px;
			}
			.footer .footer-header-top-categories {
				width: 129px;
				height: 21px;
				background: url(../images/footer-top-categories.png) no-repeat;
				text-indent: -9999px;
			}
		.footer ul a {
			color: #FFF;
			text-decoration: none;
			font-weight: bold;
		}
			.footer ul a:hover {
				text-decoration: underline;
			}