@charset "utf-8";
/*================================================================================================*\
|
|	File:		forum.css
|
|	Author:		Matthew Lueck
|	Company:	Big Daddy's Chicks
|
|	Version		Date				Description
|	1.0.0		2009-12-28			CSS layout for forums
|	2.0.0		2010-01-03			All new layout design for MT implement
|
\*================================================================================================*/

/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Global/Tag Edits
\*________________________________________________________________________________________________*/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background-image: url(http://www.coldwarclambake.com/img/wood_texture.jpg);
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
	z-index: 0;
}

a, a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

em {
	font-weight:normal;
	font-style:italic;
}

 
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Wrappers and Column Layout
\*________________________________________________________________________________________________*/

/* Z-Index */
#wrapper {
	width: 100%;
	height: 100%;
}

	#content {
		display: block;
		float: left;
		padding-bottom: 20px;
	}

	#forum_content {
		display: block;
		float: left;
		border: 1px solid #ccc;
		background-color:#fff;
		margin-top: 160px;
		margin-left: 50px;
		width: 930px;
		-moz-box-shadow: 1px 1px 3px #666;
		-webkit-box-shadow: 1px 2px 3px #666;
		box-shadow: 1px 2px 3px #666;
	}

	#content_col1 {
		display: block;
		float:left;
		width: 570px;
		margin: 10px 0px 0px 15px;
	}
	
	
	
	#content_col2 {
		display: block;
		float: right;
		width: 320px;
		margin: 10px 15px 0px 0px;
	}



/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Header
\*________________________________________________________________________________________________*/

h1{
	padding-left:15px;
}
	
#header_login {
	display: block;
	margin: 0px auto;
	padding: 0px 15px 15px 0px;
	text-align:right;
}

#forum_menu {
	display: block;
	height: 31px;
    margin: 0px auto;
    padding: 15px 10px 0px 15px;
}

	#forum_nav {
		display: block;
		float: left;
	}
	
		#forum_nav ul {
			display: inline-block;
			list-style-type: none;
		}
		
			#forum_nav ul li {
				float: left;
			}
			
				#forum_nav ul li a,
				#forum_nav ul li a:link, 
				#forum_nav ul li a:visited {
					display: block;
					height: 20px;
					border: 1px solid #ccc;
					background-color:#eee;
					font-family: "Courier New", Courier, monospace;
					font-size: 12px;
					font-weight: bold;
					text-align: center;
					color: #000;
					margin: 0px 10px 0px 0px;
					padding: 5px 10px 0px 10px;
					text-decoration: none;
					-moz-box-shadow: 1px 1px 3px #666;
					-webkit-box-shadow: 1px 1px 3px #666;
					box-shadow: 1px 1px 3px #666;
				}
				
				#forum_nav ul li a:hover, 
				#forum_nav ul li a:active {
					text-decoration: none;
					background-color:#fff;
					color:#CC0000;
				}
				
				#forum_nav ul li a img {
					border:0px;
					margin-right:5px;
					vertical-align:middle;
				}
	
	#forum_search {
		display: block;
		float: right;
		margin-right:5px;
	}
	
		#forum_search label {
			font-size: 11px;
			
		}
	
		#forum_search form #search {
			width: 125px;
			height: 13px;
			margin: 1px;
			padding: 2px;
			border: 1px solid #cccccc;
			font-size: 11px;
			font-family:"Courier New", Courier, monospace;
			text-align: left;
		}
	
		#forum_search form #submit {
			border: none;
			width: 30px;
			height: 20px;
			border: 1px solid #ccc;
			background-color:#eee;
			font-family: "Courier New", Courier, monospace;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			color: #000;
			-moz-box-shadow: 1px 1px 3px #666;
			-webkit-box-shadow: 1px 1px 3px #666;
			box-shadow: 1px 1px 3px #666;
			cursor:pointer;
		}
		
		#forum_search form #submit:hover {
			background-color:#fff;
			color: #C00;
		}


/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Content: Popular Topic
\*________________________________________________________________________________________________*/

