/* Claro - as defined in the .plist:
0: colour_body_bg			Body bg		(original name colour_body_background)
1: colour_header_bg			Side header bg
2: colour_header_title		Title text
3: colour_header_slogan		Slogan text
4: colour_sidebar_bg		Sidebar bg
5: colour_sidebar_text		Sidebar text
6: colour_sidebar2_bg		Sidebar 2 bg
7: colour_navbar_text		Navbar text
8: colour_content_bg		Content bg
9: colour_content_text		Content text
10: colour_content_links	Content link
*/

body,
.movie-background, .photo-background {
	background-color: #FFFFFF; /* Claro */
}

a:link, a:visited {
	color: #7F7F7F;
}

a:hover, a:active {
	color: #6E5C4B;
}

/* Claro: for images with links */
a:link .imageStyle,
a:visited .imageStyle {
	color: #000;
}

a:hover .imageStyle,
a:active .imageStyle {
	color: #6E5C4B;
}

#container {
	border-color: #FFFFFF /* Claro */
}
		
#pageHeader {
	background-color: #FFFFFF;
}

.photo-navigation {
	background-color: #CCCCCC;
}

#pageHeader_top h1 {
	color: #191919;
}
		
#pageHeader_top h2 {
	color: #999999;
}
		
.photo-links {
/* Claro - this now works after renaming to "bg" */
	background-color: #999999;
	border-bottom-color: #7F7F7F;
}

.photo-caption {
	color: #191919;
}

.photo-title {
	color: #1E1E1E;
}

.blog-entry-title a {
/* Claro - a link is a link, so color it so
	color: #191919; */
	color: #7F7F7F;
}

.blog-entry-title a:hover {
/* Claro - fixed bad name, then use normal link hover math
	color: %colour_links%; */
	color: #6E5C4B;
	background: transparent;
}

.photo-links {
	color: #7F7F7F;
}

.exif-data,
.movie-title {
/* Claro - fixed
	color: %colour_content_background * 2%; */
	color: #FFFFFF;
}

.photo-navigation a:link,
.photo-navigation a:visited {
	color: #7F7F7F;
}

#navcontainer ul a {
	color: #999999;
}

#navcontainer #current,
#navcontainer .currentAncestor {
/* Claro
	color: #FFFFFF; */
	color: #191919;
}

#navcontainer ul a:hover {
/* Claro
	color: #EECCBB; */
	color: #887766 !important;
}

#navcontainer ul ul {
}

#contentContainer {
	border-color: #FFFFFF; /* Claro */
}

#sidebar #sidecontainer .sideHeader,
#sidebar #sidecontainer h1,
#sidebar #sidecontainer h2,
#sidebar #sidecontainer h3,
#sidebar #sidecontainer h4,
#sidebar #sidecontainer h5,
.blog-entry-date,
.blog-archive-link {
	border-bottom-color: #4C4C4C;
	color: #191919;
}

#sidebar {
	color: #191919;
	background-color: #FFFFFF;
}

#sidebar2 {
	color: #191919;
}


#footer, #footer p {
	background-color: transparent;
/*	Claro, for white bg
	color: #FFFFFF; */
	color: #191919;
}

#footer a {
/*	Claro, for white bg
	color: #FFFFFF; */
	color: #7F7F7F;
}

#footer a:hover {
/*	Claro, for white bg
	color: #FFFFFF; */
	color: #6E5C4B;
}

#container {
	background-color: #FFFFFF;
}

#mainContent #content {
	background-color: #FFFFFF;
	color: #191919;
}

#mainContent #content h1 {
	color: #141414;
}

#mainContent #content h2 {
	color: #141414;
}

#mainContent #content h3 {
	color: #161616;
}

#mainContent #content h4 {
	color: #161616;
}

#mainContent #content h5 {
	color: #191919;
}

.photo-frame, .thumbnail-frame {
	border-color: #999999;
	background-color: #FFFFFF;
}

.form-input-field, .form-input-button {
	background-color: #FFFFFF;
	border-color: #E5E5E5;
	color: #191919;
}