/* ESPN.com Community Theme CSS */




/* Page tabs ---------------------------------------------- */

.page-tabs {
	border-bottom: 1px solid #CCC;; /* must match to .nav li.current_page a borders */
}

.nav a {
	color: #000;
	text-decoration: underline;
}

.nav li.current_page a {
	text-decoration: none;
	border-top: 1px solid #CCC; /* must match .page-tabs border */
	border-left: 1px solid #CCC;; /* must match .page-tabs border */
	border-right: 1px solid #CCC;; /* must match .page-tabs border */
	border-bottom: none;
	font-weight: bold;
	color: black;
}


/* reverse type color (against theme-bg background color) */
.reverseType, .pageTools, .pageTools a {
	color: black;
}






/* Theme backgrounds  --------------------------------------- */

body, .theme-bg, .nav li.current_page a {
	/* page background */
	background: white url();
}

.theme-bg-anchor {
	/* upper right image */
	background: white url() no-repeat 100% 0;	
}








/* Modules -------------------------------------------------- */


/* outer container */
.m {
	background: none;
	padding: 0px;
}

/* inner container */
.m-inner {
	border: 0px solid #DDD;
	background: #f3f3f3;
}

/* title bar container */
.m ul.title {
	color: white;
	background: #999;
	border-bottom: 1px solid white;
}

.m ul.tabs li.current_tab {
	background: #f3f3f3;
}


/* "Refresh", "Edit", "[x]" links */
.m ul.title a {
	text-decoration: none;
	color: white;
}

.m ul.title a:hover {
	text-decoration: none;
	color: white;
}

.m ul.title li.right {
	color: white;
}




/* default module text color */
.m-inner {
	color: #000;
}

/* default module link & hover colors */
.m a, a.edit, a.help {
	color: #555;
}

.m a:hover, a.edit:hover, a.help:hover {
	color: #F00;	
}


/* Sponsored Links -- if necessary */

.splinks-container-inner {
	background: none;
	border-top: 1px solid #888;
}


.splink-inner {
	color: #666;
}

.splink-inner a {
	color: #666;
}

.splink-inner a:hover {
	color: black;
}



/* footer -- if necessary */

.footer {
	
}

.footer-inner {
	border-top: 1px solid #888;
	color: #666;
}

.footer-inner a {
	color: #666;
}

.footer-inner a:hover {
	color: black;
}