/* ~~~~~~~~~~~~~~~~~~ */
/* ~~~~ base.css ~~~~ */
/* ~~~~~~~~~~~~~~~~~~ */

/* NAV
------------------------------------------------ */
@import "/cmn/css/mainNav.css";
@import "/cmn/css/level2Nav.css";
@import "/cmn/css/level3Nav.css";

/* Common styles 
------------------------------------------------ */
@import "/cmn/css/mod/login.css";
@import "/cmn/css/mod/ads.css";
@import "/cmn/css/mod/promo.css";
@import "/cmn/css/mod/sponsors.css";
@import "/cmn/css/mod/schedule.css";


body {
	margin:0;
	padding:0;
	font:10px arial, helvetica, sans-serif;
	line-height:16px;
	text-align:center;
	background: #fff url(/img/cmn/bg.gif) repeat-x; 
}

/* Skip to main content link */
/* Allows users to see the link when tabbed to. */
#skip a:focus { 
	position:static; 
	width:auto; 
	height:auto; 
} 

#skip a, #skip a:hover, #skip a:visited { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 


/* CONTAINERS
------------------------------------------------ */	
#container {
	width:959px;
	text-align:left;
	margin:0 auto;
	background:url(/img/cmn/bg/default.gif) no-repeat;
}

body#game #container { background:url(/img/cmn/bg/game_sh.gif) no-repeat; }
body#team #container { background:url(/img/cmn/bg/team_sh.gif) no-repeat; }
body#fans #container { background:url(/img/cmn/bg/fans_sh.gif) no-repeat; }
body#buzz #container { background:url(/img/cmn/bg/buzz_sh.gif) no-repeat; }

#masthead {
	position:relative;
	width:959px;
	height:141px;
}

#logoClick {
	position:absolute;
	width:190px;
	height:115px;
}

#main {	background: url(/img/cmn/bg/main.gif) no-repeat 0px 0px; }

#column1, #column2, #column3 { float:left; }	

#column1 { width:210px; }

#column2 { width:489px; }

#column3 {
	width:260px;
	w\idth:250px;	
	margin-right:-3px;
	padding-left:10px;
}


/* Home Page Layout */
body#home #flashPlayer {
	position:relative;
	float:left;
	width:749px;
	margin-bottom:10px;
	z-index:1;
}
body#home #flashPlayer img.flashbg { position:absolute; }
body#home #flashPlayer #flashAlt {
	position:relative;
	padding:15px 10px 10px;
	height:255px;
	he\ight:230px;
}
body#home #flashPlayer #flashAlt img {	margin-bottom:10px; }
body#home #column2 { display:inline; } /* Fix IE double Margin */
body#home #column1 {
	background: transparent url(/img/cmn/bg/home_partial.jpg) no-repeat 0px 221px;
	min-height: 600px;
}
* html body#home #column1 { height: 600px; }

#footer {
	height:171px;
	margin-top:40px;
	background:url(/img/cmn/bg_footer.gif) repeat-x bottom left;
	text-align:center;
}

#content {
	background-color:#072D77;
	padding:10px;
}

#content .divideBelow {
	border-bottom:10px solid #072D77;
}
#content .copy {
	background-color:#041C49;
	padding:10px;
	color:#fff;
}
#content .utilNav {
	display:block;
	text-align:right;
}


/* GENERAL
------------------------------------------------ */
* { padding:0; margin:0; }

p { font-size:10px; }

/* override for large blocks of text */
#column2 #content .profile, #column2 #content .profile p, #column2 .editorialText, #column2 .editorialText p, #column2 #content .articleText, #column2 #content .articleText p, #column2 #content .pressText, #column2 #content .pressText p {
	font-size:11px;
	line-height: 1.55em;
}

abbr { border:0; }
fieldset {border:0;}


/*---------[lists]-----------------*/
ul { list-style:none; }
ul.bulleted {
	list-style-type:disc;
	margin:10px 0 10px 30px;
}
ul.bulleted li { margin:2px 0; }
ul.nostyle li {
	margin:0;
	padding:0;
}
dt {
	float:left;
	margin-right:4px;
}
ul.pipeList {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.pipeList li {
	display: inline;
	padding: 0;
	margin: 0;
}
ul.pipeList li:before { content: "| "; }
ul.pipeList li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html ul.pipeList li {
	border-left: 1px solid #FFF;
	padding: 0 0.4em;
	margin: 0 0.4em 0 -0.4em; 
}
/*Win IE browsers - hide from Mac IE\*/
* html ul.pipeList { height: 1%; }
* html ul.pipeList li {
	display: block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/
* html ul.pipeList li:first-child { border-left: 0; }

/* Bullets, other formatting for ULs in content column */
/* #column2 #content ul {
	list-style-type:disc;
	margin:10px 0 10px 17px;
	}
#column2 #content .top ul {
	margin-left: 22px;	
	}	
#column2 #content ul li { margin:2px 0; } */


/*---------[images]-----------------*/
img { border:0; display:block; }
div.jaggedImage { position:static; }
div.jaggedImage img.overlay { position:absolute; z-index:20;}


/*---------[headings]-----------------*/

/* sIFR Replaces all these, but set for users w/o flash */
h1, h2, h3, h4, h5 {
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
}

h1, h2, h3 {
	font-weight:bold;
}

h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:14px; }
h5 { font-size:14px; }

#content h1, #content h2 {
	margin-bottom:10px;
	margin-left:5px;
}

