/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
* {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

body {
 	font-size: 12px;
	font-family: arial;
	background-color: #3A3A3C;	
	background-image: url(../images/bgd_fade.jpg);
	background-repeat: repeat-x;
}

.clear{
	clear: both;
}

a img{
 border: none;
}

/* MAIN PAGE FRAME LAYOUT
----------------------------------------- */
#mainContainer{
	width: 810px;
	margin: auto;
}
	#headerContainer{
		height: 130px;
		width: auto;
		background-color: #05556C;
	}
		#bannerLogo{
			float: left;
			margin-top: 22px;
		}
		#designedbyTab{
			float: right;
			width: 268px;
			height: 32px;
			background-image: url(../images/design_by_tab.jpg);
			margin-top: 98px;
			margin-right: 15px;
		}
			#designedbyText{
				text-align: right;
				color: #FFFFFF;
				padding-right: 10px;
				padding-top: 13px;
			}
	
	#contentContainerFrame{
		width: 784px;
		margin: auto;
		background-color: #05556C;
		clear: both;
	}
		#contentContainerLine{
			background-color: #0E83A6;
			width: 780px;
			margin: auto;
			height: 7px;
		}
		#contentContainerWhite{
			width: 780px;
			margin: auto;
			background-color: #FFFFFF;	
			background-image: url(../images/content_fade.jpg);
			background-repeat: repeat-x;
			padding-bottom: 20px;
		}
			#Menu{
				padding: 10px;
				text-align: left;
				margin-bottom: 14px;
			}
				#Menu a:link {
				text-decoration: none;
				}
				#Menu a:visited {
					text-decoration: none;
				}
				#Menu a:hover {
					text-decoration: underline;
				}
				#Menu a:active {
					text-decoration: underline;
				}
				.menu_link_left{
					float: left;
					margin-right: 5px;
				}
				.menu_link{
					float: left;
					margin-left: 5px;
					margin-right: 5px;
				}
			#pageContent{
				width: 760px;
				margin: auto;
			}
			
/* CONTENT AREAS
----------------------------------------- */
#leftBox{
	float: left;
	width: 515px;
	margin-right: 10px;
}
#rightBox{
	float: left;
	width: 235px;
}
	.boxInside{
		width: auto;
		background-image: url(../images/box_fade.jpg);
		background-repeat: repeat-x;
		padding-top: 6px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.boxHeader{
		width: auto;
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 6px;
	}
	.boxHeader2{
		width: auto;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 6px;
	}
	.boxHeader3{
		width: auto;
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 6px;
	}
	.boxText{
		width: auto;
		padding: 6px;
		background-color: #FFFFFF;
		border: 1px;
		border-style:solid;
		border-color: #D5D6D8;
	}
	
/* GAME PAGE CSS
----------------------------------------- */
#gameImage{
	float: left;
	margin-right: 10px;
	width: 200px;
	height: auto;
}
	#gameImage img{
		max-width: 194px;
		padding: 2px;
		border: 1px;
		border-color: #D5D6D8;
		border-style: solid;
	}
#gameDetailsTitles{
	float: left;
	margin-right: 10px;
	width: 126px;
	height: auto;
	font-weight: bold;
}
#gameDetails{
	float: left;
	margin-right: 5px;
	width: 115px;
	height: auto;
}
#gameStatus{
	float: left;
	width: 249px;
	height: auto;
	padding-left: 10px;
	border-left: 1px;
	border-left-style: solid;
	border-left-color: #D5D6D8;
}

/* PROJECT UPDATE CSS
----------------------------------------- */
.projectUpdateHolder{
	width: auto;
	margin-bottom: 20px;
}
.projectUpdateImg{
	margin-bottom: 6px;
}
	.projectUpdateImg img{
		max-width: 475px;
		padding: 2px;
		border: 1px;
		border-color: #D5D6D8;
		border-style: solid;
	}
.horizontalLine{
	width: auto;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #D5D6D8;
	margin-bottom: 20px;
}
#backToTop{
	text-align: right;
}
/* ADD TO CART CSS
----------------------------------------- */
#gamePrice{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
}
#addtoCart{
}
/* HOMEPAGE CSS
----------------------------------------- */
#featuredGameImage{
	float: left;
	margin-right: 10px;
	width: 200px;
	height: auto;
}
	#featuredGameImage img{
		max-width: 194px;
		padding: 2px;
		border: 1px;
		border-color: #D5D6D8;
		border-style: solid;
	}
#featuredGameText{
	float: left;
	width: 271px;
	height: auto;
}
	#featuredGameLink{
		margin-top: 20px;
	}
#storeGameImage{
	float: left;
	margin-right: 10px;
	width: 200px;
	height: auto;
}
	#storeGameImage img{
		max-width: 194px;
		padding: 2px;
		border: 1px;
		border-color: #D5D6D8;
		border-style: solid;
	}
#storeGameText{
	float: left;
	width: 271px;
	height: auto;
}
/* PROJECT UPDATE PAGE CSS
----------------------------------------- */
#backToProject{
	width: auto;
	text-align: right;
	margin-bottom: 20px;
}
#projectUpdatePageImage{
	width: 760px;
	height: auto;
}
	#projectUpdatePageImage img{
		max-width: 750px;
		padding: 2px;
		border: 1px;
		border-color: #D5D6D8;
		border-style: solid;
	}
#projectUpdatePageText{
	width: auto;
	margin-top: 10px;
}