/****************************************************************************

	CSS Includes 
	
	This file imports several external CSS files.

	This file is also imported by master.css so each page only
	needs to reference the master.css file to employ all styles.

	Import map is as follows:
		
	master.css -> reset.css
		   -> stylev1.css -> navbar.css
		   		  -> news.css
		   		  -> historybox.css
		   		  -> sidebar.css
		   		  -> footer.css

****************************************************************************/

/***** Navbar Styles *****/
@import url("navbar.css");

/***** News Page Styles *****/
@import url("news.css");

/***** History/Upcoming Matches Box Styles *****/
@import url("historybox.css");

/***** Sidebar Styles *****/
@import url("sidebar.css");

/***** History Sidebar Styles *****/
@import url("sidebar_history.css");

/***** Footer Styles *****/
@import url("footer.css");

/***** Global Settings *****/

body {
	background-image: url('/images/bg-black.jpg');
	background-repeat: repeat;
	font-family: tahoma, arial, sans-serif ;
	text-align: left;
	font-size: 0.7em;
	color: #222222;
	line-height: 16px;
}

/***** Font Styles *****/


h1 {
	font:22px "Trebuchet MS", "Tahoma", Verdana, serif;
	color:#940300;
	background-color:inherit;
	text-transform: none;
	padding: 5px;
}

h2 {
	font:19px "Trebuchet MS", "Tahoma", Verdana, serif;
	color:#940300;
	background-color:inherit;
	text-transform: none;
	padding: 0px;
}

h4 {
	font:bold 15px "Trebuchet MS", "Tahoma", Verdana, serif;
	color:#940300;
	/*background-color:inherit; - fix forum bg style issue that was interhiting h4's bgcolor */ 
	text-transform: none;
	padding: 0;
	margin: 0;
}

a	{
	color: #AB0000;
}
a:hover {
	color: #060606;
}

p	{
	padding: 6px;
}

#subTitle {
	margin-top: -5px;
	margin-left: 4px;
	color: #11aaff;
	font-size: 11px;
}

/***** Popup Styling ******/

#tiny
{ 	padding: 4px;
	font-size: 9px;
}

#tiny a
{ 	color: #aaa }

#tiny a:hover
{ 	color: #ddd }

/***** Content Element ******/

#Ustream_Status {
	position: absolute;
	top: -28px;
	left: 20px;
	color: #000000;
}

/****************************************************************************

	Layout Elements (from top left to bottom right)

	CHANGE BY GREASED:  CSS FILES ARE IN A SUBFOLDER
	TO ROOT SO IMAGE REFERENCES MUST REFLECT THIS.
	
	WHAT WOULD NORMALLY BE "images/someImg.jpg"
	BECOMES:
	
	"../images/someImg.jpg"

****************************************************************************/

#container {
	position: relative;
	margin: 0 auto;
	width: 944px;
	min-height: 100%;
	background-color: #B4B4B4;
	background-image:url(../images/container_bg.jpg);*/
	background-repeat: repeat-y;
}

#header {
	width: 944px;
	height: 128px;
	border: 0;
	padding: 0;
	background-image:url("../images/header3.jpg");
	margin-top: 128px;
	position: relative;
	top: -128px;
}

#rss {
	position: absolute;
	top: 0px;
	left: 705px;
	width: 70px;
	height: 15px;
	z-index: 101;
}

#userinfo {
	color: #FFFFFF;

	position: absolute;
	top:-85px;
	left: 700px;
	display: block;
	width: 220px;
	height: 80px;
	border: 0px solid #FFFFFF;
	z-index: 100;
}

#userinfo p {
	font-size: 1em;
}

#userinfo a:hover {
	color: #FFFFFF;
}


#userinfo td {
	font: 10px tahoma,sans-serif;
	text-align: right;
}

#userinfo input {
	background: url(/images/black50.png);
	border:1px solid black;
	color: #ccc;
	font: 11px "courier new", courier,sans-serif;
	padding:1px;
}

#content { 
	position: relative;
	width: 720px;
	background-color: #B4B4B4;
	height: 100%;
	min-height: 800px;
	margin-left: auto;
	margin-right: 220px;
	padding: 0px;
	top: -120px;
	border: 0;
}

#fullcontent { 
	position: relative;
	width: 934px;
	background-color: #B4B4B4;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	top: -120px;
	border: 0;
}

#mediawrapper {
	width: 930px;
	height: 548px;
	overflow: hidden;
}

#placeholder {
	margin-left: 2px;
	margin-top: 45px;
	border: 0px solid #000000;
	width: 930px;
	height: 548px;
	min-height: 548px;
}

#leftpadding {
	padding: 6px;
}

#nafeed a { 
	display: block; 
	width: 181px;
	height: 62px;
	left: 300px; 
	top: 35px;
	position:absolute; 
	background-image:url(../images/na-button.png); }

#eufeed a { 
	display: block; 
	width: 181px;
	height: 62px;
	left: 490px; 
	top: 35px;
	position:absolute; 
	background-image:url(../images/eu-button.png); }


/***** Beta *****/

#header #beta a {
	display: block:
	float: left;
	position: absolute;
	left: 250px;
	top: 75px;
	width: 65px;
	height: 40px;
	background: url(/images/beta.png);
	z-index: 200;

}

/* EOF */