/* Tutorial-EXPLOSION! main CSS file for everything
Last edit: 7/29/09
*/

html,body {
	margin: 0px;
	background: url(/resources/images/bg-pattern.gif) repeat;
	color: #FFF;
}
/* Making it look good */
#head_bg {
	background-image: url(/resources/images/bg-top.gif);
	background-repeat: repeat-x;
	width: 100%;
}

#top_bg {
	background-image: url(/resources/images/main_bg.png); /* IE6 sucks... */
	background-repeat: no-repeat;
	background-position: center top;
}
.head_main {
	height: 100px;
	width: 990px;
	background-image: url(/resources/images/logo_new.jpg);
}
/* Those silly headers */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #FFF;
	position: relative;
	display: inline;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FFF;
	display: inline;
	}
h3 { /* this one is a bit different */
	margin: 0px;
	background: url(/resources/images/h3.png) repeat-x;
	width: 99%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FFF;
	padding: 0px 3px 2px 3px;
	border-top: 1px solid #000;
}
/* Links need colors */
a {
	color: #6ce500;
	text-decoration: none;
}
a:visited {
	color: #61CC00;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
/* Why must images insist on have borders? */
a img {
	border:none;
}

/* sizers and containers */
#main_container {
	width: 990px;
	margin: auto;
}
.content_sizer {
	width: 805px;
	padding: 3px;
}

.main_body_bg {
	background-image: url(/resources/images/b-g_top.gif);
	background-repeat: repeat-x;
	background-color: #1F2126;
	width: 988px;
	border: 1px solid #000;
}
.top_tiny_nav {
	background-color: #000;
	background-image:url(/resources/images/b-g_bottom.gif);
	background-repeat:repeat-x;
	background-position: -50px -75px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px 4px 0px;
}

/* main nav */	
#main_nav {
	width: 990px;
	list-style-type: none;
	margin: 0;
	padding:0px;
	height: 40px;
	overflow:hidden;
	text-align: left;
	position: relative;
}		
#main_nav a {
	position: absolute;
	text-indent: -99999px; /* lol */
	text-decoration:none;
	height: 0px;
	overflow: hidden;
	background-image: url(/resources/images/tuts_nav_matrix.gif);
	top: 0;
	}	
	
/* whacky nav matrix! */
#main_nav_home {
	height: 40px;
	width: 140px;
	}		
	#main_nav_home a {
		width:140px;
		height:40px;
		background-position: 0px 0px;
		}
	#main_nav_home a:hover {
		width:140px;
		height:40px;
		background-position: 0px -40px;
		}
#main_nav_cat {
	height: 40px;
	width: 238px;
	padding-left: 140px;
	}	
	#main_nav_cat a {
		width:238px;
		height:40px;
		background-position: -134px 0px;
		}
	#main_nav_cat a:hover {
		width:238px;
		height:40px;
		background-position: -134px -40px;
		}
#main_nav_forum {
	height: 40px;
	width: 162px;
		padding-left: 378px;
	}	
	#main_nav_forum a {
		width:162px;
		height:40px;
		background-position: -381px 0px;
		}
	#main_nav_forum a:hover {
		width:162px;
		height:40px;
		background-position: -381px -40px;
		}
#main_nav_submit {
	height: 40px;
	width: 150px;
	padding-left: 540px;
	}	
	#main_nav_submit a {
		width:150px;
		height:40px;
		background-position: -543px 0px;
		}
	#main_nav_submit a:hover {
		width:150px;
		height:40px;
		background-position: -543px -40px;
		}
#main_nav_write {
	height: 40px;
	width: 162px;
	padding-left: 680px;
	}	
	#main_nav_write a {
		width:162px;
		height:40px;
		background-position: -680px 0px;
		}
	#main_nav_write a:hover {
		width:162px;
		height:40px;
		background-position: -680px -40px;
		}
#main_nav_search {
	height: 40px;
	width: 162px;
	padding-left: 842px;
	}	
	#main_nav_search a {
		width:162px;
		height:40px;
		background-position: -842px 0px;
		}
	#main_nav_search a:hover {
		width:162px;
		height:40px;
		background-position: -842px -40px;
		}
		
