/* 
Halo 3 OST Website Style Sheet
Author: Intellectual Alchemy
Implimenation: public
Date: 10/22/2007
*/

/*----------------------------------------------------------------------------------
***************************** Global Elements  ***********************************
----------------------------------------------------------------------------------*/

Body {
	scrollbar-arrow-color:#00CCFF;
	scrollbar-base-color:#18191b;
	scrollbar-shadow-color:#000000;
	scrollbar-face-color:#18191b;
	scrollbar-highlight-color:18191b;
	scrollbar-dark-shadow-color:#000000;
	scrollbar-3d-light-color:#18191b;
	
	background-color:#000000;
	background-image:url(../images/HTML_Backing.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	
	padding-top:14px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


/* Font Family -- Designates font-family globally.  */
html, body, div, p, td, th {	 
	font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 8pt; line-height: 11pt; margin: 0;
}

/****************************** Fonts ************************************/

/* Copy -- Used as the main copy font  */
.fntCopy {	 
	font: 11px Arial, Helvetica, sans-serif; color:#ffffff; font-weight: normal; letter-spacing:0px; line-height: 10pt;
}

/* Copyright -- Used in the copyright on the footer  */
.fntCopyright {	 
	font: 8px Arial, Helvetica, sans-serif; color:#867866; font-weight: normal; letter-spacing:0px; line-height: 11pt;
}


/*----------------------------------------------------------------------------------
***************************** Hyperlink Styles ***********************************
----------------------------------------------------------------------------------*/

/* MastHead Global Links -- used on Header of master page  */
.lnkMastHead {
	font: 8px Arial, Helvetica, sans-serif; color:#999999; font-weight: normal; letter-spacing:1px; text-transform:uppercase;
}
A.lnkMastHead:link, A.lnkMastHead:visited, A.lnkMastHead:active { text-decoration: none; }
A.lnkMastHead:HOVER {text-decoration: underline;}

/* Press Title Link -- used on press page  */
.lnkPressTitle {
	font: 12px Arial, Helvetica, sans-serif; color:#007580; font-weight: normal; letter-spacing:0px;
}
A.lnkPressTitle:link, A.lnkPressTitle:visited, A.lnkPressTitle:active { text-decoration: none; }
A.lnkPressTitle:HOVER {text-decoration: none; color:#FF6600}




/*----------------------------------------------------------------------------------
***************************** Div Styles ***********************************
----------------------------------------------------------------------------------*/

/* Site Container -- Centers the site table */
.divSiteContainer {
	width: 750px; height:656px; position: absolute; left: 50%; margin-left: -255px; border: none;
}

/* Site Container -- Centers the site table */
.divSiteFooter {
	width: 750px; height:20px; position:absolute; left:50%; margin-left:-255px; top:680px; border:none;
}

/* Site Alternate Content Container--  */
.divSiteAltContainer {
	width:750px; height:394px; position:relative; top:0px; background-image: url(../images/Site_AltContentBacking.jpg);
}

/* Site Alternate Content --   */
.divSiteAltContent {
	width:514px; position:relative; top:20px; left:123px;
}

/* Site Alternate Content --   */
.divSiteAltGetFlash {
	width:134px; position:absolute; bottom:35px; right:0px;
}




/*----------------------------------------------------------------------------------
***************************** Button Styles ***********************************
----------------------------------------------------------------------------------*/

/* Global Nav Button, ABOUT --   */
.btnAbout {
     display: block; /* a tag must be a block */
     width: 231px; /* width of reactive image */
     height: 62px; /* height of reactive image */
     background-image: url(../images/Btn_About.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
	 margin-bottom:1px;	  
}

A.btnAbout:link, A.btnAbout:visited, A.btnAbout:active { display: block; width: 231px; height: 62px; background-image: url(../images/Btn_About.png); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:1px;
}
A.btnAbout:HOVER {display: block; width: 231px; height: 62px; background-image: url(../images/Btn_About.png); background-repeat: no-repeat; background-position: 0px -62px; margin-bottom:1px;  
}





/*----------------------------------------------------------------------------------
***************************** PNG Workarounds ***********************************
----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------
***************************** User Controls ***********************************
----------------------------------------------------------------------------------*/

/* User Control, 150PX WIDTH -- sets color, border and font style for all text inputs, dropdowns */
.uc150{
    border: 1px solid #737373;
    background: #E9E9E9;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 10px; 
	letter-spacing: 1px;    
    color: #333333;
	padding-left: 2px;
	width:150px;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#737373;
	scrollbar-shadow-color:#ffffff;
	scrollbar-face-color:#737373;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#737373;
	scrollbar-3d-light-color:#ffffff;	
}