/*
 * Make all browsers equal
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{  
	margin:0; 
	padding:0} 
table{ 
	border-collapse:collapse; 
	border-spacing:0} 
fieldset,img{  
	border:0} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal} 
ol,ul{ 
	list-style:none} 
caption,th{ 
	text-align:left} 
h1,h2,h3,h4,h5,h6{ 
	font-size:100%; 
	font-weight:normal} 
q:before,q:after{ 
	content:''} 
abbr,acronym{
	border:0}
img{
	border:none}
a{
	text-decoration:none}


/*
 * Body formatting
 */
body{
	font-size:8pt;
	font-family:arial, tahoma, verdana;
	background:#fff url(images/body_bg.gif) 0 0 repeat-x}

strong{
	font-weight:bold}


/*
 * Global Header
 */
 #header{
 	position:relative;
 	height:124px;
	background:url(images/header_bg.gif) 0 24px no-repeat}

	#header ul{
		float:right;
		margin:24px 0 0 0;
		width:535px;
		height:41px;
		padding:0 0 0 40px;
		background:url(images/header_ul_bg.gif) 0 0 no-repeat}
		
		#header ul li{
			display:block;
			height:41px;
			float:left}
			
			#header ul li a{
				margin:0 15px;
				display:block;
				height:41px;
				background-image:url(images/header_ul_li_a_bg.gif);
				background-repeat:no-repeat}
			
			#header ul .hm_home a{
				width:57px;
				background-position:0 0}
				#header ul .hm_home a:hover{background-position:0 -41px}
			
			#header ul .hm_blog a{
				width:44px;
				background-position:-57px 0}
				#header ul .hm_blog a:hover{background-position:-57px -41px}
			
			#header ul .hm_forum a{
				width:62px;
				background-position:-101px 0}
				#header ul .hm_forum a:hover{background-position:-101px -41px}
			
			#header ul .hm_exchange a{
				width:96px;
				background-position:-163px 0}
				#header ul .hm_exchange a:hover{background-position:-163px -41px}
			
			#header ul .hm_products a{
				width:87px;
				background-position:-259px 0}
				#header ul .hm_products a:hover{background-position:-259px -41px}
			
				#header ul li a span{
					display:none}

/*
 * Forum Header
 */
#forum_header{
	height:31px;
	background:#d9e5ee url(images/forum_header_bg.gif) 0 0 repeat-x}
	
	#forum_header ul{
		padding:0 0 0 20px}
		
		#forum_header ul li{
			display:block;
			height:31px;
			float:left}
			
			#forum_header ul li a{
				margin:0 12px;
				display:block;
				height:31px;
				background-image:url(images/forum_header_ul_li_a.gif);
				background-repeat:no-repeat}
				
			#forum_header ul .fhm_forumhome a{
				width:81px;
				background-position:0 0}
				#forum_header ul .fhm_forumhome a:hover{background-position:0 -31px}
			
			#forum_header ul .fhm_jump a{
				width:76px;
				background-position:-104px 0}
				#forum_header ul .fhm_jump a:hover{background-position:-104px -31px}
			
			#forum_header ul .fhm_usercp a{
				width:47px;
				background-position:-204px 0}
				#forum_header ul .fhm_usercp a:hover{background-position:-204px -31px}
			
			#forum_header ul .fhm_quicklinks a{
				width:69px;
				background-position:-274px 0}
				#forum_header ul .fhm_quicklinks a:hover{background-position:-274px -31px}
			
			#forum_header ul .fhm_search a{
				width:47px;
				background-position:-366px 0}
				#forum_header ul .fhm_search a:hover{background-position:-366px -31px}
			
			#forum_header ul .fhm_live a{
				width:52px;
				background-position:-437px 0}
				#forum_header ul .fhm_live a:hover{background-position:-437px -31px}
			
			#forum_header ul .fhm_register a{
				width:52px;
				background-position:-513px 0}
				#forum_header ul .fhm_register a:hover{background-position:-513px -31px}
			
			#forum_header ul .fhm_newposts a{
				width:67px;
				background-position:-588px 0}
				#forum_header ul .fhm_newposts a:hover{background-position:-588px -31px}
				
				#forum_header ul li a span{
					display:none}