.left_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	background-color: #2D3137;
	padding: 3px;
	width: 165px;
	overflow: hidden;
	border-width: 0px 2px 2px 0px;
	border-style: solid;
	border-color: #000;
	float: left;
}
.left_nav a {
	width: 100%;
	display: block;
}
.left_nav a:hover {
	background-image:url(/resources/images/green_gray_bg.gif);
	background-color: #3D7900;
}
/* Random all around elements */
.tiny_text {
	font-size: 10px;
	color:#E1E1E1;
	font-style: italic;
}
.large_text {
	font-size: 16px;
	color: #FFF;
}
.item_sep {
	border-bottom: 1px dotted #434850;
	padding: 10px 6px 10px 6px;
	margin: 0px 0px 0px 0px;
}
/* Tutorial page */

.tut_ad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	height: 60px;
	width: 468px;
	background-color: #282B31;
	float: right;
	padding: 3px;
	margin-left: 3px;
	border: 1px solid #4B4F55;
}
.tut_title_info {
	font-size: 10px;
	color: #999;
	float: right;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.tut_info {
	background-color: #282B31;
	padding: 3px;
	height: 60px;
	width: 318px;
	border: 1px solid #4B4F55;
	margin: 0px 3px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
}
.tut_keywords {
	color:#A4A4A4;
	font-size: 10px;
	}
	.tut_keywords a {
		color:#B0B0B0;
		}
		.tut_keywords a:hover {
		color:#CACACA;
		text-decoration: underline;
		}
.tut_info_gray {
	color: #BFBFBF;
	font-size: 11px;
}
.tut_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	background-color: #32353D;
	padding: 3px;
	border: 1px solid #4B4F55;
	height: 24px;
	width: 797px;
	font-weight: bold;
	margin-bottom: 3px;
	background-image:url(/resources/images/b-g_bottom.gif);
	background-repeat:repeat-x;
	background-position:-10px center;
}
.tut_content_body {
	width: 793px;
	font-family: Arial;	
	font-size: 12px;
	color: #D7D7D7;
	padding: 5px;
	background-color: #18191D;
	border: 1px solid #4B4F55;
	min-height: 300px;
}
	.tut_content_body img {
		display: block;
		text-align: center;
		margin: 0 auto;
		padding-top: 4px;
	}
	.tut_content_body pre {
	background: #111215;
	border: 1px solid #000;
	padding: 4px;
	color: #FFF;
	}

.tut_content_sizer {
	width: 805px;
	padding: 3px;
	min-height: 300px;
}
.tut_title_txt {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	float: left;
}
.span_cat_title {
	padding-left: 30px;
	list-style-position: outside;
	list-style-type: none;
}
.tut_bottom {
	background: #111215;
	padding: 3px;
	border: 1px solid #434850;
	margin-top: 3px;
	text-align: center;
	}
.tut_step_a {
	background: #111215;
	padding: 3px;
	border: 1px dotted #434850;
	margin-bottom: 3px;
	}
.tut_step_b {
	background: #1F2023;
	padding: 3px;
	border: 1px dotted #434850;
	margin-bottom: 3px;
	}
.tut_body img {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding-top: 4px;
}
/* Footer */

.main_footer {
	background: #000 url(/resources/images/b-g_bottom.gif) repeat-x -10px center;
	height: auto;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #C8C8C8;
	text-align: center;
	margin-top: 4px;
	padding: 3px 0px 3px 0px;
	position: inherit;
}
	.main_footer a:hover {
		color:#FFF;
		}
	.main_footer1 a {
		color: #55B300;
		text-decoration: none;
		}
			.main_footer2 a {
			color: #4A9D00;
			text-decoration: none;
			}
						.main_footer3 a {
						color: #357100;
						text-decoration: none; /* far out! */
						}
.tiny_footer_txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color:#7E7E7E;
	}
	
/* Main index begin */

.index_content_body {
	background: #18191d;
	border: 1px solid #4b4f55;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
	margin-top: 3px;
	min-height: 300px;
	color: #EAEAEA;
	}
.index_list_new_size {
	width:395px;
	float:left;
	padding-right:3px;
	}