body#game #content h1 {
    width: 40%;
}
body#game #content h4 {
    margin-top: -26px;
    width: 60%;
    float: right;
    text-align: right;
}
body#game #content #boxContent h4 {
	margin-top: 0;
	width: auto;
	float: none;
	text-align: left;
}
body#game #content .article h1 {
    width: auto;
    float: none;
}

/* H6 - The only non-sifr replaced headline */
h6 {
	color:#fff;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:14px;
	margin-bottom:2px;
	text-transform:none;
}

/*---------[links]-----------------*/
a, ul.archiveList li a span  { /* not final, will switch defaults up a bit */
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(/img/cmn/bg_link.gif) repeat-x bottom left;
}

a:hover {
	color: #760D17;
	background: #ECD9DA;	
}

a.nostyle {
	background:none;
	padding:0;
	margin:0;
	font-weight:normal;
}
a.nostyle:hover, #content a.nostyle:hover {
	background:none;
}

#content a:hover {
	background-color:#B6C5E0;
	color:#031D51;
}


/*---------[ Util Navs ] ----------*/
div.utilButtons {
	float:right;
}

div.utilButtons .utilPrint img {
	display:inline;
	margin-right:6px;
}

div.utilButtons span.utilButton {
	display:block;
	float:left;
	margin-left:15px;
}

/*---------[misc]-----------------*/
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.nowrap {
	white-space: nowrap;
}

/*---------[General use Table]-----------------*/
table {
	font-size:10px;
	width:469px;
	background-color:#2E2E2E;
	border-spacing:0; /* Not Supported in IE, use inline cellspacing=0 */
	text-align:left;
	color:#4B4A4A;
}
table a {
	color:#2E2D2D;
	font-weight:bold;
}

/* Table Headings */
thead th {
	border:0;
	font-weight:bold;
	font-size:12px;
	padding:5px 2px 5px 7px;
	background-color:#131313;
	color:#fff;
	border-right:1px solid #3C3C3C;
}
thead th.lineWrap {
	font-size:10px;
	padding:2px 2px 2px 5px;
	line-height:12px;
}
tbody th {
	font-weight:bold;
	color:#000;
}

/* Table Rows */
tr { background-color:#F6F6F6; }
tr.alt { background-color:#E4E4E4; }
tbody tr:hover { background-color:#D4E0FF; }

/* Table Cells */
tfoot tr td {
	background-color:#131313;
	color:#fff;
	border:0;
	border-top:3px solid #fff;
	padding:9px 7px 9px 8px;
}
tbody td, tbody th {
	border-top:1px solid #fff;
	border-right:1px solid #C5C5C5;
	padding:3px 6px 3px 7px;
	color:#2E2D2D;
	vertical-align:top;
}
td.last { border-right:none; }
tr.first td { border-top:3px solid #fff; }
td.nowrap {
	white-space: nowrap;
}



/* FOOTER
------------------------------------------------ */
#footerContent {
	position:relative;
	width:959px;
	height:171px;
	color:#FFF;
	text-align:left;
	margin:0 auto;
	background:#FFF url(/img/cmn/bg_footer_jagged.gif) no-repeat bottom left;
}

#player, #logoAfl, #footerContent div {
	position:absolute;
}

#player { top:3px; left:140px; }
#footerContent div { top:109px; left:222px; }
#logoAfl { top:102px; left:834px; }

#footer p { float:left; }

#footer li {
	float:left;
	padding-left:10px;
}

#footer li a {
	font-weight:normal;
	font-size:10px;
	color:#FFF;
}

#footer li a:hover {
	color:#072D77;
}


/* CLEARING
------------------------------------------------ */
.clearthis:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearthis { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearthis { height: 1%; }
.clearthis { display: block; }
/* End hide from IE-mac */

.nodisplay { 
	position:absolute;
	left:-9999px;
	width:130px;
}


/* two column, equal height, layout
/* note: you need to define the width of both columns
/* note: you cannot use padding top or bottom for the column divs 
-------------------------------------------------------------------- */

.colLeft {
	float: left;
	margin-left: 0%;
}
* html .colLeft {
	display: inline;
}
.colRight {
	float: left;
}
/* Start Mac IE5 filter \*/
.colLeft, .colRight {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}
@media all and (min-width: 0px) {
	.colLeft, .colRight {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important; 
	}
	.colLeft:before, .colRight:before {
		content: '[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
}
/* End Mac IE5 filter */
.row {
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
.row {
	float: left;
	float/**/: none;
}
/* easy clearing */
.row:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.row {
	display: inline-block;
}
/*\*/
.row {
	display: block;
}
/* end easy clearing */