/* Global font settings */
*
{
	font-family:	sans-serif; 
}

/* Create banner with an empty div section */
#banner
{
	width:			1024px;
	height:			200px;
	margin:			auto;
	background:		url(images/GradientBanner.jpg);
}

/* Make sure all content is centred correctly */
#page
{
	width:			1024px;
	margin:			auto;
}

/* Make sure all content is centred correctly */
#content
{
	width:			780px;
	margin-right:	10px;
	float:			right;
}

/* For embedding YouTube videos */
#video
{
	margin-left:	6px;
	width:			340px;
	float: 			right;
	text-align:		center;
}

/* The sidebar */
#sidebar
{
	background:		url(images/Sidebar.jpg);
	width:			224px;
	float:			left;
}

#sidebartop
{
	background:		url(images/SidebarTop.jpg);
	width:			224px;
	height:			32px;
}

#sidebarbottom
{
	background:		url(images/SidebarBottom.jpg);
	width:			224px;
	height:			32px;
}

#sidebar li
{
	list-style-type: 	none;
	text-indent:		-20px;
}

#sidebar ul ul li
{
	list-style-type: 	none;
	text-indent:		-40px;
}

/* A game details box */
#gamebox
{
	width:			600px;
	height:			110px;
	vertical-align:	middle;
	text-align:		center;
	margin:			auto;
}

#gameboxtop
{
	background:		url(images/box-t.png);
	width:			600px;
	height:			12px;
	margin:			auto;
}

#gameboxbottom
{
	background:		url(images/box-b.png);
	width:			600px;
	height:			12px;
	clear:			both;
	margin:			auto;
	margin-bottom:	10px;
}

#gameboxleft
{
	background:		url(images/box-l.png);
	width:			10px;
	height:			110px;
	float:			left;
}

#gameboxright
{
	background:		url(images/box-r.png);
	width:			10px;
	height:			110px;
	float:			right;
}

#gameboxbuynow
{
	position:		relative;
	left:			220px;
	top:			-70px;
}

/* The buy it box */
#buybox
{
	border:				dotted;
	clear: 				both;
	padding-top:		6px;
	height:				56px;
	line-height:		56px;
	vertical-align:		middle;
	text-align:			center;
}

#buybox img
{
	vertical-align:		middle;
}

#buybox a
{
	margin-left:		20px;
	margin-right:		20px;
	vertical-align:		middle;
}

/* The footer area */
#footer
{
	background:		url(images/GradientFooter.jpg);
	width:			1024px;
	height:			100px;
	margin:			auto;
	clear:			both;
	text-align:		center;
}

#footerad
{
	width:			1024px;
	height:			100px;
	margin:			auto;
	padding-top:	10px;
	clear:			both;
	text-align:		center;
}

#footer img
{
	background:		white;
}

/* common settings */
.medium
{
	font-size:		12pt;
	padding:		0px;
	margin:			0px;
}

.small
{
	font-size:		10pt;
}

img.alignleft
{
	display:		inline;
	margin-right:	8px;
	float:			left;
}

img.alignright
{
	display:		inline;
	margin-left:	8px;
	float:			right;
}

h3
{
	clear:				both;
	padding-top:		20px;
	text-decoration:	underline;
}

h3.noclear
{
	clear:				none;
	padding-top:		20px;
	text-decoration:	underline;
}