@import url("widgets.css");
@import url("forms.css");
@import url("tables.css");


HTML {
	background-color: #FFEB9C;
	color: #333;
}

BODY {
	background-image: url("images/navigation_bkg.gif");
	background-position: 0 63px;	
}

/********************************************
	GENERIC
*/

H1 {
	color: #084B6B;
}

H2 {
	color: #775615;
}

H3 {
	color: #775615;
}

A {
	color: #f60;
}

A:hover {
	color: #084B6B;
}

A.link.dark {
	padding: 2px 12px 3px 2px;
	background: url("images/link_dark_bkg.gif") no-repeat right;
}

A.link.dark.back {
	padding: 2px 2px 3px 12px;
	background: url("images/link_dark_back_bkg.gif") no-repeat left;
}

A.link.light {
	padding: 2px 12px 3px 2px;
	background: url("images/link_light_bkg.gif") no-repeat right;
}

A.link.light.back {
	padding: 2px 2px 3px 12px;
	background: url("images/link_light_back_bkg.gif") no-repeat left;
}

INPUT.text {
	border-color: #ffda76;
}	

/********************************************
	HEADER
*/

#header A {
	color: #fecd4a;
}

#header A:hover {
	color: #FFEB9C;
}

/********************************************
	PREFERENCES
*/

#main-navigation {
	background: #fecd4a url("images/navigation_bkg.gif") repeat-x bottom;
}

#user-control {
	/* background: url("images/controls_bkg.gif") no-repeat top left; */
	border-color: #e9d68e;
}

#user-greeting {
	color: #775615;
}

#user-greeting STRONG {
	color: #666;
}

#user-search INPUT.text {
	border-color: #ffda76;
}

#pref-options {
	border-color: #e9d68e;
	background: #ffda76;
}

#pref-options H4 {
	color: #775615;
}

#pref-options OL {
	color: #666;
}

/********************************************
	TOP NAVIGATION
*/

#main-navigation UL.nav LI A,
#main-navigation UL.nav LI.disabled A,
#main-navigation UL.nav LI.disabled A:hover {
	background: #ffda76 url("images/main_tab_bkg.gif") repeat-x bottom;
	border-color: #e2c064;
	color: #775615;
}

#main-navigation UL.nav LI.disabled A,
#main-navigation UL.nav LI.disabled A:hover {
	color: #999;
	text-decoration: none;
}

#main-navigation UL.nav LI.selected A,
#main-navigation UL.nav LI.selected A:hover {
	background: #FFEB9C;
	color: #f60;
	border-color: #775615;
}

#main-navigation UL.nav LI A:hover {
	background: #ffda76;
	color: #f60;
	border-color: #775615;
}

#sub-navigation UL.nav LI A:hover {
	background: #ffda76;
}

#sub-navigation UL.nav LI.selected A {
	color: #f60;
	background: #ffda76;
}

#sub-navigation #feedback-form {
	background: #FFEB9C;
	border-color: #e9d68e;
}

#sub-navigation #feedback-form DIV.content {
	background-color: #ffda76;
}

/********************************************
	TOP MESSAGE
*/

#top-message {
	color: #999;
}

/********************************************
	CONTENT
*/

#content .page-title {
	border-color: #e9d68e;
}

#content #sidebar .content {
	background: #ffda76 url("images/sidebar_bkg.gif") no-repeat top right;
}

#content #sidebar .top {
	background: #ffda76 url("images/sidebar_corners.gif") no-repeat top left;
}

#content #sidebar .bot {
	background: #ffda76 url("images/sidebar_corners.gif") no-repeat bottom left;
}

#content #sidebar .top SPAN {
	background: url("images/sidebar_corners.gif") no-repeat top right;
}

#content #sidebar .bot SPAN {
	background: url("images/sidebar_corners.gif") no-repeat bottom right;
}

#content #sidebar .block UL LI {
	background: url("images/link_dark_bkg.gif") no-repeat left;
}

#content UL.big-choices LI {
	background: url("images/arrow_large.gif") no-repeat right;
}

#content UL.big-choices A:hover {
	background: url("images/big-choices_bkg.gif") repeat-y top left;
}

#content UL.big-choices A H2 {
	color: #f60;
}

#content UL.big-choices A SMALL {
	color: #775615;
}

#content OL.fanclubs LI {
	background: #ffda76;
}

#content OL.fanclubs LI H3 {
	color: #084B6B;
	font-size: 20px;
	margin-bottom: 0;
}

#content OL.fanclubs LI P {
	margin: 6px 0 2px;
}
	
#content .box {
	padding-top: 130px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
	border-color: #e9d68e;
}

#content .box H3 {
	color: #084B6B;
}

/********************************************
	CONTENT > SIDEBAR > NAV LIST
*/

#content #sidebar .nav-list {
	border-color: #e9d68e;
}

#content #sidebar .nav-list LI {
	border-color: #e9d68e;
}

#content #sidebar .nav-list LI A:hover {
	background: #ffda76;
}

#content #sidebar .nav-list LI A EM {
	color: #938455;
}

/********************************************
	FOOTER
*/

#footer {
	border-color: #e9d68e;
}