/*****Flock Website base CSS. See Page-Specific CSS for setting main content container. *****/

/*****Reset*****/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	blockquote, q {
		quotes: none;
	}
	:focus {
		outline: 0;
	}
	ol, ul {
		list-style: none;
	}

/*****Basic Elements*****/
/*body, h1-h6, ul, ol, a, p, etc.*/
	body {
		background-color: #004e7c; 
		background-image: url('../images/background_blue.png');
		background-repeat: repeat; 
	}

/*****Basic Layout*****/
/*header, footer, etc. */
	#background_layer {
		background: url('../images/main_background.png') repeat-x;
	}


	#pagewrap {
		height:auto;
		margin: 0 auto;
		position:relative;
		width: 1020px;
	}

/*Header Specific Styles*/
	#header {
		
		height:210px;
		padding:0px;
		position:relative;
		top:10px;
	}
			
	#logo {
		background-image: url('../images/top_logo.png');
		background-repeat: no-repeat;
		height:138px;
		left:0px;
		position:relative;
		top:-3px;
		width:352px;
	}


/****Main  Container ****/
		#main {
			float:left;
			font-family:'verdana';
			font-size:12px; 
			height:auto;
			position:relative;
			top:-90px;  /*Moves main content up.*/
			width:820px;
		}
		
		 #appspace {
			height:auto;
			position:relative;
		}

/****Right Column and Content ****/
		#rightcol {
			float:right;
			height:auto;
			width:200px;
		}
		#promoimage {
			background-image: url('../images/sheep_island.png');
			background-repeat: no-repeat;
			height:313px;
			position:relative;
			top:73px;
			width:220px;
		}
    
/*****Footer*****/
	#footer {
				height:auto;
				clear:both;
				position:relative;
				bottom:0px;
				/* top:25px;  /*Controls spacing between footer and main content*/
			}
	#partnerbadges {
		background-repeat: no-repeat;
		height:100px;
		margin: 0 auto;
		width:935px;
	}
	#legalese 	{
		font-family: arial, "lucida console", sans-serif;
		font-size: xx-small;
		font-weight: bold;
		text-align: center;
		
	}
	
/****Main Menu****/	
	#menucontainer {
		background-image: url('../images/top_menu_thread.png');
		background-repeat: no-repeat;
		height:205px;
		left:352px;
		position:relative;
		top:-140px;
		width:673px;
	}
	
	#menulist {
		position:relative;
	
	}
	
	#menulist a {	
		text-decoration:none;	
		font-family:'verdana';
		font-size:16px; 
		color:#fff;
	}