/*
 * Index Page : intro
 */
#intro{
	margin:0 auto;
	padding:40px 0 30px 0;
	width:860px}
	
	#intro h1{
		color:#023265;
		font-family:"trebuchet ms", arial, tahoma;
		font-size:16pt}
		#intro h1 strong{
			font-weight:bold}
	
	#intro p{
		padding:10px 0;
		font-size:9pt;
		text-indent:1em;}
	
		#intro p a{
			color:#023265;
			font-weight:bold}
			#intro p a:hover{
				text-decoration:underline}
	
	#intro em{
		text-decoration:underline;
		font-style:italic;
		font-weight:bold}
		
	#intro strong{
		font-weight:normal}

/*
 * Index Page : sections
 */
#sections{
	margin:0 auto;
	width:860px;
	height:200px;
	background:url(images/sections_bg.gif) 0 0 no-repeat}
	
	#sections ul{
		padding:0 0 0 2px}
	
		#sections ul li{
			display:block;
			float:left;
			padding:0 7px;
			width:200px;
			height:200px}
			
			#sections ul li h2{
				margin:0 10px;
				padding:10px 0 0 0;
				font-family:"trebuchet ms", arial, tahoma;
				font-size:14pt;
				border-bottom:solid 1px #f1f1f1}
				#sections ul li h2 a{
					color:#023265}
			
			#sections ul li p{
				padding:10px 15px 0 15px;
				text-indent:2em}
				#sections ul li p a{
					color:#777}
				#sections ul li p a:hover{
					color:#000}
			
			#sections ul li h3{
				padding:20px 0 0 15px;
				font-family:arial, tahoma, verdana;
				font-size:8pt;
				color:#555}
				#sections ul li h3 a{
					color:#023265;
					font-size:10pt;
					font-weight:bold}
				#sections ul li h3 a:hover{
					text-decoration:underline}

/*
 * Index Page : todays columns
 */
