/* @group Layout Colours */

#bar,
.photo-navigation,
.movie-title {
	background-color: %colour_top_bar%;
}

#pageHeader #title {
	background-color: %colour_banner_bg%;
}

#pageHeader h1,
#pageHeader h2 {
	text-shadow: 0px -1px 0px %colour_banner_bg * 0.6%;
}

#footer {
	background-color: %colour_footer_bg%;
}

#footer p {
	text-shadow: 0px -1px 0px %colour_footer_bg * 0.6%;
}

#breadcrumbcontainer li {
	color: %colour_footer_bg * 0.7%;
}

/* @end */

/* @group Content Colours */
	
body,
.blog-entry-body,
.blog-entry-date,
.blog-entry {
	color: %colour_body_content%;
}


#sidebarContainer .sideHeader,
#sidebarContainer #sidebar h1,
#sidebarContainer #sidebar h2,
#sidebarContainer #sidebar h3 {
	color: %colour_sidebar_headings%;
}

#sidebarContainer {
	color: %colour_sidebar_content%;
}

#sidebarContainer #sidebar a,
#breadcrumbcontainer,
a:link, a:visited {
	color: %colour_tags_links%;
}

h1, h2, h3, h4, h5,
h1.blog-entry-title a,
.blog-archive-headings-wrapper,
.album-title,
.photo-title,
.movie-page-title {
	color: %colour_main_headings%;
}



/* @end */

/* @group Navbar */

#navcontainer a {
	color: %colour_body_content%;
}

#navcontainer a:hover,
#navcontainer #current,
#navcontainer .currentAncestor,
#sidebarContainer #sidebar a:hover,
.photo-navigation a:hover,
a:hover, a:active,
form,
h1 {
	color: %colour_banner_bg%;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul #current,
#navcontainer ul ul .currentAncestor {
	background: %colour_banner_bg%;
	color: #fff;
	border-bottom-color: %colour_banner_bg%;
}



/* @end */