/*======================================================================= 
	[CONTENTS]
*Body, Headings and Type
*Links
*Forms
*Code Listings
*Layout: Header/Content/Nav/Footer

Section 	Colours
Home		Blue	#369
Portfolio	Green	#063
Reference	Black	#000
Reading		Red		#c00
Lab			Grey	#999
Contact		Orange	#f60

/*======================================================================= 
	[GENERAL]
=======================================================================*/
body{ background: #fff; }

a, a:visited { background-color: #fff; }
a:hover { color: #f60; background-color: #fff; }

/* Page Title / logo */
div#header h1 { color: #fff; border:0; }
div#header h1 a, div#header h1 a:hover 
{
	background: transparent url(/images/logo.png) top left no-repeat;
}

/* Form Elements */
textarea, input, select 
{
	background: white url(/images/inputbg.gif) top left no-repeat;
	border: 1px #ccc solid;
}
input:focus, textarea:focus, select:focus { border-color:#333; background-color: #ffc; }

/* Code Listings */
pre { border-color: #ccc; background:#000; color: #fff; }
span.comments { color: #063; }

/* Menu */
ul#nav a { background: #def !important; color: #666 !important; }
ul#nav a:hover { background: #ff751a !important; color: #fff !important; }
ul#nav li.activetab a, ul#nav li.activetab a:hover { background: #fff !important; color: #003 !important; }
ul#nav li a, ul#nav li a:hover { background: #fff !important; color: #003 !important; }

#message-result { color: #fff; }
p.success { background: #063; }
p.error { background: #c00; }

/* Sidebar */
#sidebar 
{
	background-color: transparent;
	border-color: #ccc;
}

/*======================================================================= 
		[HOME]
=======================================================================*/
#root div#header { background: #369; }

#root h2, #root h3, #root h4, #root h5, #root a, #root a:visited 
	{ color: #369; }

#root a:hover { color: #f60; }
	
#root p.byline { border-bottom-color: #369; }
	
/* Footer */
#root h6 { border-top-color: #369; }

#root input:hover, #root textarea:hover { border-color: #369; }

/*======================================================================= 
		[PORTFOLIO]
=======================================================================*/
#portfolio div#header { background: #063; }

#portfolio h2, #portfolio h3, #portfolio h4, #portfolio h5, #portfolio a, #portfolio a:visited 
	{ color: #063; }

#portfolio a:hover { color: #f60; }
	
#portfolio p.byline { border-bottom-color: #063; }
	
/* Footer */
#portfolio h6 { border-top-color: #063; }

#portfolio input:hover, #portfolio textarea:hover { border-color: #063; }

.portfolioitem { border-color: #ccc; }
.portfolioitem:hover { border-color: #063; background: #9de093; }
#portfolio .portfolioitem:hover a, #portfolio .portfolioitem:hover a:hover { background: transparent }

/*======================================================================= 
		[REFERENCE]
=======================================================================*/
#reference div#header { background: #000; }

#reference h2, #reference h3, #reference h4, #reference h5, #reference a, #reference a:visited 
	{ color: #000; }

#reference a:hover { color: #f60; }
	
#reference p.byline { border-bottom-color: #000; }
	
/* Footer */
#reference h6 { border-top-color: #000; }

#reference input:hover, #reference textarea:hover { border-color: #000; }

/* Index style lists */
#reference .index li a:hover { border-color: #000; background: #eee }

/*======================================================================= 
		[ENTERTAINMENT]
=======================================================================*/
#entertainment div#header { background: #c00; }

#entertainment h2, #entertainment h3, #entertainment h4, #entertainment h5, #entertainment a, #entertainment a:visited 
	{ color: #c00; }

#entertainment a:hover { color: #f60; }
	
#entertainment p.byline { border-bottom-color: #c00; }
	
#entertainment ol.items li { border-color: #c00; }
#entertainment ol.items li:hover, #entertainment ol.items:hover a:hover { background: #e57f7f; color: #fff; }
#entertainment ol.items:hover a { background: transparent }

/* Footer */
#entertainment h6 { border-top-color: #c00; }

#entertainment input:hover, #entertainment textarea:hover { border-color: #c00; }

#entertainment .subnav-container { border-top-color: #c00; }
#entertainment .subnav li a {
	background: #fff;
	border-color: #c00;
}
#entertainment .subnav li a:hover {
	background: #e57f7f;
	color: #fff;
}

/*======================================================================= 
		[LAB]
=======================================================================*/
#lab div#header { background: gold; }

#lab h2, #lab h3, #lab h4, #lab h5, #lab a, #lab a:visited 
	{ color: gold; }

#lab a:hover { color: #f60; }
	
#lab p.byline { border-bottom-color: gold; }
	
/* Footer */
#lab h6 { border-top-color: gold; }

#lab input:hover, #lab textarea:hover { border-color: gold; }

#lab .index li a:hover { border-color: gold; background: #ffc; }

/*======================================================================= 
		[CONTACT]
=======================================================================*/
#contact div#header { background: #f60; }

#contact h2, #contact h3, #contact h4, #contact h5, #contact a, #contact a:visited 
	{ color: #f60; }

#contact a:hover { color: #f60; }
	
#contact p.byline { border-bottom-color: #f60; }
	
/* Footer */
#contact h6 { border-top-color: #f60; }

#contact input:hover, #contact textarea:hover, #contact select:hover, 
#contact input:focus, #contact textarea:focus, #contact select:focus
	{ border-color:#f60; background-color: #fff; }
/*
-----------------------------------------------------------------------
		Content 
-----------------------------------------------------------------------
*/
.thumbnail { border-color: #ccc; background: white; }

#sidebar div{ background-color: #def; }

a .validation_button  { border-color: #fff; }
a:hover .validation_button  { border-color: #f60; }

.index li a { border-color: #ccc; }