/* General Colors */
body {
	background-color: %colour_site_bkg%;
	color: %colour_content_text%;
}

a:link, a:visited {
	color: %colour_links%;
}

a:hover, a:active {
	color: %colour_links * 0.8 %;
}


/* Site Title and Slogan */
h1#site_title {
	color: %colour_site_title%;
	border-bottom: 1px solid %colour_site_title_divider%;
}

h2#site_slogan {
	color: %colour_site_slogan%;
}

#scroll_down_button {
	background-color: %colour_scroll_down_button_bkg%;
	color: %colour_scroll_down_button_fg%;
}

#scroll_up_button {
	background-color: %colour_scroll_up_button_bkg%;
	color: %colour_scroll_up_button_fg%;
}

/* Navigation Colors */
nav#top_navigation #current,
nav#top_navigation a:hover,
nav#top_navigation .currentAncestor {
	background-color: %colour_top_current_bkg%;
	color: %colour_top_current_fg%;
}

nav#top_navigation ul li a,
nav#top_navigation ul li a:visited {
	color: %colour_top_current_fg%;
}

#sub_navigation_bar {
	background-color: %colour_sub_nav_bkg%;
}

nav#sub_navigation ul li a,
nav#sub_navigation ul li a:visited {
	color: %colour_sub_nav_text%;
}

nav#sub_navigation #current,
nav#sub_navigation a:hover {
	background-color: %colour_sub_current_bkg%;
	color: %colour_sub_current_fg%;
}

#mobile_navigation_toggle {
	background-color: %colour_top_current_bkg%;
	color: %colour_top_current_fg%;
}



/* Blog Colors */
#sidebar ul.blog-tag-cloud li a,
#sidebar ul.blog-tag-cloud li a:visited {
	background-color: %colour_links%;
	color: %colour_site_bkg%;
}

#sidebar ul.blog-tag-cloud li a:hover,
#sidebar ul.blog-tag-cloud li a:active {
	background-color: %colour_links * 0.8 %;
}


/* Photo Album */
.photo-background {
	background-color: %colour_site_bkg%;	
}



/* Form Elements */
.form-input-field:focus {
  border-color: %colour_links%;
} 

.form-input-button {
  background-color: %colour_site_bkg%;
}

.form-input-button:hover {
  border-color: %colour_links%;
  background-color: %colour_links%;
  color: %colour_site_bkg%;
}