#popular_topic_wrapper {
	display: block;
	float:left;
	clear:both;
	border: 1px solid #aaa;
	width:570px;
	margin: 0px 0px 20px 0px;
}

	#popular_topic {
		display: block;
		float:left;
		width: 390px;
		margin: 10px;
	}
	
		#popular_topic img.popular_avatar {
			float:left;
			margin-right:10px;
			margin-bottom:10px;
			
		}
	
		#popular_topic h2{
			display:block;
			font-size: 18px;
			font-weight: bold;
			color: #000;
			letter-spacing: -0.025em;
		}
		
		#popular_topic p {
			padding-bottom:3px;
		}
		
		#popular_topic p.entry_details {
			margin-left:66px;
			font-size:11px;
		}
		
		#popular_topic p.entry {
			font-weight:bold;
			border: 0px solid #ccc;
			border-top-width:1px;
			margin-top:10px;
			padding-top:5px;
		}
	
	#popular_details {
		display: block;
		float: left;
		width: 130px;
		border-left: 1px solid #ccc;
		padding:10px;
	}
	
		#popular_details .votes {
			height: 17px;
			background: transparent url(http://www.coldwarclambake.com/img/forum/vote_star.png) no-repeat 0px 2px;
			color: #376d89;
		}
		
		#popular_details p {
			font-size:11px;
		}


/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Content: Recent Topic
\*________________________________________________________________________________________________*/

#recent_topic_wrapper {
	display: block;
	float: left;
	clear: both;
	width: 570px;
	margin: 0px 0px 20px 0px;
}

	table#recent_topics {
		display:block;
		width:570px;
		border:1px solid #aaa;
		border-collapse: collapse;
	}
		
		table#recent_topics tr.second_row {
			background-color:#EFEFEF;
		}
		
		table#recent_topics th {
			text-align:left;
			padding:5px;
			border-bottom:1px dashed #aaa;
		}

		table#recent_topics td {
			padding:5px;
			text-align:left;
			border-top:1px dashed #aaa;
			border-right:1px dashed #aaa;
		}
		
		table#recent_topics td.avatar {
			vertical-align:top;
			width: 40px;
			height: 40px;
			border-right-width:0px;
		}
		
		table#recent_topics td.topic {
			vertical-align:top;
			width:360px;
			border-left-width:0px;
		}
		
			table#recent_topics td.topic p.entry_details {
				font-size: 11px;
			}
		
		table#recent_topics td.replies {
			text-align:center;
			font-size:24px;
			width:50px;
		}
		
		table#recent_topics td.last_reply {
			width:120px;
			font-size: 11px;
		}



/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Content: Categories
\*________________________________________________________________________________________________*/

#forum_section_wrapper {
	display: block;
	padding-left: 5px;
}

	.forum_section {
		display: block;
		float: left;
	}
	
		.forum_section_title {
			display: block;
			float: left;
			width: 315px;
			height: 43px;
			background-repeat: no-repeat;
		}
		
		#section_support .forum_section_title {
			background-image: url(http://www.coldwarclambake.com/img/forum/board_title_support.jpg);
		}
		
		#section_the_game .forum_section_title {
			background-image: url(http://www.coldwarclambake.com/img/forum/board_title_game.jpg);
		}
		
			.forum_category_wrapper {
				display: block;
				float: left;
				padding-left: 0px;
			}
			
				.forum_category {
					display: block;
					float: left;
					width: 315px;
					padding: 5px 3px;
				}
				
					.forum_category h3 {
						float:left;
						display: block;
						width: 175px;
						margin-bottom: 3px;
						font-size: 14px;
						font-weight: bold;
					}
					
					.forum_category_stats {
						display: block;
						float:right;
						text-align:right;
						width:125px;
					}
					
						.forum_category_topics {
							margin-right: 5px;
							padding-left: 15px;
							font-size: 14px;
							font-weight: bold;
							background: transparent url(http://www.coldwarclambake.com/img/forum/topic-icon.gif) no-repeat scroll 2px 50%;
						}
						
						.forum_category_replies {
							padding-left: 15px;
							font-size: 12px;
							background: transparent url(http://www.coldwarclambake.com/img/forum/reply-icon.gif) no-repeat scroll 0px 50%;
						}
					
					.forum_category p {
						clear: both;
						color: #444;
						font-size: 11px;
					}
				
				.forum_category_spacer {
					display: block;
					float: left;
					width: 306px;
					height: 1px;
					background-color: #f3f0e8;
					margin:5px 0px 5px 0px;
				}
				
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Entry
\*________________________________________________________________________________________________*/

#comments {
	display:block;
	border:1px solid #aaa;
	width:570px;
}

#comments a{
	color: #376d89;
}

