/*

Page2 CSS
Last Updated: 07/03/2007

*/








/* Header customization */
.mast-container, .headerSwf-container, .nav-row {
	background: #be0102 url(http://espn.go.com/i/page2/index/2007/bg_mastHeader.gif) no-repeat 0 0;
}

.nav-row {
	background-position: 0 -190px;
}

.headerSwf-container {
	position: relative;
}		
.headerSwf-container h1 {
	margin: 0;
	padding: 3px 15px 3px 4px;
	font-size: 130%;
	font-family: arial, sans-serif;
	color: #ffe399;
	font-weight: normal;
	text-transform: uppercase;
	background: #000;
	position: absolute;
	top: 40px;
	left: 235px;
}		
.headerSwf-container h2 {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: verdana, sans-serif;
	color: #ffe399;
	font-weight: normal;
	text-align: right;
	position: absolute;
	top: 0;
	right: 255px;
}
		

/* New BG img */
body {
	background: #ffd835 url(http://espn.go.com/i/page2/index/2007/bg.gif) repeat-y;
	background-position: 50% 0;
}



/* to center entire page */
.main {
	margin: auto;
}

/* 7px Padding all around the page -- now in frame07.css */
.content {
	background: #272526 url(http://espn.go.com/i/page2/index/2007/bg_content.jpg) repeat-x 0 0;
}








/**** Page Structure *****/
.leftColMain {
	margin: 0;
	padding: 0;
	width: 733px; 
	float: left;
}

.leftDoubleCol_1 {
	width: 400px; 
	float: left;
}

.leftDoubleCol_2 {
	padding: 0 0 0 11px;
	width: 320px; 
	float: left;
}

.rightCol {
	width: 230px; 
	float: right;
}












/* Separator */
.separatorLRG {
	margin: 0 0 25px 0; 
	height: 2px;
	overflow: hidden;
	background: url(http://espn.go.com/i/page2/index/2007/separator.gif) repeat-x;
}









/**** FLEX BOX ****/
.flexBox {
	margin: 0 0 25px 10px;
	padding: 0 8px 0 0;
	color: #e0e0e0;
	font-size: 110%;
}
.flexBox h1 {
	margin: 0 0 6px 0;
	padding: 0;
	font-family: arial, snas-serif;
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	text-transform: uppercase;
}
.flexBox h1 a, .flexBox h1 a:visited {
	color: #fff;
	text-decoration: none;
}
.flexBox h1 a:hover, .flexBox h1 a:visited:hover {
	color: #ffb612;
	text-decoration: none;
}
.flexBox img {
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}

.flexBox a, .flexBox a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffb612;
}
.flexBox a:hover, .flexBox a:visited:hover {
	color: #ffb612;
	text-decoration: underline;
}










/* Motion */
.motion {
	margin-bottom: 15px;
}













/**** Left Column Main ****/

/* TOP IMG */
.leftColMain img.ts {
	margin-bottom: 25px;
	border: solid 1px #979797;
}

/* MULTI TOP NAV */
div#multiTopsNav {
	width: 731px;
	margin: 10px 0 0 0; padding: 0;
	text-align: right;
	clear: both;
}

#MTnavlist {
	margin-bottom: 20px;
	padding: 10px 0;
	text-align: right;
}

#MTnavlist li {
	display: inline;
	list-style-type: none;
	font: bold 10px Verdana;
	margin-left:4px;
}

#MTnavlist li.navText {
	background: url(http://assets.espn.go.com/i/page2/index/2007/arrow.gif) no-repeat center right;
	color: #ffe7ab;
	font: 11px Verdana;
	padding-right: 15px;
	margin-right: 10px;
}

#MTnavlist a {
	color: #fff;
	background: transparent url(http://assets.espn.go.com/i/page2/index/2007/mnbg.gif) no-repeat top left;
	text-decoration: none;
	border: 1px solid #000;
	padding: 4px 10px;
}

#MTnavlist a:hover, #MTnavlist a.active {
	color: #000;
	background: #fc0;
	text-decoration: none;
}

/* MULTI TOP BOX */

/* for single image and text */
img.oneTop { 
	float: left;
	margin-right: 10px;
}

h1.regMThead {
	font: bold 18px Helvetica;
	color: #ffe7ab;
	margin: 0 0 5px 0;
	padding: 0;
}

h1.MTheadline {
	font: bold 24px Helvetica;
	color: #ffe7ab;
	margin: 0 0 5px 0; 
	padding: 0;
}

