/* ----------------------- */
/* Main styles		   */
/* ----------------------- */

body 
{
	background: #C0C0C0;
	margin: 6px;
	color: #000000;
	text-align: center;
}

.page
{
	width: 1005px;
	margin: auto;
	background: #ffffff;
}

.top-area
{
	background-image: url('/images/bg/bg1.jpg');
	background-position: 100% 0%;
	background-repeat: no-repeat;
	height: 100px;
	width: 100%;
	padding: 8px;
}

.content-area
{
	text-align: left;
	padding: 8px;
	background: #ffffff;
	width: 100%;
}

.copyright-area
{
 	width: 100%;
	background: #F0F0F0;
	border-top: 4px solid #E1E1E1;
	font-size: 11px;
	font-family: tahoma;
	color: #969696;
	padding: 8px;
}

/* ----------------------- 	*/
/* Secondarys			*/
/* -----------------------	*/

.logo
{
	font-variant:small-caps;
	font-size: 48px;
	color: #FF4040;
	height: 32px; 
	float: left; 
	top: 45px; 
	position:relative; 
	margin-left: 12px;
}
.fbbutton
{
	position:relative; 
	top: 50px;
	float: left;
}

.content
{
	float: left;
	width: 704px; 
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.pad
{
	padding:8px;
}

.pad_left
{
	padding-top:8px;
	padding-bottom:8px;
	padding-left:24px;
	padding-right:8px;
}

/* ----------------------- */
/* Menu			   */
/* ----------------------- */

.menu-box
{
	width: 265px; 
	float: right; 
	margin-right: 6px;
	margin-top: 12px;
	margin-left: 6px;
	padding: 4px;
}

.menu-top
{

	width: 100%;

	font-family: tahoma;
	font-size: 11px;

	padding: 3px;

	color: #000000;
	background: #E1E1E1;

}
.menu-bottom
{

	width: 100%;

	margin-bottom: 24px; 
	clear: both;

	font-family: tahoma;
	font-size: 11px;

	padding: 3px;

	background: #F0F0F0;
	border-bottom: 4px solid #E1E1E1;

}
.menuadvert
{
	width: 100%;

	margin-bottom: 24px; 
	padding: 12px 4px;

	text-align: center; 

	background: #F0F0F0;
	border-bottom: 4px solid #E1E1E1;
}

.bar
{
	border-bottom: 1px dotted #C0C0C0;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
} 

/* ----------------------- */
/* Rating Bar              */
/* ----------------------- */

.ScoreBox 
{
	width: 102px;
	height: 12px;
	background: url('/images/site/star_ghost.gif') no-repeat 0 0;
	float: left;
	padding: 1px;
}

.ScoreBoxLong
{
	height: 12px;
	background: url('/images/site/star_ghost.gif') repeat 0 0;
	float: left;
	padding: 1px;
}

.ScoreBar
{
	background: url('/images/site/star_light.gif') repeat-x 0 0;
	height: 100%;
}


/* ----------------------- */
/* Pop-up styles            */
/* ----------------------- */

a.info
{
    position:relative; /*this is the key*/
    color: #000000;
}

a.info:hover
{
	z-index:25; 
	background-color: #E3F0F9;
}

a.info span
{
	display: none
}

a.info:hover span
{
	display:block;
	position:absolute;
	padding: 8px;
	border:1px solid #F5F5F5;
	background-color:#ffffff; 
	color:#000000;
	text-align: left;
	width: 240px;
}

/* ----------------------- */
/* Standard HTML tags      */
/* ----------------------- */

h1 
{
	color: #000000;
	font-size: 20px;
	font-family: Tahoma;
	font-weight: bold;

	margin-top: 0px;
	margin-bottom: 12px;

}
h1.black
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
h1.ps3
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #D60000;
}
h1.xbox360
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #00D487;
}
h1.game
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #008CD4;
}
h2 
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h3 
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #D60000;
	text-decoration:underline;
}

table
{
	font-size: 12px;
}

/* ----------------------- */
/* Nav bar		   */
/* ----------------------- */

#navbar
{

	float: left;
	width: 100%;
	background: #00B5BD;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 16px 0px;
}
#navbar ul
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#navbar ul li 
{
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}

#navbar ul li a 
{
	display:block;
	margin:0 0 0 1px;
	padding: 6px 15px;
	font-size: 8pt;
	text-decoration:none;
	font-family: Verdana;
	color: white;
	text-align: center;
}
#navbar ul li a:hover 
{
	color: yellow;
	background: #00A8AA;
}

/* ----------------------- */
/* Games stuff	 	   */
/* ----------------------- */

#snavbar
{

	float: left;
	width: 100%;
	background: #008CD4;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 16px 0px;
}
#snavbar ul
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:0%;
	text-align:center;
}
#snavbar ul li 
{
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:0%;
}

#snavbar ul li a 
{
	display:block;
	margin:0 0 0 1px;
	padding: 3px 12px;
	font-size: 7pt;
	text-decoration:none;
	font-family: Verdana;
	color: white;
	text-align: center;
}
#snavbar ul li a:hover 
{
	color: yellow;
	background: #11AEFF;
}