#comments_header{
	background-color:#EFEFEF;
	font-weight:bold;
	padding:5px;
}
	
	.second_row {
		background-color:#EFEFEF;
	}
	
	.comment {
		display:block;
		padding:5px;
		text-align:left;
		border-top:1px dashed #aaa;
		float:left;
		clear:both;
		width:560px;
	}
		.avatar {
			display:block;
			float:left;
			position:relative;
			width:50px;
			height:50px;
		}
		
		.avatar span.auth-icon{
			display:block;
			position:relative;
			left:5px;
			bottom:20px;
			padding:0px;
			margin:0px;
			width:20px;
			height:20px;
			float:left;
		}

		.comment_detail{
			display:block;
			float:left;
			padding:0px 0px 0px 10px;
			max-width:465px;
		}
		
			.comment p.entry_details {
				display:block;
				font-size: 11px;
			}
			
			
			
.scoring {
	height: 30px;
	padding: 0px 16px 1px 0px;
	background-image: url(http://www.coldwarclambake.com/img/thumbup.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	background-color: transparent;
	color: #376d89;
}

.scoring:hover {
	text-decoration: none;
	background-position: right -15px;
}


/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Comment Reply
\*________________________________________________________________________________________________*/

#reply_wrapper {
	display: block;
	float: left;
	clear: both;
	width: 568px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #aaa;
	border-collapse: collapse;
}

	#reply_wrapper h2 {
		display: block;
		padding: 5px;
		padding-left: 5px;
		font-size: 12px;
		background-color: #efefef;
		border-bottom: 1px dashed #aaa;
	}
	
	#comment-greeting {
		display:block;
		width: 559px;
		padding: 5px 4px 5px 5px;
	}
	
		#comment-greeting a {
			color: #376d89;
		}
	

	#reply_form_wrapper {
		display:block;
		width: 567px;
	}
	
		#reply_input_wrapper {
			display: block;
			float: left;
			width: 567px;
		}
		
			.reply_input_text {
				display: block;
				float: left;
				clear: both;
				width: 559px;
				padding: 5px 4px 5px 5px;
			}
				
				.reply_input_text label {
					display: block;
					float: left;
					width: 100px;
					height: 15px;
					margin: 1px;
					padding: 2px;
					font-weight: bold;
				}
				
				.reply_input_text input {
					display: block;
					float: left;
					width: 250px;
					height: 13px;
					margin: 1px;
					padding: 2px;
					border: 1px solid #cccccc;
					font-size: 11px;
					font-family:"Courier New", Courier, monospace;
					text-align: left;
				}
			
			.reply_input_checkbox {
				display: block;
				float: left;
				clear: both;
				width: 560px;
				padding: 5px 4px;
				background-color: #efefef;
				border-style: dashed;
				border-color:  #aaa;
				border-width: 1px 0px 0px 0px;
			}
			
				.reply_input_checkbox input {
					display: block;
					float: left;
					width: 20px;
					height: 13px;
					margin: 2px 5px 2px 0px;
				}
				
				.reply_input_checkbox label {
					display: block;
					float: left;
					width: 250px;
					height: 15px;
					padding: 1px 5px 1px 0px;
					font-weight: bold;
				}
				
				.reply_input_checkbox a {
					color: #376d89;
				}
				
				
		#reply_textarea_wrapper {
			display: block;
			float: left;
			width: 567px;
			border-style: dashed;
			border-color:  #aaa;
			border-width: 1px 0px 0px 0px;
		}
		
			#reply_textarea_wrapper label {
				display: block;
				margin: 5px 0px 2px 10px;
				padding: 2px;
				font-weight: bold;
			}
			
			#reply_textarea_wrapper p {
				display: block;
				margin: 5px 0px 5px 10px;
			}
			
			
			#reply_textarea_wrapper textarea {
				display: block;
				float: left;
				width: 543px;
				margin: 0px 10px 10px 10px;
				padding: 2px;
				border: 1px solid #cccccc;
				font-size: 11px;
				font-family:"Courier New", Courier, monospace;
				text-align: left;
			}
		
		#reply_footer_wrapper {
			display: block;
			float: left;
			width: 567px;
			height: 30px;
			text-align: center;
			padding-top: 5px;
			background-color: #efefef;
			border-top: 1px dashed #aaa;
		}
		
			#reply_footer_wrapper input {
				border: none;
				padding: 2px;
				border: 1px solid #ccc;
				background-color:#eee;
				font-family: "Courier New", Courier, monospace;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				color: #000;
				-moz-box-shadow: 1px 1px 3px #666;
				-webkit-box-shadow: 1px 1px 3px #666;
				box-shadow: 1px 1px 3px #666;
				cursor:pointer;
			}
			
			#reply_footer_wrapper input:hover {
				background-color:#fff;
				color: #C00;
			}
			

