/*
THEME SETTINGS
For each section in the site, a new 'theme' needs to be created. This controls the colours and 
images specific to each section.
The SERVICES section below is set up as an example. You can copy and paste that, and change
references as necessary. The steps are as follows:

1. Make sure all relevant images for the theme are in the "/images/themes/[section-name]" folder
2. Make a duplicate of the SERVICES section below
3. Replace each instance of "body#theme-services" to be "body#theme-[section-name]"
4. Replace each instance of "../images/themes/services/" with "../images/themes/[section-name]/"
5. Change the colour references to match the new section colouring
6. Wash, Rinse, Repeat.
7. Delete these instructions before going live ;)
*/


/* SERVICES */
body#theme-services #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/services/header-background.jpg) left bottom repeat-x;
	border-color: #f60;
	}
body#theme-services .header-image { /* header inset image and border colour */
	border-color: #f60;
	background: #fff url(../images/themes/services/header-image.jpg) 0 0 no-repeat;
	}
body#theme-services #logo { background: #f60; }		/* colour for block next to the logo */
body#theme-services h1 { border-color: #f60; } 		/* main heading colour */
body#theme-services h2 { background-color: #f60; }	/* subheading background colour */	
body#theme-services #navigation li.selected a { background-color: #f60; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-services #navigation li.selected li a { background: none; }
body#theme-services #navigation li.selected ul {
	border-color: #f60;		/* bottom border colour for subnav */
	background: #ffcfb2;	/* subnav background colour */
	}
body#theme-services #navigation li.selected li.selected { background-image: url(../images/themes/services/selected-arrow.gif); }

/* CLIENTS */
body#theme-clients #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/clients/header-background.jpg) left bottom repeat-x;
	border-color: #44a038;
	}
body#theme-clients .header-image { /* header inset image and border colour */
	border-color: #44a038;
	background: #fff url(../images/themes/clients/header-image.jpg) 0 0 no-repeat;
	}
body#theme-clients #logo { background: #44a038; }		/* colour for block next to the logo */
body#theme-clients h1 { border-color: #44a038; } 		/* main heading colour */
body#theme-clients h2 { background-color: #44a038; }	/* subheading background colour */	
body#theme-clients #navigation li.selected a { background-color: #44a038; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-clients #navigation li.selected li a { background: none; }
body#theme-clients #navigation li.selected ul {
	border-color: #44a038;		/* bottom border colour for subnav */
	background: #c7e2c3;	/* subnav background colour */
	}
body#theme-clients #navigation li.selected li.selected { background-image: url(../images/themes/clients/selected-arrow.gif); }

/* RESOURCES */
body#theme-resources #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/resources/header-background.jpg) left bottom repeat-x;
	border-color: #ba5c50;
	}
body#theme-resources .header-image { /* header inset image and border colour */
	border-color: #ba5c50;
	background: #fff url(../images/themes/resources/header-image.jpg) 0 0 no-repeat;
	}
body#theme-resources #logo { background: #ba5c50; }		/* colour for block next to the logo */
body#theme-resources h1 { border-color: #ba5c50; } 		/* main heading colour */
body#theme-resources h2 { background-color: #ba5c50; }	/* subheading background colour */	
body#theme-resources #navigation li.selected a { background-color: #ba5c50; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-resources #navigation li.selected li a { background: none; }
body#theme-resources #navigation li.selected ul {
	border-color: #ba5c50;		/* bottom border colour for subnav */
	background: #eaceca;	/* subnav background colour */
	}
body#theme-resources #navigation li.selected li.selected { background-image: url(../images/themes/resources/selected-arrow.gif); }
	
/* PRESENTATIONS */
body#theme-presentations #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/presentations/header-background.jpg) left bottom repeat-x;
	border-color: #c77b2a;
	}
body#theme-presentations .header-image { /* header inset image and border colour */
	border-color: #c77b2a;
	background: #fff url(../images/themes/presentations/header-image.jpg) 0 0 no-repeat;
	}
