body{margin: 0px; padding: 0px; font-size: 11pt; color: #333; background-color: #000; background-image:  url(../images/bg.jpg);	background-repeat: repeat-x;}
body, h1, h2, h3, h4, h5, p, a, tr, td{font-family: Georgia, "Times New Roman", Times, serif;}

p{color: #444; padding: 0px; margin: 0px 0px 18px 0px; line-height: 20px; font-size: 11pt; font-family: Arial, Helvetica, sans-serif;}

h1, h1 a{color: #333; font-weight: lighter; font-size: 35pt; letter-spacing: -2px; margin: 0px; padding: 0px 0px 15px 0px;} 
	h1 a:hover{text-decoration: underline;} 
h2{color: #333; font-weight: lighter; font-size: 25pt; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px;}
h3{color: #c00; font-weight: bold; font-size: 10pt; text-transform:capitalize; margin: 0px; padding: 0px 0px 10px;}
h4{color: #333; font-size: 9pt; font-weight: bold; margin: 0px; padding:4px 4px 4px 0px;}
li{line-height: 23px;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a{color: #c00; text-decoration: none; font-weight: bold; outline: none;}
a.std_link:hover{color: #000;}

/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float:left;}
.floatright{float:right;}
.image-left{float:left; padding: 0px 10px 10px 0px;}
.image-right{float:right; padding: 0px 0px 10px 10px;}

/*--- Text ---*/
.note{font-weight: bold; font-style: italic;}
.t_justify{text-align:justify;}
.t_center{text-align: center;}
.t_right{text-align: right;}
.bold{font-weight: bold;}

/*--- Forms ---*/
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 4px;}
.txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;}
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.note a{color: #f60; text-decoration:none;}
.success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #000; font-weight: bold; padding: 5px; text-align:center;}
.no_display{display: none;}
a.read_on{display: block; color: #c00; text-decoration: underline;  font-size: 9pt; font-style: italic;}
a.read_on:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- LAYOUT ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#container{width: 960px; margin: auto; overflow: hidden; background: #fff url(../images/container_border.gif) right; padding: 0 1px;}
	#content_container{background: #fff url(../images/header_bg.gif) top no-repeat; padding: 0px;}
	
		#header{padding: 10px 0px 10px;}
			.logo{float: left;}
				.logo a{display: block; background: url(../images/header_logo.gif) no-repeat; width: 400px; height: 100px; text-indent: -9999px;}
			.slogan{clear: both; text-align: center;}
			.slogan h2{color: #c00; font-size: 13pt; font-style: italic; padding: 5px 0px; margin: 0px; letter-spacing: 1px; text-align: center;}
				.slogan img{margin-top: 5px; padding: 1px 0px;}
				
		#content{padding: 0px 0px 1px; clear: both;}
			#left_column{width: 480px; padding-right: 1px; float: left; min-height: 600px;}
			#right_column{float: right; width: 479px;}
				#post_left_column{width: 630px; padding-right: 1px; float: left; min-height: 600px;}
				#post_right_column{float: right; width: 329px;}
			
		#footer{padding: 10px; clear: both;}
		
		#copyright{padding: 20px; color: #999;  text-align: center; font-size: 9pt;}
			#copyright a{color: #999; text-decoration: underline; }
			#copyright a:hover{color: #000;}

.coming_soon_container{ position: relative; top: 20%; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#content_container{ -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.coming_soon{padding: 60px; text-align: center;}

/*-------------------------------------------------------------------------------------------*/
/*- GRUNGE BORDERS --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	/*- Border Top -*/
	#menu, .slogan img, .sub_post_container{background:url(../images/post_border_bottom.gif) top repeat-x;}

	/*- Border Bottom -*/
	#header, .slogan, #footer, #content, .reader_comment h3, .results_page, h3.date{background:url(../images/post_border_bottom.gif) bottom repeat-x;}
	
	/*- Border Right -*/
	#left_column, #post_left_column{background: url(../images/left_bar_border.gif) right repeat-y;}
	

/*-------------------------------------------------------------------------------------------*/
/*- MENUS ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul#menu{float: right; list-style: none; margin: 0px; padding: 0px; width: 558px; position: relative; top: 38px;}
	ul#menu li{float: left;background: url(../images/left_bar_border.gif) right repeat-y; padding: 10px 0px; margin-top: 15px; width: 78px; text-align: center;}
	ul#menu li a{display: block; color: #000; font-weight: bold; text-decoration: none; font-size: 9pt; position: relative; }
	ul#menu li a:hover{text-decoration: underline;}
	ul#menu li.last{ background: none;}

ul#footer_menu{list-style: none; margin: 0px; padding: 0px;}
	ul#footer_menu li{float: left;}
	ul#footer_menu li a{display: block; text-transform: uppercase; color: #000; font-weight: bold; padding: 0px 20px; text-decoration: none; font-size: 9pt; position: relative;}
	ul#footer_menu li a:hover{text-decoration: underline;}
		ul#footer_menu li.footer_logo a{display: block; background: url(../images/footer_logo.gif) no-repeat; width: 49px; height: 35px; text-indent: -9999px; position: relative; top: 0px;  padding: 0px 10px;}


/*-------------------------------------------------------------------------------------------*/
/*- INDEX -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.feature_post{background:url(../images/main_post_bg.gif) top no-repeat; padding: 20px;}
.sub_post_container{padding-top: 1px;}
	.sub_post{background: url(../images/sub_post_bg.jpg) top no-repeat; padding: 20px;}
		.sub_post h1{font-size: 28pt;}
		h3.date{color: #c00;  font-size: 9pt; font-style: italic; margin-bottom: 20px;}
		h3.date a{color: #900;   font-size: 9pt; font-style: italic;}
		h3.date a:hover{color: #f00;   font-size: 9pt; font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- POST PAGE -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#post_left_column .feature_post{background: url(../images/post_page_bg.gif) top no-repeat; padding: 20px; position: relative; min-height: 600px;}
.sub_post_container{padding-top: 1px;}
	#post_left_column .sub_post{background: url(../images/post_comment_bg.gif) top no-repeat; padding: 20px;}
		.sub_post h1{font-size: 28pt;}
		h3.date{color: #c00;  font-size: 9pt; font-style: italic;}

		table.post_table{border-collapse: collapse; width: 100%; font-size: 10pt;}
			table.post_table tr{background: url(../images/gray_border.gif) bottom repeat-x;}
			table.post_table th{padding: 15px 5px; color: #333; text-align: left; font-size: 12pt;}
			table.post_table td{padding: 15px 5px; color: #333; font-family:Arial, Helvetica, sans-serif;}
				table.post_table td.title{font-weight: bold;}
				table.post_table td.detail{padding: 15px 5px; color: #333; font-family:Arial, Helvetica, sans-serif;}

/*-------------------------------------------------------------------------------------------*/
/*- RESULTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.results_page{padding: 0px 0px 1px;}
.results_container{background: #333 url(../images/gray_grunge_one.gif) top right no-repeat;}
	.results{background: url(../images/gray_grunge_two.gif) bottom left no-repeat; padding: 20px 20px 30px;}
		.results h2{font-size: 25pt; color: #f00;}
		.results a{color: #f00; }
		.results a:hover{color: #fc0;}
		.results p{font-size: 11pt; color: #ccc; padding: 0px; margin: 0px;}
		
		table.results_table{border-collapse: collapse; width: 100%; font-size: 15pt;}
			table.results_table tr{background: url(../images/gray_border.gif) bottom repeat-x;}
			table.results_table td{padding: 15px 5px; color: #fff;}
				table.results_table td.heat{width: 50%; font-weight: bold;}
				table.results_table td.result{width: 50%; font-weight: bold;}
				table.results_table td.overall{color: #f00;}
			table.results_table tr.last{background: none;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT BAR ITEMS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.right_sub_post{background: url(../images/right_bar_sub_post.jpg) top no-repeat; padding: 20px;}

ul.sponsors_list{list-style: none; padding: 10px 0px 0px; margin: 0px;}
	ul.sponsors_list li{float: left; background: url(../images/left_bar_border.gif) right repeat-y; padding: 22px;}
	ul.sponsors_list li.last{background: none;}
	
ul.right_bar_list{list-style: none; padding: 0px; margin: 0px;}
	ul.right_bar_list li{clear: both; background: url(../images/gray_border.gif) bottom repeat-x; padding: 10px 0px;}
	ul.right_bar_list li a{color: #fff; font-weight: lighter;}
	ul.right_bar_list li a:hover{ text-decoration: underline;}
	
ul.comment_list{list-style: none; padding: 0px; margin: 0px;}
	ul.comment_list li{clear: both; background: url(../images/gray_border.gif) bottom repeat-x; padding: 10px 0px;}
	ul.comment_list li a{color: #c00; font-weight: lighter; font-family: Arial, Helvetica, sans-serif;}
	ul.comment_list li span.commentor{color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-weight: bold; text-decoration: none;}
	
	ul.comment_list li a:hover{ text-decoration: underline;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN LAYOUTS --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.contact_page ul.three_column li{height: 520px;}
ul.three_column{width:940px; list-style: none; margin: 0px; padding: 0px;}
	.three_column li{float: left; padding: 20px; margin: 0px; border-right: 1px solid #fff;}
	.three_column li.column_one{padding: 0px 20px 0px 0px; width: 230px;}
	.three_column li.column_two{padding: 0px 20px; width: 200px;}
	.three_column li.column_three{padding: 0px 0px 0px 20px; border: none; width: 370px;}


/*-------------------------------------------------------------------------------------------*/
/*- FORMS -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
label, input, submit, select, textarea, legend{font-family: Arial, Helvetica, sans-serif; padding: 3px; font-size: 8pt; color: #111;}
textare.contact, input.contact{width: 250px;}
fieldset{border: 1px solid #ccc; background-color: #f7f7f7; padding: 10px 20px 10px 20px; margin: 0px 0px 20px 0px; clear:both; width: 100%; overflow: auto;}
legend{font-size:14px; padding: 0px 10px 0px 10px; margin-bottom: 0px; font-weight:bold; margin-top: 0px; color:#111;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- COMMENT AND CONTACT FORMS ------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.form_form{}
.form_form div.txt{clear: both; margin-bottom: 5px; font-weight: bold; color: #fff; width: 350px;}
.form_form .input_form{padding: 5px; width: 350px; margin-bottom: 20px; font-size: 11pt;}
.form_form textarea.input_form{padding: 5px; width: 500px; height: 180px; font-size: 11pt;}
.form_form select.select_input_form{padding: 5px; width: 273px; margin-bottom: 10px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post_comment_container{background: #333 url(../images/comment_form_bg.gif) top right no-repeat;}
	.post_a_comment{background: url(../images/gray_grunge_two.gif) bottom left no-repeat; padding: 20px; color: #fff;}
		.post_a_comment h2{font-size: 25pt; color: #f00;}
		.post_a_comment p{color: #ccc;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- READER COMMENTS ----------------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.reader_comment{margin-bottom: 15px; padding: 15px 10px 15px; border-bottom: 1px solid #bbd5e8;}
	.reader_comment h3{font-size: 12pt; margin-bottom: 10px; padding-bottom: 10px; font-weight: lighter;}
		.reader_comment h3 a{color: #333; text-decoration: none; }
		.reader_comment h3 a:hover{text-decoration: underline;}
		.reader_comment span.date{color: #c00; font-size: 8pt; text-decoration: none; }
	.reader_comment p{margin-bottom: 0px; padding-bottom: 0px;}
	.reader_comment .image{float: left; width: 80px;}
	.reader_comment .comment{float: right; width: 470px;}
	
.post_a_comment{}


/*- ------ ----------------------------------------------------------------------------------- -*/
/*- GALLERY ------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------- -*/
.gallery_list{list-style: none; padding: 0px; margin: 0px;}
.gallery_list li{float: left;}
.gallery_list li a{display: block; background-color: #333; height: 130px; width: 160px; margin: 0px 20px 20px 0px;}


/*---------------------------------------------------------------------------------------------*/
/*- GALLERY PAGE -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.gallery_list{clear: both; margin-bottom: 30px;}
.gallery_1, .gallery_2, .gallery_3{width: 240px; height: 227px; float: left;}
.gallery_1 .gallery_name, .gallery_2 .gallery_name, .gallery_3 .gallery_name{
	z-index: 2; position: relative; width: 180px; padding: 3px; left: 5px; top: 5px; background-color: #000; font-size: 12pt; color: #fff; text-align: left; font-weight: bolder; letter-spacing: 0px;}
	.gallery_name a{text-decoration: none; color: #fff;}
	.gallery_name a:hover{text-decoration: underline; color: #fc0;}
	.gallery_1 div.the_image, .gallery_2 div.the_image, .gallery_3 div.the_image{z-index: 1; position: absolute; width: 240px; height: 227px; overflow: hidden; top: auto; left: auto;}
	.gallery_1, .gallery_2{margin-right: 34px;}
	.gallery_3{float: right;}

.clicked_image_description{left: 20px; top: 310px; position: absolute; z-index: 2; text-align: left; width: 300px;}
.clicked_image_description h1{font-size: 15pt; padding: 5px; margin: 0px; color: #fff; background-color: #000;}
.clicked_image_description p{opacity: 0.8; font-size: 8pt; padding: 5px; margin: 0px; color: #fff; background-color: #000;}
.clicked_image{background: #fff url(images/indicator.gif) center no-repeat; border: 1px solid #ccc; padding: 0px; margin: 0px; width: 585px; height: 400px; overflow: hidden;	clear: both; position: relative;}

.gallery_images{clear: both; width: 585px; text-align: center;}
.gallery_thumbnail{float: left; border: 1px solid #ccc;	margin: 20px 0px 0px 16px; width: 92px;	height: 69px; overflow: hidden;}

/*-------------------------------------------------------------------------------------------*/
/*- CLEARFIX --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}