.index_list_new {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	height: 16px;
	border: 1px solid #373b42;
	margin-bottom: 3px;
	background-color: #1e2025;
}
.index_new_list_more {
	background: #2E3035;
	width:393px;
	text-align: right;
	font-size: x-small;
	border: 1px solid #373b42;
	}
.index_list_pop_size {
	width: 395px;
	}
.index_list_pop {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	height: 16px;
	border: 1px solid #373b42;
	background-color: #1e2025;
}
.index_pop_list_more {
	background: #2E3035;
	width:393px;
	text-align: right;
	font-size: x-small;
	border: 1px solid #373b42;
	}
.index_new_text {
	width: 100%;	
}
#index_pop_text {
	width: 100%;
	padding-top: 3px;
}
.index_new_item_0 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2e3035;
	padding: 3px;
	border: 1px dotted #434850;
	height: 52px;
	margin-bottom:3px;
	text-align:left;
}
.index_new_item_1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #1F2023;
	padding: 3px;
	border: 1px dotted #2D3035;
	height: 52px;
	margin-bottom:3px;
	text-align:left;
}
.index_new_item_image a {
	float:left;
	margin-right: 3px;
	border: 2px solid #000;
}
.index_new_item_image a:hover {
	float:left;
	margin-right: 3px;
	border: 2px solid #FFF;
}
.index_new_item_title {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}
.index_list_new_cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #898d96;	
	}
			.index_list_new_cat a:hover {
			font-size: x-small;
			color: #AEB0B7;	
			}
	.index_list_new_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B7B9BF;
	}
		.index_list_new_info a {
			color: #B7B9BF;
			}
			.index_list_new_info a:hover{
			color: #C8CACE;
			}
	.index_list_new_info2 {
	color:#898d96;
	font-size: xx-small;
	}

.ad_728_size {
	background:#000;
	height: 90px;
	width: 728px;
	border: 1px solid #373b42;
	padding: 1px;
	text-align: center;
	clear: both;
	margin: auto;
	}
/* News, informing the masses of something.... */
.index_news {
	width: 95%;
	background-color: #111215;
	border: 1px solid #4B4F55;
}
.index_news_title {
	background-color:#16171b;
	padding: 4px;
	text-align: left;
	border-bottom: 1px dotted #4B4F55;
	}
.index_news_info {
	color:#787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	}
.index_news_text_space {
	text-align: left;
	width: 83%;
	}
.index_news_text {
	padding: 4px;
	padding-left: 8px;
	}
.index_news_comments_space a {
	color:#FFF;
	width:11%;
	float: right;
	margin-right: 15px;
	margin-top:25px;
	padding: 3px;
	border: 1px solid #4B4F55;
	background-color: #292b2f;
	text-align:center;
	}
	.index_news_comments_space a:hover {
	background-color: #33353C;
	}
.index_news_comments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}
.index_news_comments_tiny {
	font-size:small;
	color:#858585;
	}
	
/* Whatever stuff for the forums */
.forums_bg {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #D7D7D7;
	padding: 3px;
	background-color: #18191D;
	border: 1px solid #4B4F55;
	margin-top: 3px;
}

/* Misc text effects like errors and such */
.error_red {
	color:#d13737;
	display: inline;
	}
.error_red_box {
	background: #560404;
	background-image:url(/resources/images/bg-darkredbars.png);
	border: 1px solid #be0404;
	width: 95%;
	padding: 3px;
	color: #FFF;
	text-align: center;
	}
		
/* Categories & search results */
.order_by { /* dead */
	text-align: right;
	font-size: smaller;
	color:#666;
	display: none;
}
.cat_content_body {
	background-color: #18191d;
	border: 1px solid #4b4f55;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
	margin-top: 3px;
	min-height: 680px;
	color: #EAEAEA;
	}
/* fixing that title bar */
.title_bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	background: url(/resources/images/b-g_bottom.gif) repeat-x -10px center #32353D;
	padding: 3px;
	border: 1px solid #4B4F55;
	height: 23px;
	width: 797px;
	font-weight: bold;
	margin-bottom: 3px;
}
.cat_title_txt {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	float: left;
}
.cat_title_info {
	font-size: 10px;
	color: #999;
	float: right;
	text-align: left;
}
.cat_ad {
	width:120px;
	height:600px;
	background:#000;
	border: solid 1px #373b42;
	float:right;
	padding: 1px;
	}