#todays{
	margin:0 auto;
	padding:30px 0 0 0;
	width:860px;
	height:450px}
	
	#todays ul{}
	
		#todays ul li{
			display:block;
			float:left;
			width:276px;
			height:450px;
			background-image:url(images/todays_ul_li_bg.png);
			background-repeat:no-repeat}
			#todays ul li * li{
				display:list-item;
				float:none;
				width:auto;
				height:auto;
				background:none}
			
			#todays ul li h2{
				margin:0 10px;
				padding:2px 0 0 0;
				font-family:"trebuchet ms", arial, tahoma;
				font-size:14pt}
		
		/*
		 * Index Page : latest article
		 */
		#todays ul .article{
			color:#fff;
			background-color:#2e6fd0;
			background-position:-552px 0}
			
			#todays ul .article h2{
				border-bottom:solid 1px #88ace3}
			
			#todays ul .article dl{
				padding:20px 10px 0 10px;}
				
				#todays ul .article dl dt{
					display:block;
					clear:both;
					float:left;
					color:#8fb2e9;
					padding:0 .5em 0 0}
				
				#todays ul .article dl dd{
					color:#dfe9fa}
					#todays ul .article dl dd a{
						color:#dfe9fa;
						font-weight:bold}
					#todays ul .article dl dd a:hover{
						text-decoration:underline}

			#todays ul .article h3{
				padding:20px 0 0 10px;
				font-family:"trebuchet ms", arial, tahoma;
				font-size:10pt;
				font-weight:bold}
				#todays ul .article h3 a{
					color:#fff}
					#todays ul .article h3 a:hover{
						text-decoration:underline}
			
			#todays ul .article p{
				padding:20px 20px 10px 15px;
				text-indent:2em}
		
		/*
		 * Index Page : today's hottest topics
		 */
		#todays ul .hot_topics{
			margin:0 16px;
			background-color:#f9df6e;
			background-position:-276px 0}
			
			#todays ul .hot_topics h2{
				color:#023265;
				border-bottom:solid 1px #8e9367}
				
			#todays ul .hot_topics ol{
				padding:20px 0 0 0;
				color:#fff2c0;
				font-size:10pt;
				font-weight:bold;
				list-style-position:outside;
				list-style-type:decimal}
			
				#todays ul .hot_topics ol li{
					margin:0 0 0 30px;
					padding:0 0 12px 0;}
					
					#todays ul .hot_topics ol li h3{
						font-size:9pt;
						font-weight:bold;
						text-transform:lowercase}
						#todays ul .hot_topics ol li h3 a{
							color:#023265}
							#todays ul .hot_topics ol li h3 a:hover{
								color:#000}
					
					#todays ul .hot_topics ol li p{
						font-size:7pt;
						font-weight:normal;
						color:#4e6563}
						#todays ul .hot_topics ol li p a{
							color:#e4731f}
						#todays ul .hot_topics ol li p a:hover{
							text-decoration:underline}
		
		/*
		 * Index Page : newest marketplace posts
		 */
		#todays ul .marketplace{
			background-color:#043c77;
			background-position:0 0}
			
			#todays ul .marketplace h2{
				color:#5feaff;
				border-bottom:solid 1px #2982ad}
				
			#todays ul .marketplace ol{
				padding:20px 0 0 0;
				color:#135292;
				font-size:10pt;
				font-weight:bold;
				list-style-position:outside;
				list-style-type:square}
			
				#todays ul .marketplace ol li{
					margin:0 0 0 25px;
					padding:0 0 12px 0;}
					
					#todays ul .marketplace ol li h3{
						font-size:9pt;
						font-weight:bold;
						text-transform:lowercase}
						#todays ul .marketplace ol li h3 a{
							color:#bfd2e4}
							#todays ul .marketplace ol li h3 a:hover{
								color:#fff}
					
					#todays ul .marketplace ol li p{
						font-size:7pt;
						font-weight:normal;
						color:#2d6daf}
						#todays ul .marketplace ol li p a{
							color:#44b6d6}
						#todays ul .marketplace ol li p a:hover{
							text-decoration:underline}

/*
 * Blog : global
 */
#blog_container{
	margin:0 auto;
	padding:55px 0 0 0;
	width:860px;
	overflow:auto}

/*
 * Blog : content
 */
#blog_container .content{
	float:left;
	width:568px}
	
	#blog_container .content .navigation{
		position:relative;
		top:-35px;}
		
		#blog_container .content .navigation,
		#blog_container .content .navigation a{
			font-size:12pt;
			font-family:"trebuchet ms", arial, tahoma;
			font-weight:bold;
			color:#818a00}
		
		#blog_container .content .navigation .alignright{
			position:absolute;
			top:0;
			right:0}
		
		#blog_container .content .navigation .alignleft{
			position:absolute;
			top:0;
			left:0}
	
	#blog_container .content h1{
		position:relative;
		top:-25px;
		color:#012e5b;
		font-size:14pt;
		font-family:"trebuchet ms", arial, tahoma;
		border-bottom:solid 1px #012e5b}
	
	#blog_container .content .article{
		padding:0 0 30px 0}
	
	#blog_container .content .article h2{
		color:#012e5b;
		font-size:14pt;
		font-family:"trebuchet ms", arial, tahoma}
		#blog_container .content .article h2 a{
			color:#012e5b}
	
	#blog_container .content .article .post_info{
		padding:5px 5px 0 0;
		height:27px;
		color:#233649;
		text-align:right;
		background:url(images/blog_heading_bg.gif) 0 0 no-repeat}
		#blog_container .content .article .post_info a{
			color:#233649;
			font-weight:bold}
			#blog_container .content .article .post_info a:hover{
				text-decoration:underline}
	
	#blog_container .content .article .comment_info{
		padding:2px 0 10px 26px;
		color:#485c70}
		#blog_container .content .article .comment_info a{
			color:#012e5b;
			font-weight:bold}
			#blog_container .content .article .comment_info a:hover{
				text-decoration:underline}
	
	#blog_container .content .article .post{
		padding:0 10px}
		#blog_container .content .article .post p{
			padding:5px 0 10px 0;
			text-indent:2em;
			color:#012e5b;
			font-size:10pt;
			font-family:"trebuchet ms", arial, tahoma}
		#blog_container .content .article .post a{
			color:#3fa0ff;
			font-weight:bold}
			#blog_container .content .article .post a:hover{
				text-decoration:underline}
		#blog_container .content .article .post blockquote{
			margin:10px 25px;
			padding:10px 15px;
			color:#9EAEBE;
			font-style:italic;
			border:solid 3px #9EAEBE;
			background:#E0E8EF}
	
	#blog_container .content .article .read_more{
		padding:10px 0 0 0;
		text-align:right;
		font-family:"trebuchet ms", arial, tahoma;
		font-size:13pt}
		#blog_container .content .article .read_more a{
			color:#012e5b;
			font-weight:bold}