body#theme-presentations #logo { background: #c77b2a; }		/* colour for block next to the logo */
body#theme-presentations h1 { border-color: #c77b2a; } 		/* main heading colour */
body#theme-presentations h2 { background-color: #c77b2a; }	/* subheading background colour */	
body#theme-presentations #navigation li.selected a { background-color: #c77b2a; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-presentations #navigation li.selected li a { background: none; }
body#theme-presentations #navigation li.selected ul {
	border-color: #c77b2a;		/* bottom border colour for subnav */
	background: #eed7bf;	/* subnav background colour */
	}
body#theme-presentations #navigation li.selected li.selected { background-image: url(../images/themes/presentations/selected-arrow.gif); }
	
/* ARTICLES */
body#theme-articles #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/articles/header-background.jpg) left bottom repeat-x;
	border-color: #30a794;
	}
body#theme-articles .header-image { /* header inset image and border colour */
	border-color: #30a794;
	background: #fff url(../images/themes/articles/header-image.jpg) 0 0 no-repeat;
	}
body#theme-articles #logo { background: #30a794; }		/* colour for block next to the logo */
body#theme-articles h1 { border-color: #30a794; } 		/* main heading colour */
body#theme-articles h2 { background-color: #30a794; }	/* subheading background colour */	
body#theme-articles #navigation li.selected a { background-color: #30a794; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-articles #navigation li.selected li a { background: none; }
body#theme-articles #navigation li.selected ul {
	border-color: #30a794;		/* bottom border colour for subnav */
	background: #b2dfd9;	/* subnav background colour */
	}
body#theme-articles #navigation li.selected li.selected { background-image: url(../images/themes/articles/selected-arrow.gif); }

/* REPORTS */
body#theme-reports #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/reports/header-background.jpg) left bottom repeat-x;
	border-color: #9d8c5d;
	}
body#theme-reports .header-image { /* header inset image and border colour */
	border-color: #9d8c5d;
	background: #fff url(../images/themes/reports/header-image.jpg) 0 0 no-repeat;
	}
body#theme-reports #logo { background: #9d8c5d; }		/* colour for block next to the logo */
body#theme-reports h1 { border-color: #9d8c5d; } 		/* main heading colour */
body#theme-reports h2 { background-color: #9d8c5d; }	/* subheading background colour */	
body#theme-reports #navigation li.selected a { background-color: #9d8c5d; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-reports #navigation li.selected li a { background: none; }
body#theme-reports #navigation li.selected ul {
	border-color: #9d8c5d;		/* bottom border colour for subnav */
	background: #e1dcce;	/* subnav background colour */
	}
body#theme-reports #navigation li.selected li.selected { background-image: url(../images/themes/reports/selected-arrow.gif); }
	
/* TRAINING */
body#theme-training #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/training/header-background.jpg) left bottom repeat-x;
	border-color: #8e8f8d;
	}
body#theme-training .header-image { /* header inset image and border colour */
	border-color: #8e8f8d;
	background: #fff url(../images/themes/training/header-image.jpg) 0 0 no-repeat;
	}
body#theme-training #logo { background: #8e8f8d; }		/* colour for block next to the logo */
body#theme-training h1 { border-color: #8e8f8d; } 		/* main heading colour */
body#theme-training h2 { background-color: #8e8f8d; }	/* subheading background colour */	
body#theme-training #navigation li.selected a { background-color: #8e8f8d; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-training #navigation li.selected li a { background: none; }
body#theme-training #navigation li.selected ul {
	border-color: #8e8f8d;		/* bottom border colour for subnav */
	background: #dddddd;	/* subnav background colour */
	}
body#theme-training #navigation li.selected li.selected { background-image: url(../images/themes/training/selected-arrow.gif); }
	
/* BLOG */
body#theme-blog #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/blog/header-background.jpg) left bottom repeat-x;
	border-color: #40b7b2;
	}
body#theme-blog .header-image { /* header inset image and border colour */
	border-color: #40b7b2;
	background: #fff url(../images/themes/blog/header-image.jpg) 0 0 no-repeat;
	}
body#theme-blog #logo { background: #40b7b2; }		/* colour for block next to the logo */
body#theme-blog h1 { border-color: #40b7b2; } 		/* main heading colour */
body#theme-blog h2 { background-color: #40b7b2; }	/* subheading background colour */	
body#theme-blog #navigation li.selected a { background-color: #40b7b2; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-blog #navigation li.selected li a { background: none; }
body#theme-blog #navigation li.selected ul {
	border-color: #40b7b2;		/* bottom border colour for subnav */
	background: #c5e9e8;	/* subnav background colour */
	}