#cat_list_size {
	width:668px;
	}
.cat_item {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2e3035;
	padding: 3px;
	border: 1px dotted #434850;
	height: 62px;
	margin-bottom:3px;
}
.cat_item0 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2e3035;
	padding: 3px;
	border: 1px dotted #434850;
	height: 62px;
	margin-bottom:3px;
}
.cat_item1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #1F2023;
	padding: 3px;
	border: 1px dotted #2D3035;
	height: 62px;
	margin-bottom:3px;
}
.cat_item_image a {
	float:left;
	margin-right: 3px;
	border: 2px solid #000;
}
	.cat_item_image a:hover {
	border: 2px solid #FFF;
	}
.cat_item_title {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}
.cat_item_disc {
	font-size:10px;
	overflow:hidden;
}
.cat_list_cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #898d96;	
	}
			.cat_list_cat a:hover {
			font-size: x-small;
			color: #AEB0B7;	
			}
		
	.cat_item_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B7B9BF;
	}
		.cat_item_info a {
			color: #B7B9BF;
			}
			.cat_item_info a:hover{
			color: #C8CACE;
			}
.cat_item_info2 {
	color:#898d96;
	font-size: xx-small;
	}

.view_txt { /* Change color of view count */
	color: #B7B9BF;
	display:inline;
	}
/* informing the masses, if ever used... */
.alerts_red {
	background: #990000;
	width: 75%;
	font-size: smaller;
	}
.alerts_yellow {
	width: 75%;
	font-size: smaller;
	color:#000;
	background-color: #FFCC00;
	}
/* The main category page: listing all the cats! */
.prime_cat_title {
	display: inline-block;
	font-size: 14px;
	color:#FFF;
	background: url(/resources/images/b-g_bottom.gif) center repeat-x;
	border: 1px solid #000;
	padding: 3px;
	width: 789px; /* Exact(ish) for IE mostly */
	text-align: center;
}	
.items_left_size {
	float: left;
	min-height: 66px;
	width: 395px;
	text-align:left;
	margin-top: 3px;
	margin-bottom: 3px;
}
.items_right_size {
	width: 395px;
	min-height: 66px;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
}
.items_box {
	padding: 3px;
	background: #1F2023;
	border: 1px solid #000;
	height: 60px;
	margin: 0px 0px 3px 0px;
}
	.items_box a {
		font-size: 16px;
	}
	.items_box a img {
		float: left;
		margin-right: 3px;
		border: 2px solid #000;
	}
	.items_box a:hover img {
		border: 2px solid #FFF;
	}
.items_about {
	font-size:smaller;
	font-style: normal;
}
/* Page numbers and the likes */
.page_size {
	text-align:right;
	width:668px;
	margin-top: 8px;
	margin-bottom: 5px;
	}
	.page_size a {
		display: inline-block;
		padding: 4px;
		margin-left: 3px;
		border: 1px solid #4B4F55;
		background: #292b2f url(/resources/images/b-g_bottom.gif) repeat-x -5px center;
		}
	.page_size a:hover {
		background: #4B4F55 url(/resources/images/b-g_bottom.gif) repeat-x 15px top;
		}

/* Submit page */

.item_input {
	border-bottom: 1px dotted #434850;
	padding: 10px 0px 10px 6px;
}
	.item_input label {
		width: 130px;
		margin: 0px 0px 0px 0px;
		display: inline-block;
		vertical-align: center;
		color: #FFF;
	}
.submit_text {
	width: 300px;
	background: #1F2126;
	border: 1px solid #000;
	color: #FFF;
}
	.submit_text input:focus, textarea:focus, select:focus {
		border: 1px solid #FFF;
	}
.submit_file_upload {
	margin-left: 130px;
}
.submit_body {
	background: #1F2126;
	border: 1px solid #000;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 130px;
}
.submit_button {
	background: #1F2126;
	border: 1px solid #000;
	color: #FFF;
}
.submit_dropdown {
	background: #1F2126;
	border: 1px solid #000;
	color: #FFF;
}
.submit_help {
	font-size: xx-small;
	color: #7E7E7E;
	margin: 0px 0px 0px 5px;
}