/****Menu Buttons****/

		#menulist *  > a  {	display:block;}  /*Sets all Links in menu to correct display type*/
		#menulist *  > a span {margin-left: -5000px;}   /*Moves Text Links off screen*/

		#video {
			left:0px;
			position:absolute;
			margin-left:35px;
			margin-top:13px;
			
		}
		#video a {
			background-image: url('../images/buttons/but_wht_video.png');
			background-repeat: no-repeat;
			height:23px;
			width:52px;			
		}
		#video a.selected { background-image:url('../images/buttons/but_blk_video.png'); }
		#video a:hover { background-image:url('../images/buttons/but_yel_video.png'); }
		#video a.selected:hover { background-image:url('../images/buttons/but_blk_video.png'); }
		
		#overview {
			position:absolute;
			margin-left:141px;
			margin-top:68px;
		}
		#overview a {
			background-image: url('../images/buttons/but_wht_overview.png');
			background-repeat: no-repeat;
			height:42px;
			width:83px;			
		}
		#overview a.selected { background-image:url('../images/buttons/but_blk_overview.png'); }
		#overview a:hover { background-image:url('../images/buttons/but_yel_overview.png'); }
		#overview a.selected:hover { background-image:url('../images/buttons/but_blk_overview.png'); }
		
		#screenshots {
			left:0px;
			position:absolute;
			margin-left:150px;
			margin-top:10px;		
		}
		#screenshots a {
			background-image: url('../images/buttons/but_wht_screenshots.png');
			background-repeat: no-repeat;
			height:31px;
			width:114px;			
		}
		#screenshots a.selected { background-image:url('../images/buttons/but_blk_screenshots.png'); }
		#screenshots a:hover { background-image:url('../images/buttons/but_yel_screenshots.png'); }
		#screenshots a.selected:hover { background-image:url('../images/buttons/but_blk_screenshots.png'); }

		#flashgames {
			position:absolute;
			margin-left:270px;
			margin-top:65px;
		}
		#flashgames a {
			background-image: url('../images/buttons/but_wht_flashgames.png');
			background-repeat: no-repeat;
			height:37px;
			width:105px;			
		}
		#flashgames a.selected { background-image:url('../images/buttons/but_blk_flashgames.png'); }
		#flashgames a:hover { background-image:url('../images/buttons/but_yel_flashgames.png'); }
		#flashgames a.selected:hover { background-image:url('../images/buttons/but_blk_flashgames.png'); }
		
		#blog {
			position:absolute;
			margin-left:385px;
			margin-top:15px;
		}
		#blog a {
			background-image: url('../images/buttons/but_wht_blog.png');
			background-repeat: no-repeat;
			height:40px;
			width:43px;			
		}
		#blog a.selected { background-image:url('../images/buttons/but_blk_blog.png'); }
		#blog a:hover { background-image:url('../images/buttons/but_yel_blog.png'); }
		#blog a.selected:hover { background-image:url('../images/buttons/but_blk_blog.png'); }
		
		#community {
			position:absolute;
			margin-left:470px;
			margin-top:78px;
		} 
		#community a {
			background-image: url('../images/buttons/but_wht_community.png');
			background-repeat: no-repeat;
			height:36px;
			width:89px;			
		}
		#community a.selected { background-image:url('../images/buttons/but_blk_community.png'); }
		#community a:hover { background-image:url('../images/buttons/but_yel_community.png'); }
		#community a.selected:hover { background-image:url('../images/buttons/but_blk_community.png'); }
		
		#pcdemo {
			position:absolute;
			margin-left:503px;
			margin-top:158px;
		}
		#pcdemo a {
			background-image: url('../images/buttons/but_wht_pcdemo.png');
			background-repeat: no-repeat;
			height:36px;
			width:65px;			
		}
		#pcdemo a:hover { background-image:url('../images/buttons/but_yel_pcdemo.png'); }
		/*
		#pcdemo a.selected { background-image:url('../images/buttons/but_blk_pcdemo.png'); }
		#pcdemo a.selected:hover { background-image:url('../images/buttons/but_blk_pcdemo.png'); }
		*/
		#buynow {
			position:absolute;
			margin-left:593px;
			margin-top:180px;
		}
		#buynow a {
			background-image: url('../images/buttons/but_wht_buynow.png');
			background-repeat: no-repeat;
			height:19px;
			width:63px;			
		}
		#buynow a.selected { background-image:url('../images/buttons/but_blk_buynow.png'); }
		#buynow a:hover { background-image:url('../images/buttons/but_yel_buynow.png'); }
		#buynow a.selected:hover { background-image:url('../images/buttons/but_blk_buynow.png'); }
		
		#esrbbadge {
			position:absolute;
			margin-left:525px;
			margin-top:0px;
			/*background-image: url('../images/esrb.png');
			
			*/
			background-repeat: no-repeat;
			height:59px;
			position:relative;
			width:147px;
		}
		#esrbbadge a {
			display:block;
			background-image: url('../images/esrb.png');
			background-repeat: no-repeat;
			height:59px;
			width:147px;	
		}

		/*
		#esrbbadge a:hover { background-image:url('../images/esrb.png'); }
		*/
		#esrbbadge  a span {margin-left: -5000px;}  
			
		.patchbutton {
			position: absolute;
			top: 540px;
			left: 655px;
			width: 175px;
			height: 67px;
			z-index: 1000;
			cursor: pointer;
		}