/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Create Entry
\*________________________________________________________________________________________________*/

#create-entry-form {
	margin-bottom:20px;
}

#create-entry-form label{
	font-weight:bold;
}


#create-entry-form input {
	display: block;
	width: 250px;
	height: 13px;
	margin: 5px 0px 10px 0px;
	padding: 2px;
	border: 1px solid #cccccc;
	font-size: 11px;
	font-family:"Courier New", Courier, monospace;
	text-align: left;
}

#create-entry-form textarea {
	display: block;
	width: 543px;
	margin: 5px 0px 10px 0px;
	padding: 2px;
	border: 1px solid #cccccc;
	font-size: 11px;
	font-family:"Courier New", Courier, monospace;
	text-align: left;
}

#create-entry-form #entry-submit {
	margin-top:10px;
	border: none;
	width: 50px;
	height: 20px;
	border: 1px solid #ccc;
	background-color:#eee;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	cursor:pointer;
}

	#create-entry-form #entry-submit:hover {
		background-color:#fff;
		color: #C00;
	}

#create-entry-form #entry-category{
	margin: 5px 0px 10px 0px;
	font-size: 11px;
	font-family:"Courier New", Courier, monospace;
	text-align: left;
}	


/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Archives
\*________________________________________________________________________________________________*/

#archives {
	padding-bottom: 20px;
}

#archives h2{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #777;
}

#archives h3{
	padding: 10px 0px 0px 0px;
}

#archives p {
	padding: 0px 0px 5px 0px;
}

#archives form {
	padding: 2px 0px 10px 0px;
	font-size: 11px;
	font-family:"Courier New", Courier, monospace;
	text-align: left;
}
	
	#archives form .submit {
		border: none;
		width: 30px;
		height: 20px;
		border: 1px solid #ccc;
		background-color:#eee;
		font-family: "Courier New", Courier, monospace;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #000;
		-moz-box-shadow: 1px 1px 3px #666;
		-webkit-box-shadow: 1px 1px 3px #666;
		box-shadow: 1px 1px 3px #666;
		cursor:pointer;
	}
	
	#archives form .submit:hover {
		background-color:#fff;
		color: #C00;
	}
	
	#archives form select{
		margin: 5px 0px 10px 0px;
		font-size: 11px;
		font-family:"Courier New", Courier, monospace;
		text-align: left;
	}	


/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Search Results
\*________________________________________________________________________________________________*/

#search_results_wrapper {
	display: block;
	float: left;
	clear: both;
	width: 570px;
	margin: 0px 0px 20px 0px;
}
	
	table#search_table {
		display:block;
		width:570px;
		border:1px solid #aaa;
		border-collapse: collapse;
	}
		
		table#search_table tr.second_row {
			background-color:#EFEFEF;
		}
		
		table#search_table th {
			text-align:left;
			padding:5px;
			border-bottom:1px dashed #aaa;
		}
	
		table#search_table td {
			padding:5px;
			text-align:left;
			border-top:1px dashed #aaa;
			border-right:1px dashed #aaa;
		}
		
		table#search_table td.avatar {
			vertical-align:top;
			width: 40px;
			height: 40px;
			border-right-width:0px;
		}
		
		table#search_table td.topic {
			vertical-align:top;
			width:380px;
			border-left-width:0px;
		}
		
			table#search_table td.topic p.entry_details {
				font-size: 11px;
			}
	
		
		table#search_table td.last_reply {
			width:130px;
			font-size: 11px;
		}
		
	.content-nav {
		margin: 5px 0px 5px 0px;
	}

	
	
		
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*\
|	Wizardry
\*________________________________________________________________________________________________*/

.hidden {
	display: none;
}

.navy {
	color: #036;
}

.blue {
	color: #376d89;
}

.white {
	color: #fff;
}

.black {
	color: #000;
}

.gray {
	color: #444;
}

.bold {
	font-weight: bold;
}

.indent-10 {
	padding-left: 10px;
}
.indent-20 {
	padding-left: 20px;
}
.indent-40 {
	padding-left: 40px;
}

.clear{
	clear:both;
}