body#theme-blog #navigation li.selected li.selected { background-image: url(../images/themes/blog/selected-arrow.gif); }
	
/* ABOUT US */
body#theme-about-us #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/about-us/header-background.jpg) left bottom repeat-x;
	border-color: #0088ad;
	}
body#theme-about-us .header-image { /* header inset image and border colour */
	border-color: #0088ad;
	background: #fff url(../images/themes/about-us/header-image.jpg) 0 0 no-repeat;
	}
body#theme-about-us #logo { background: #0088ad; }		/* colour for block next to the logo */
body#theme-about-us h1 { border-color: #0088ad; } 		/* main heading colour */
body#theme-about-us h2 { background-color: #0088ad; }	/* subheading background colour */	
body#theme-about-us #navigation li.selected a { background-color: #0088ad; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-about-us #navigation li.selected li a { background: none; }
body#theme-about-us #navigation li.selected ul {
	border-color: #0088ad;		/* bottom border colour for subnav */
	background: #b2dbe6;	/* subnav background colour */
	}
body#theme-about-us #navigation li.selected li.selected { background-image: url(../images/themes/about-us/selected-arrow.gif); }
	
/* CONTACT US */
body#theme-contact-us #header { /* header background graphic and bottom border colour */
	background: #fff url(../images/themes/contact-us/header-background.jpg) left bottom repeat-x;
	border-color: #b9a800;
	}
body#theme-contact-us .header-image { /* header inset image and border colour */
	border-color: #b9a800;
	background: #fff url(../images/themes/contact-us/header-image.jpg) 0 0 no-repeat;
	}
body#theme-contact-us #logo { background: #b9a800; }		/* colour for block next to the logo */
body#theme-contact-us h1 { border-color: #b9a800; } 		/* main heading colour */
body#theme-contact-us h2 { background-color: #b9a800; }	/* subheading background colour */	
body#theme-contact-us #navigation li.selected a { background-color: #b9a800; }	/* highlighted nav item colour */
	/* reset so the highlight colour doesn't flow down to subnav items */
	body#theme-contact-us #navigation li.selected li a { background: none; }
body#theme-contact-us #navigation li.selected ul {
	border-color: #b9a800;		/* bottom border colour for subnav */
	background: #eae5b2;	/* subnav background colour */
	}
body#theme-contact-us #navigation li.selected li.selected { background-image: url(../images/themes/contact-us/selected-arrow.gif); }

/* WHAT IS USABILITY */
body#theme-what-is-usability #header {
	background: #fff url(../images/themes/what-is-usability/header-background.jpg) left bottom repeat-x;
	border-color: #f12826;
	}
body#theme-what-is-usability .header-image {
	border-color: #f12826;
	background: #fff url(../images/themes/what-is-usability/header-image.jpg) 0 0 no-repeat;
	}
body#theme-what-is-usability #logo { background: #f12826; }
body#theme-what-is-usability h1 { border-color: #f12826; }
body#theme-what-is-usability h2 { background-color: #f12826; }
body#theme-what-is-usability #navigation li.selected a { background-color: #f12826; }
	body#theme-what-is-usability #navigation li.selected li a { background: none; }
body#theme-what-is-usability #navigation li.selected ul {
	border-color: #f12826;
	background: #fbbebd;
	}
body#theme-what-is-usability #navigation li.selected li.selected { background-image: url(../images/themes/what-is-usability/selected-arrow.gif); }

/* HOME PAGE --------------------------------------------------------- */
body#theme-home #header { border-color: #C87B2B; background: #000; }
body#theme-home h1 { border-color: #C87B2B; }
body#theme-home h2 { background-color: #C87B2B; }
body#theme-home #navigation li.selected ul { border-color: #f60; }
body#theme-home #navigation li.selected a { background-color: #ffc726; }
body#theme-home img.home-image { border-color: #C87B2B; }
body#theme-home #feature1 h2 { background-color: #0088ad; }
body#theme-home #feature2 h2 { background-color: #F12826; }
body#theme-home #feature3 h2 { background-color: #ff6600; }
body#theme-home #introduction { border-color: #C87B2B; }