/*
// File: Borders, Backgrounds, & Colors, Oh my!
// Project: Barbara Wells Studio
// Version: 2.0
// Author: Jason Robb
// Author URI: http://www.jasonrobb.com
//
*/

/* ====== */

/* Layout */

	body {
		background-color: #f2f2ed;
		background-image: url('/images/body-bg-knit-tan5.jpg');
		background-repeat: repeat-x;
		color: #331;
	}


/* Linkage */

	#content_main a:link {
		background-color: inherit;
		color: #000;
		border-bottom: 1px solid #000; }

	#foot a:link  {
		background-color: inherit;
		color: #664;
		font-weight: bold; }

	#content_main a:visited {
		background-color: inherit;
		color: #443;
		border-bottom: 1px solid #888; }

	#foot a:visited {
		background-color: inherit;
		color: #664; }

	#content_main a:hover,#foot a:hover,
	#content_main a:focus,#foot a:focus {
		background-color: #ddc;
		color: #000;
		border-bottom: none; }

	#content_main a:visited:hover, #foot a:visited:hover
	#content_main a:visited:focus, #foot a:visited:focus {
		background-color: #ddc;
		color: #000;
		border-bottom: 1px solid #bba; }

	#content_main a:active
	#foot a:active { background-color: #fff; color: #000; border-bottom: 1px solid #000; }


/* Branding */

	#branding {
		background-color: transparent;
 	/*	background-image: url('/images/nav-bg-knit2.jpg');
		background-repeat: repeat-x;
		background-position: 0 0; */
	}

	span.logo { background-color: transparent; }

	body #branding { border-bottom: 7px solid #444; }

/* Navigation */

	#branding ul li a:link,
	#branding ul li a:visited {
		background-color: inherit;
		color: #e2e2dc;
		font-weight: bold;
		padding: .5em .75em;
		}

	#branding ul li a:hover,
	#branding ul li a:focus {
		background-color: #000;
		color: inherit;
		}


/* You are here */

	/* collections */
	body.collections #branding ul li#nav_collections a:link,
	body.collections #branding ul li#nav_collections a:visited { background-color: #ea0000; color: #fff; }
	body.collections #branding ul li#nav_collections a:hover,
	body.collections #branding ul li#nav_collections a:focus { background-color: #ea0000; color: #000; }

	#branding ul li#nav_collections a:hover,
	#branding ul li#nav_collections a:focus { background-color: #000; color: #ea0000; }

	body.collections #branding { border-bottom: 7px solid #ea0000; }
	body.collections h2 { background-color: inherit; color: #ea0000; }

	/* about */
	body.about #branding ul li#nav_about a:link,
	body.about #branding ul li#nav_about a:visited { background-color: #e70; color: #fff;}
	body.about #branding ul li#nav_about a:hover,
	body.about #branding ul li#nav_about a:focus { background-color: #e70; color: #000; }

	#branding ul li#nav_about a:hover,
	#branding ul li#nav_about a:focus { background-color: #000; color: #e70; }

	body.about #branding { border-bottom: 7px solid #e70; }
	body.about h2 { background-color: inherit; color: #e70; }

	/* locations */
	body.locations #branding ul li#nav_locations a:link,
	body.locations #branding ul li#nav_locations a:visited { background-color: #0055e0; color: #fff; }
	body.locations #branding ul li#nav_locations a:hover,
	body.locations #branding ul li#nav_locations a:focus { background-color: #0055e0; color: #000; }

	#branding ul li#nav_locations a:hover,
	#branding ul li#nav_locations a:focus { background-color: #000; color: #0066ff; }

	body.locations #branding { border-bottom: 7px solid #0055e0; }
	body.locations h2 { background-color: inherit; color: #0055e0; }

	div.venue a:visited { color:#0055e0 !important; }

	/* contact */
	body.contact #branding ul li#nav_contact a:link,
	body.contact #branding ul li#nav_contact a:visited { background-color: #b500a2; color: #fff; }
	body.contact #branding ul li#nav_contact a:hover,
	body.contact #branding ul li#nav_contact a:focus { background-color: #b500a2; color: #000; }

	#branding ul li#nav_contact a:hover,
	#branding ul li#nav_contact a:focus { background-color: #000; color: #C840BA; }

	body.contact #branding { border-bottom: 7px solid #b500a2; }
	body.contact h2 { background-color: inherit; color: #b500a2; }


/* Headers */

	body h1 {
		background-repeat: no-repeat;
		background-position: 25px 50%;
		background-color: inherit;
		color: inherit;
		z-index: 2;
		}

	body.home h1 { background-image: url('/images/h1-contemporary1.gif'); background-position: 25px 60%; }
	body.collections h1 { background-image: url('/images/h1-collections1.gif'); }
	body.about h1 { background-image: url('/images/h1-about1.gif'); }
	body.locations h1 { background-image: url('/images/h1-locations1.gif'); }
	body.contact h1 { background-image: url('/images/h1-contact1.gif'); }
	body.site-info h1 { background-image: url('/images/h1-site-info1.gif'); }

	body.error-400 h1 { background-image: url('/images/h1-error400.gif'); background-position: 25px 60%; }
	body.error-401 h1 { background-image: url('/images/h1-error401.gif'); background-position: 25px 60%; }
	body.error-403 h1 { background-image: url('/images/h1-error403.gif'); }
	body.error-404 h1 { background-image: url('/images/h1-error404.gif'); }
	body.error-500 h1 { background-image: url('/images/h1-error500.gif'); background-position: 25px 60%; }


/* Collections */

	body.collections #content_main a:link { background-color: #f2f2f2; color: #333; border-bottom: 0; }
	body.collections #content_main a:visited { background-color: #f2f2f2; color: #333; border-bottom: 0; }
	body.collections #content_main a:hover,
	body.collections #content_main a:focus { background-color: #333; color: #888; border-bottom: 0; }
	body.collections #content_main a:active { background-color: #000; color: #888; border-bottom: 0; }

/* Foot */

	#foot {
		background-color: inherit; color: #664;
		border-top: 1px solid #ccb;
		}
	#foot li a { border-right: 1px solid #ccb; }
	#nav_foot_top a { padding-left: 12px !important; background-image: url(/images/footer-top.gif); background-repeat: no-repeat; background-position: 0 50%; }
	#nav_foot_home a { padding-left: 18px !important; background-image: url(/images/footer-home.gif); background-repeat: no-repeat; background-position: 2px 50%;}
	#nav_foot_info a { padding-left: 22px !important; background-image: url(/images/footer-info.gif); background-repeat: no-repeat; background-position: 3px 50% }
	#jr-logo { vertical-align: text-top; }