/*
 * Blog : comments
 */
#blog_container .content #comments{
	border-top:solid 1px #cddae7}

	#blog_container .content #comments li{
		padding:10px;
		background:#fff;
		border-bottom:solid 1px #cddae7}
	
	#blog_container .content #comments li.alt{
		background:#ecf1f6;}
		
		#blog_container .content #comments .important{
			font-size:12pt;
			color:#ff2c2c;
			font-weight:bold;
			font-family:"trebuchet ms", arial, tahoma;background:#ffc3c3;
			border-bottom:dotted 1px #9eaebe}
		
		#blog_container .content #comments h5{
			color:#012e5b;
			font-size:10pt;
			font-family:"trebuchet ms", arial, tahoma;
			border-bottom:dotted 1px #9eaebe}
			
			#blog_container .content #comments h5 a{
				color:#012e5b;
				font-weight:bold}
				#blog_container .content #comments h5 a:hover{
					text-decoration:underline}
	
	#blog_container .content #comments p{
		color:#31577d;
		padding:15px 5px}
		
		#blog_container .content #comments p a{
			padding:0 2px 0 18px;
			color:#012e5b;
			font-weight:bold;
			background:url(images/link_bg.gif) 2px 4px no-repeat}
			#blog_container .content #comments p a:hover{
				text-decoration:underline}
	
	#blog_container .content #comments p.meta{
		padding:10px 0 0 0}
		#blog_container .content #comments p.meta a{
			padding:0;
			background-image:none}
	
#blog_container .content #respond{
	margin:40px 0 0 0;
	padding:15px;
	background:#9EAEBE}
	
	#blog_container .content #respond h5{
		color:#fff;
		font-size:10pt;
		font-family:"trebuchet ms", arial, tahoma;}
		
		#blog_container .content #respond p{
			padding:3px 0}
			
			#blog_container .content #respond textarea{
				width:530px;
				height:150px}
			
			#blog_container .content #respond .textbox{
				width:250px}
		
		#blog_container .content #respond h5 a{
			color:#012e5b;
			font-weight:bold}
			#blog_container .content #respond h5 a:hover{
				text-decoration:underline}

/*
 * Blog : sidebar
 */