p.MTpg {
	margin: 0 0 10px 0;
	padding: 0;
	font: 11px Verdana;
}

.multiTopsBox {
	width: 731px;
	margin: 0 auto;
}

#fullTop {
	width: 733px; 
	height: 330px;
	padding: 0; 
	margin: 0 auto;
	text-align: center;
	font-face: Verdana;
	color: #fff;
	overflow: hidden;
}

#fullTop img {
	margin-bottom: 0;
}

#fullTop a {
	color: #FFB612;
	font-weight: bold;
	text-decoration: none;
}

#fullTop a:hover {
	text-decoration: underline;
}

#oneTopStory {
	padding-right: 10px;
	text-align: left;
}

#leftTopStory {
	width: 355px;
	padding-right: 0px;
	float: left;
	margin: 0;
	text-align: left;
}

#rightTopStory {
	padding: 0px;
	margin: 0 0 0 373px;
	text-align: left;
}

#leftTopStory img, #rightTopStory img{
	margin-bottom: 10px;
}


/* POLL */
.pollMod {
	margin: 0 0 25px 0; 
	padding: 0;
	width: 735px;
	background: url(http://espn.go.com/i/page2/index/2007/bg_lowOpacity.gif) repeat;
}

.pollMod .poll {float: left;}

.pollMod .photo {
	padding: 0; 
	margin: 6px 0;
	width: 412px;
	float: left;
}

.pollMod .photo p {
	padding: 0; 
	margin: 0 0 4px 0; 
	font-family: verdana; 
	font-size: 100%; 
	color: #8e8f91; 
	text-align: right;
}


/* Middle Row */
ul.middleRow {
	margin: 0 0 15px 0; 
	padding: 00; 
	width: 732px;
	font-family: verdana, sans-serif; 
	font-size: 100%; 
	color: #e0e0e0;
	list-style: none;
}

ul.middleRow li {
	margin: 0 0 0 15px; 
	padding: 0;
	float: left;
}

ul.middleRow li h1 {
	padding: 0; 
	margin: 0 0 4px 0;
	width: 134px;
	font-size: 90%; 
	font-weight: normal;
}
ul.middleRow li h1 a, ul.middleRow li h1 a:visited {
	color: #e0e0e0;
	text-decoration: none;
	font-weight: normal;
}
ul.middleRow li h1 a:hover, ul.middleRow li h1 a:visited:hover {
	color: #e0e0e0;
	text-decoration: underline;
}

ul.middleRow li p {
	padding: 0; 
	margin: 0;
	width: 134px;
}

ul.middleRow li p a, ul.middleRow li p a:visited {
	color: #ffb612;
	font-weight: bold;
	text-decoration: none;;
}
ul.middleRow li p a:hover, ul.middleRow li p a:visited:hover {
	color: #ffb612;
	text-decoration: underline;
}




/* LastPage */
.lastPage {
	margin: 0 0 15px 0;
	padding: 10px;
	border: solid 1px #505050;
	font-family: verdana, sans-serif;
	font-size: 110%;
	color: #e0e0e0;
}
.lastPage p.caption {
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: right;
}
.lastPage h1 {
	margin: 0 3px 0 0;
	padding: 0;
	font-size: 120%;
	color: #ffb612;
	display: inline;
}
.lastPage a, .lastPage a:visited {
	color: #ffb612;
	text-decoration: none;
	font-weight: bold;
}
.lastPage a:hover, .lastPage a:visited:hover {text-decoration: underline;}









/* Columnists */
.columnists {
	margin: 0 -7px -7px -7px;
	height: 160px;
	border-top: #393838 solid 8px;
	background: #005468 url(http://espn.go.com/i/page2/index/2007/bg_columnists.gif) repeat-x;
	position: relative;
}
.columnists h1 {
	padding: 4px 10px 4px 50px; 
	margin: 0; 
	font-family: arial; 
	font-size: 150%; 
	color: #fff; 
	text-transform: uppercase; 
	background: #002630 url(http://espn.go.com/i/page2/index/2007/bg_h_columnists.gif) no-repeat 0 0; 
	position: absolute; 
	top: 0; 
	left: 50px;
}
.columnists h1 a, .columnists h1 a:visited {
	margin: 0 10px 0 20px; 
	font-style: normal;
	text-decoration: none;
	color: #6995a5; 
	font-size: 70%; 
	font-weight: normal; 
	font-family: verdana, sasn-serif;
}
.columnists h1 a:hover, .columnists h1 a:visited:hover {color: #fff;}

.columnists h1 img {
	margin-left: -10px;
	display: inline;
}

.columnists ul {
	margin: 45px 0 0 13px; 
	padding: 0; 
	font-family: verdana; 
	color: #fff; 
	font-size: 90%; 
	text-align: center; 
	list-style: none;
}
.columnists ul li {
	margin-right: 13px; 
	width: 48px; 
	float: left;
	display: inline;
	position: relative;
}
.columnists ul em {
	width: 60px; 
	font-style: normal; 
	position: absolute; 
	top: 70px; 
	left: -6px;
}

.columnists ul em a, .columnists ul em a:visited {
        color: #fff;
        text-decoration: none; 
}

.columnists ul em a:hover, .columnists ul em a:visited:hover {
        color: #fff;
	text-decoration: underline;
}





/* Last Row */
.footer { 
	padding: 20px 80px 60px 80px;
	background: #000 url(http://espn.go.com/i/page2/index/2007/bg_footer.jpg) repeat-x 0 0;
	color: #a77f25;
	text-align: center;
	border-top: #393838 solid 8px;
}
.footer a, .footer a:visited {
	color: #a77f25;
	text-decoration: underline;
}
.footer a:hover, .footer a:visited:hover {
	color: #ffb612;
	text-decoration: underline;
}

/******** BEGIN CALENDAR ****************/
.p2Cal1 {
		margin: 15px 0 18px 45px;
		float: left;
		font-family: Verdana, Arial, sans-serif;
		color: #aba898;
		font-size: 10px;
}

.p2Cal1 h1{
	padding: 0;
	margin: 0 0 5px 0;
	font-family: Arial,Verdana,sans-serif;
	font-size: 18px;
	color: #ffb612;
}	
.p2Cal1 h1 em{
	font-weight: normal;
	font-style: normal;
	font-family: Verdana,Arial,sans-serif;
	font-size: 10px;
	color: #ffb612;
}

.p2Cal1 ol li strong{font-size: 18px;}

.p2Cal1 ol{
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	background: #323031;
	border: 1px solid #3d3b3c;
}

.p2Cal1 ol li{
	padding-right: 5px;
	float: left;
	width: 100px;
	height: 104px;
	border-right: 1px solid #232222;
	border-left: 1px solid #3d3b3c;
	overflow: hidden;
}

.p2Cal1 ol li a{
	padding: 4px 6px 5px 6px;
	width: 100px;
	height: 104px;
	color: #272526;
	display: block;
}

.p2Cal1 ol li a:link{color: #aba898; text-decoration: none;font-weight: bold; }
.p2Cal1 ol li a:hover{color: #aba898; text-decoration: none; font-weight: bold;}
.p2Cal1 ol li a:visited{color: #aba898; text-decoration: none; font-weight: bold;}

.p2Cal1 ol li em{
	font-style: normal;
	font-weight: normal;
}

.p2Cal1 ol li.mon{border-left: none;}
.p2Cal1 ol li.fri{border-right: none;}


/** use selected styles in li tag to hilight the day of the week
selected{
	background-color: #ffb612;
	/** place the color style in "a-href" tag 
	color: #272526;
	}
**/


/******** END CALENDAR ****************/


/******** BEGIN "MISSED" MODULE ****************/
.missed{
	margin: 15px 0 10px 45px;
	width: 533px;
	float: left;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	background: #1c1a1b;
	border: 1px solid #383737;
}

.missed h1{
	margin: 0 14px 0 10px;
	padding: 10px 0 10px 0;
	text-align: left;
	font-family:   Arial, Verdana,Helvetica, sans-serif;
	color: #ffb612;
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	border-bottom: 1px solid #111010;
}

.missed dl {
	padding: 10px 0 0 0;
	margin: 0 10px 0 10px;
	border-top: 1px solid #3c3a3a;
}
.missed dl dt {
	padding: 0;
	margin: 0;
}

.missed dl dd {
	padding: 0;
	margin: 0 0 15px 0;	
}

/** begin links **/
.missed dl dt a:link{color: #fff; text-decoration: none;}
.missed dl dt a:hover{color: #fff; text-decoration: underline;}
.missed dl dt a:visited{color: #fff; text-decoration: none;}
/** end links **/

/******** END "MISSED" MODULE ****************/