/*
Theme Name: Flying Fox Game
Theme URI: http://wordpress.org/
Description: Custom Design for flying fox games
Version: 1.0
Author: Rob king
Author URI: http://wetstreetcreative.com/
Tags: 
*/


*{
margin:0;
padding:0;
	}
html, body {
margin:0;
padding:0;	
background:#000;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
line-height:20px;
	}
a { color:#fff; text-decoration:underline; }
a:hover { color:#fbfbfb; text-decoration:underline; }
h2 { font-size:20px; margin:10px 0; font-weight:normal; letter-spacing:2px; }
h3 { font-size:14px; margin:0 0 5px 0; font-weight:normal; letter-spacing:1px; }

p { margin:8px 0 16px 0; }

#content ul { 
	margin:20px; 
	padding:30px;
	}

#wrapper {
margin:0;
padding:0;
display:block;
	}
#holder {
margin:0;
padding:0;
display:block;
width:936px;
	}
#header-ad {
	padding:15px 0;
	margin:0 auto;
	text-align:center;
	height:100px;
	width:100%;
	display:block;
	background:#000;
	border-bottom:1px solid #5e5e5e;
	}
.floatleft { float:left; }
.floatright { float:right; }

.left { 
	width:222px;
	float:left;
	text-align:center;
	}
.right { 
	width:714px;
	float:left;
	}

#logo {
	width:222px;
	height:186px;
	display:block;
	}
	#logo a h1 { margin:0; padding:0; }
	#logo a { 
	text-indent:-9999px;
	border:0;
	width:222px;
	height:186px;
	display:block;
	background:url('images/logo.jpg');
	}
#nav {
	width:222px;
	height:640px;
	display:block;
	background:url('images/nav.jpg') 222px 0 #000 repeat-x;
	}
#nav ul { 
	padding:85px 0 0 0;
	list-style:none;
	}
	#nav li {
	margin:0 0 16px 0;
	}
	.subnav { 
	position:relative;
	top:-8px;
	right:15px;
	list-style:none;
	padding:0; 
	clear:both; 
	width:100%;
	display:block;
	}
.subnav .page_item { list-style:none; float:right; margin:0; padding:5px 1px 5px 0px;}
.subnav a {
	color:#f2f2f2;
	padding:4px 5px;
	background:#8C8372;
	text-decoration:none;
	font-size:11px;
}
.subnav a:hover, .subnav .current_page_item a {
	background:#21455b;
	text-decoration:none;
}
	#nav a { text-indent:-9999px; }
	#about a {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 222px -85px;
	}
	#about a:hover {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 0px -85px;
	}
	
	#games a {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 222px -152px;
	}
	#games a:hover {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 0px -152px;
	}
	
	#contact a {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 222px -219px;
	}
	#contact a:hover {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 0px -219px;
	}
	
	#friends a {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 222px -286px;
	}
	#friends a:hover {
	width: 181px;
	height:51px;
	display:block;
	background:url('images/nav.jpg') 0px -286px;
	}
	
	#page {
		background:url('images/content-head.jpg') #121212 -1px 0px no-repeat;
		border-left:1px solid #5e5e5e;
		border-bottom:1px solid #5e5e5e;
		border-right:1px solid #5e5e5e;
		display:block;
		clear:none;
		}
	#content {
		width:680px;
		padding:15px;
		}
	.games h2, .games .hold {
		width:100%;
		background:#000;
		border:#5e5e5e 1px solid;
		padding:10px;
		width:660px;
		}
		.feature {
		width:49%;
		left:0px;
		font-size:10px;
		border-right:1px solid #5e5e5e;
		position:relative;
		float:left;
		}
		a.play img {
		border:4px solid #5e5e5e;
		}
		a:hover.play img {
		border:4px solid #fff;
		}
		a.play div {
		width:146px;
		height:22px;
		display:block;
		padding:0 4px 0 4px;
		background:url('images/play-btn.gif');
		color:#000;
		font-size:16px;
		text-decoration:none;
		text-align:center;
		border:4px solid #5e5e5e;
		}
		a:hover.play div { text-decoration:underline; border:4px solid #FFFFFF;}
		
		.feature blockquote {	
		width:45%;
		float:right;
		padding-right:6px;
		}
		
		.featurefeed {
		width:49%;
		left:0px;	
		position:relative;
		float:left;
		clear:none;
			}
		.games ul {
			width:100%;
			right:0px;
			margin:0;
			padding:0;
			list-style:none;
			letter-spacing:normal;
			line-height:normal;
			}
			.games ul li {
			padding:2px 0px 2px 12px;
			float:left;
			}
			.games ul li a img{
			border:1px solid #5e5e5e;
			float:left;
			margin-right:4px;
			} 
			.games ul li a:hover img{
			border:1px solid #fff;
			} 
	.clear { height:1px; display:block; clear:both; float:none; }