#blog_container .sidebar{
	position:relative;
	float:right;
	width:276px}
	
	#blog_container .sidebar .head{
		height:20px;
		background:url(images/sidebar_bg.gif) left top no-repeat}
		#blog_container .sidebar .head h3{
			display:none}
	
	#blog_container .sidebar .body{
		padding:0 10px;
		min-height:400px;
		height:auto !important;
		height:400px;
		background:url(images/sidebar_bg.gif) 0 -20px no-repeat}
		
		#blog_container .sidebar .body h2{
			color:#023265;
			padding:20px 0 0 0;
			font-family:"trebuchet ms", arial, tahoma;
			font-size:14pt;
			border-bottom:solid 1px #8e9367}
			
			#blog_container .sidebar .body ul li ul{
				padding:7px 0 0 13px;
				color:#fef0bc;
				list-style:square;
				list-style-position:outside}
			
				#blog_container .sidebar .body ul li ul li{
					padding:0 0 2px 0;
					font-size:10pt}
					
					#blog_container .sidebar .body ul li ul li a:hover{
						text-decoration:underline}
	
	#blog_container .sidebar .foot{
		height:20px;
		text-align:center;
		background:url(images/sidebar_bg.gif) left bottom no-repeat}
		#blog_container .sidebar a{
			color:#012e5b}

/*
 * Exchange : global
 */
#exchange_container{
	margin:0 auto;
	width:860px}
	
	#exchange_container h1{
		color:#023265;
		padding:50px 0 0 0;
		text-align:center;
		font-family:"trebuchet ms", arial, tahoma;
		font-size:72pt}
	
	#exchange_container .login{
		float:left}
	
		#exchange_container .login dt{
			color:#023265;
			font-size:12pt;
			font-family:"trebuchet ms", arial, tahoma;
			font-weight:bold}

		#exchange_container .login dd{
			padding:0 0 5px 0}
		
			#exchange_container .login .textbox{
				width:250px;
				color:#8daedf;
				font-size:12pt;
				font-family:"trebuchet ms", arial, tahoma;
				font-weight:bold;
				border:solid 3px #8daedf}
			
			#exchange_container .button{
				margin:0 0 0 200px;
				padding:0;
				color:#2E6FD0;
				font-size:13pt;
				font-family:"trebuchet ms", arial, tahoma;
				font-weight:bold;
				border:none;
				background:#fff;
				cursor:pointer}
		
		#exchange_container .register{
			padding:45px 0 0 25px;
			font-size:13pt;
			font-family:"trebuchet ms", arial, tahoma;}
			
			#exchange_container .register span{
				color:#555;
				padding:0 180px}
				
				#exchange_container .register a{
					font-size:22pt;
					color:#023265;
					font-weight:bold}
					#exchange_container .register a:hover{
						text-decoration:underline}


/*
 * Products : global
 */
#products_container{
	margin:0 auto;
	width:860px}

#products_container .product_listing{
	position:relative;
	padding:10px;
	margin:0 0 40px 0;
	height:306px;
	background:url(images/product_listing_bg.gif)}
	
	#products_container .product_listing img{
		position:absolute;
		top:10px;
		left:10;
		width:208px;
		height:300px;
		border:solid 3px #efefef}
	
	#products_container .product_listing h2{
		margin:0 10px 0 228px;
		color:#023265;
		font-family:"trebuchet ms", arial, tahoma;
		font-size:22pt;
		border-bottom:solid 1px #023265;}
	
	#products_container .product_listing p{
		color:#555;
		padding:10px 0 10px 228px}
	
	#products_container .product_listing ul{
		padding:10px 0 0 228p;
		list-style:square;
		list-style-position:inside}
		
		#products_container .product_listing ul li{
			color:#023265;
			padding:1px 0 0 238px}
			#products_container .product_listing ul li a{
				font-weight:bold;
				color:#023265}
				#products_container .product_listing ul li a:hover{
					text-decoration:underline}
	
	#products_container .product_listing h3{
		padding:10px 0 20px 238px;
		color:#023265;
		font-family:"trebuchet ms", arial, tahoma;
		font-size:12pt}
		
		#products_container .product_listing h3 a{
			color:#005825;
			font-family:"trebuchet ms", arial, tahoma;
			font-size:14pt;
			border-bottom:solid 1px #005825}
	

/*
 * Global : footer
 */
#footer{
	margin:40px auto;
	padding:5px;
	width:860px;
	border-top:solid 1px #9eaebe}