.gtitle
{
	width: 98%;
	background: #000000;
	padding: 3px 3px 3px 12px;

	opacity:0.5;
	filter:alpha(opacity=50);

	font-size: 32px;
	color: #ffffff;

	position: relative;
	float: left;
	top: 76px;

	font-variant:small-caps;
}
	

/* ----------------------- */
/* Forum Board		  */
/* ----------------------- */

.board_table
{
	width: 100%;
	border-spacing: 0px;
	border-collapse:collapse;
}

.board_table th
{
	padding: 2px;
	color: #000000;
	font-size: 12px;
	background: #E1E1E1;
	font-weight: normal;
}

.board_table td td
{
	border: 0;
}

.board_table td
{
	padding: 6px;
	border:solid 1px #E6E6E6;
}


.board_table td.info
{
	text-align: center;
	font-size: 8pt;
}

/* ----------------------- */
/* Comment styles          */
/* ----------------------- */

.com_left
{
	width: 108px; 
	border-bottom: 1px solid #EBEBEB;
	font-size: 7pt;
	color: #646464;
	text-decoration: none;
	width: 60px;
	text-align: center;
	vertical-align: top;
}

.com_right
{
	padding: 4px;
	border-bottom: 1px solid #EBEBEB;
}

/* ----------------------- */
/* Link styles             */
/* ----------------------- */

a:link, a:visited, a:active 
{
	font-weight: normal;
	COLOR: #003BA6;
	text-decoration:none;
	opacity:1.0;
	filter:alpha(opacity=100);
}

a:hover 
{
	font-weight: normal;
	color: #003BA6;
	text-decoration: underline;
	opacity:0.9;
	filter:alpha(opacity=90);
}

a:link.smalllink, a:visited.smalllink, a:active.smalllink 
{
	font-weight: normal;
	font-size: 7pt;
	COLOR: #003BA6;
	TEXT-DECORATION: underline;
}

a:hover.smalllink 
{
	text-decoration: none;
}

a:link.colourlink, a:visited.colourlink, a:active.colourlink 
{
	font-weight: normal;
	COLOR: #00B5BD;
	TEXT-DECORATION: none;
	opacity:0.8;
	filter:alpha(opacity=80);
}

a:hover.colourlink
{
	font-weight: normal;
	COLOR: #00B5BD;
	text-decoration: underline;
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* ----------------------- */
/* User rights colours     */
/* ----------------------- */

a:link.normal, a:visited.normal, a:active.normal
{
	font-weight: bold;
	COLOR: #646464;
	text-decoration: none;
	opacity:0.8;
	filter:alpha(opacity=80);
}

a:hover.normal
{
	font-weight: bold;
	color: #AFAFAF;
	text-decoration:none;
}

/* --- */

a:link.ammo, a:visited.ammo, a:active.ammo
{
	font-weight: bold;
	COLOR: #E2BD2D;
	text-decoration: none;
}

a:hover.ammo
{
	font-weight: bold;
	color: #E7C551;
	text-decoration:none;
}

/* --- */

a:link.ps3, a:visited.ps3, a:active.ps3
{
	font-weight: bold;
	COLOR: #4DC37F;
	text-decoration: none;
}

a:hover.ps3
{
	font-weight: bold;
	color: #6BCD92;
	text-decoration:none;
}

/* --- */

a:link.x, a:visited.x, a:active.x
{
	font-weight: bold;
	COLOR: #C000C0;
	text-decoration: none;
}

a:hover.x
{
	font-weight: bold;
	color: #C000C0;
	text-decoration:none;
}

/* --- */


a:link.mod, a:visited.mod, a:active.mod
{
	font-weight: bold;
	COLOR: #0000FF;
	text-decoration: none;
}

a:hover.mod
{
	font-weight: bold;
	color: #6569FF;
	text-decoration:none;
}


a:link.admin, a:visited.admin, a:active.admin
{
	font-weight: bold;
	COLOR: #FF0000;
	text-decoration: none;
}

a:hover.admin
{
	font-weight: bold;
	color: #FF6565;
	text-decoration:none;
}


.custom_title
{
	font-size: 7pt;
	color: #028CD4;
	text-decoration: none;
	font-weight: bold;

	background-image: url('http://roguey.co.uk/users/badges/empty.gif'); 
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;

	padding: 4px 0px 0px 0px;
}

/* ----------------------- */
/* Parser stuff like quotes /*
/* ----------------------- */


.code
{
	width: 90%;
	padding: 8px;
	border:solid 1px #008000;
	color: #008000;
	margin-left: auto;
	margin-right: auto;
}

.quote
{
	width: 90%;
	padding: 8px;
	border:solid 1px #588AB8;
	color: #588AB8;
	margin-left: auto;
	margin-right: auto;
}



/* ----------------------- */
/* Small styles            */
/* ----------------------- */

.smalltext
{
	font-size: 7pt;
	color: #4B4B4B;
	text-decoration: none;
}
.subtext
{
	font-size: 7pt;
	color: #B4B4B4;
	text-decoration: none;
}
.copyright-text
{
	font-size: 8pt;
	color: white;
	text-decoration: none;
	text-align: center;
}

a:link.contact, a:visited.contact, a:active.contact 
{
	font-size: 8pt;
	color: #919191;
	font-weight: bold;
}

/* ----------------------- */