/************************
 * Crysis Freedom Theme
 * Coded by Woolf
 *	woolfy.servegame.com
	
 * 10/20/2007
*************************/

/* General Layout
------------------------*/

body{
	background: #2e3336;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #373c42;
}

#wrapper{
	background: url(images/page_bg.jpg);background-repeat: repeat-y;
	width: 850px;
	margin: auto;
	padding: 0px 8px 0px 8px;
}

#top_header{
	background: url(images/top_header.jpg);background-repeat: no-repeat;
	width: 850px;
	height: 62px;
}

a{color: #373c42;text-decoration: none;}
a:hover{color: #552424;text-decoration: underline;}



/* Top Wrapper
		- header, top links, right nav
------------------------*/
#top_wrapper{}

#header{
	background: url(images/header.jpg);background-repeat: no-repeat;
	width: 647px;
	height: 176px;
}


/* Top Navigation Links */
#top_links{
	background: url(images/top_links.jpg);background-repeat: no-repeat;
	width: 647px;
	height: 35px;
}

	ul#top_links_ul{
		padding: 0;margin: 0;
		padding: 8px;
	}
	
	#top_links_ul li{
		list-style: none;
		background: url(images/top_links_green.jpg);background-repeat: no-repeat;
		float: left;
	}
	
	#top_links_ul li.orange{
		background: url(images/top_links_orange.jpg);background-repeat: no-repeat;
	}
	
	#top_links_ul li a{
		display: block;
		color: #999ea1;
		text-decoration: none;
		padding-left: 13px;
		margin-right: 25px;
		line-height: 25px;
		margin-top: -3px;
	}
	
	#top_links_ul li a:hover{
		color: #dddddd;
	}

/* Right Navigation Links */
#right_nav{
	float: right;
}
	
	/* Crysis Guide */
	#right_nav_main{
		background: url(images/rightnav_crysis_guide.jpg);background-repeat: no-repeat;
		width: 200px;
		height: 42px;
	}



/* Content Wrapper
------------------------*/

#space_bar{
	background: #7a7e81;
	height: 7px;
}

#left_wrapper{
	width: 645px;
	float: left;
	
	border-bottom: 10px solid #7c8b91;
	margin-bottom: 1px;
}

#left_wrapper_content{
	margin: 1px;
	width: 644px;
}

#right_wrapper{
	width: 200px;
	float: left;
	margin-left: 5px;
}

	/* Three Boxes
	------------------------*/
	
	#three_boxes{
		margin-bottom: 1px;
		background: #747c81;
		border-bottom: 1px solid #464c52;
	}
	
	#box1{
		float: left;
		width: 213px;
		height: 189px;
		border-right: 1px solid #464c52;
	}
	
		#box1_head{
			border-top: 6px solid #232f32;
			height: 19px;
			background: #44575e;
			color: #dddddd;
			text-indent: 25px;
			padding-top: 4px;
			background-image: url(images/icon_downloads.jpg);background-repeat: no-repeat;
			background-position: 8px 4px;
			border-bottom: 1px solid #9da3a7;
		}
		
		#box1_content{
			background: #aaafb2;
			margin: 4px 5px 4px 5px;
			height: 152px;
		}
		
		
	#box2{
		float: left;
		width: 213px;
		height: 189px;
		border-right: 1px solid #464c52;
		border-left: 1px solid #b9bfc2;
	}
	
		#box2_head{
			border-top: 6px solid #222920;
			height: 19px;
			background: #475642;
			color: #dddddd;
			text-indent: 40px;
			padding-top: 4px;
			background-image: url(images/icon_comments.jpg);background-repeat: no-repeat;
			background-position: 11px 3px;
			border-bottom: 1px solid #9da3a7;
		}
		
		#box2_content{
			margin: 4px 5px 4px 5px;
			height: 152px;
		}
		
	#box3{
			float: left;
			width: 213px;
			height: 189px;
			border-right: 1px solid #464c52;
			border-left: 1px solid #b9bfc2;
	}
		
			#box3_head{
				border-top: 6px solid #322717;
				height: 19px;
				background: #695130;
				color: #dddddd;
				text-indent: 31px;
				padding-top: 4px;
				background-image: url(images/icon_articles.jpg);background-repeat: no-repeat;
				background-position: 13px 4px;
				border-bottom: 1px solid #9da3a7;
			}
			
			#box3_content{
				background: #aaafb2;
				margin: 4px 5px 4px 5px;
				height: 152px;
			}
			
	
	/* Featured Content
	------------------------*/
	#featured{
		border-bottom: 1px solid #9da3a7;
	}
		#featured_head{
			border-top: 6px solid #481e1e;
			height: 19px;
			background: #622828;
			color: #dddddd;
			text-indent: 25px;
			padding-top: 4px;
			background-image: url(images/icon_arrow.jpg);background-repeat: no-repeat;
			background-position: 12px 8px;
			border-bottom: 1px solid #9da3a7;
		}
	
	
	/* News Content
	------------------------*/
	#news_head{
		border-top: 6px solid #25292d;
		border-bottom: 2px solid #25292d;
		height: 19px;
		background: #373c42;
		color: #dddddd;
		text-indent: 25px;
		padding-top: 4px;
		background-image: url(images/icon_arrow_news.jpg);background-repeat: no-repeat;
		background-position: 12px 8px;
		border-bottom: 1px solid #9da3a7;
	}
	
		.news_top{
			background: #989ea1;
			border-top: 5px solid #aaafb2;
			height: 24px;
			font-family: Arial, Tahoma, Verdana;
			font-size: 18px;
			text-indent: 13px;
			padding-top: 2px;
		}
		
		.news_date{
			background: #7c8b91;
			height: 18px;
			text-indent: 25px;
			background-image: url(images/icon_news_arrow.jpg);background-repeat: no-repeat;
			background-position: 15px 7px;
			padding-top: 3px;
		}
		
		.news_content{
			background: #aaafb2;
			padding: 10px;
			font-size: 12px;
			border-bottom: 14px solid #373c42;
			margin-bottom: 1px;
		}
		
			.news_image{
				padding-left: 25px;
				float: left;
				margin-right: 10px;
			}
	
	/* Footer
	------------------------*/
	#footer_wrapper{}
		
		#footer_links{
			background: #2e3438;
			border-bottom: 2px solid #41464a;
			text-align: center;
			height: 29px;
			padding-top: 15px;
			color: #dddddd;
		}
		
			#footer_links a{color: #dddddd;}
			#footer_links a:hover{color: #ffffff;}
	
		#footer_copyright{
			background: #25292d;
			background-image: url(images/footer.jpg);background-repeat: no-repeat;
			background-position: 12px 10px;
			height: 68px;
			padding-top: 10px;
			padding-left: 211px;
			color: #dddddd;
		}
		
			#footer_copyright a{color: #a9c10b}

/* Forms
------------------------*/
form{padding: 0;margin: 0;}
.transparent{
	border: 0;
	background: transparent;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #c9f5b7;
}