/* ------------------------------------------------------------------------
	File Format:
	
	Any comment can appear before the first "Colour Start" comment.  
	Each colour should be described by 4 lines:

		1. A "Colour Start" comment
		2. A description of the colour
		3. The elements, classes, and id's that that colour applies to
		4. The colour itself written as an RGB value like this: { color: #XXXXXX; }	
   		(Note: this means common english names like "white" and "black" are not
   		acceptable, use #ffffff and #000000)
   		
   Any comments can appear between colour descriptions (after the RGB value but
   before the next "Colour Start" tag.
   
   To change the colour for a group of elements, modify only the 6 digits after 
   the "color:" tag.  Ensure that the 6 digits are preceeded by a # and 
   followed by a ;
------------------------------------------------------------------------ */

/* Colour Start */
/* Main Text Colour */
body
{ color: #000000; }

/* Colour Start */
/* Dark Text Colour */
.title_text, body a, body a.hover
{ color: #000000; }

/* Colour Start */
/* Lighter Text Colour */
.title_quote
{ color: #34350b; }

/* Colour Start */
/* Invisible Text Colour */
.bottom_bar 
{ color: #ffffff; }

/* Colour Start */
/* Medium Border Colour */
.med_border
{ border-color: #4d4d4d; }

/* Colour Start */
/* Dark Border Colour */
.dark_border
{ border-color: #000000; }


/* Colour Start */
/* Body Background Colour */
body, .maincol_3 div.col_data {
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-light.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
}

.maincol_3 div.col_data {
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-normal3.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
}

/* Colour Start */
/* Light Background Colour */
.col_data {
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-normal2.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
}

/* Colour Start */
/* Highlight Background Colour */
.sublist_head a:hover, .sublist_item a:hover, .sublist_item_selected a, .sublist_head_selected a, .navigation_item a, .navigation_item_selected a:hover
{
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-grey.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
}


/* Colour Start */
/* Inverse Highlight Background Colour */
.sublist_item_selected a:hover, .sublist_head_selected a:hover, .maincontent, .navigation_item_selected a, .navigation_item a:hover, .title
{
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-normal.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
}


.alternate a.letter_index {
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-light.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;	
}

a.letter_index {
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-normal2.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;	
}

.alternate a.letter_index:hover, a.letter_index:hover {
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-grey.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;	
}



/* Colour Start */
/* Highlighted Search Term */
.search_term
{
	background-color: #dec576;
}

.timeline_container, .timeline_empty, .timeline_year {
	background-image: url(http://sarah.emilieroberts.ca/img/letterback-grey.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
}

.alternate a.letter_index:hover, a.letter_index:hover, .timeline_yes a, .timeline_yes_highlighted a:hover {
	background-color: #dec576;
}


.timeline_yes a:hover, .timeline_yes_highlighted a, .timeline_no a:hover {
	background-color: #ffc000;
}


/* Colour Start */
/* Form input background colour */
input, textarea, input.alternate, textarea.alternate
{ 	background-image: url(http://sarah.emilieroberts.ca/img/letterback-grey.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	 border-color: #566455; 
}



/* The following colour entries are structural, do not edit them */

.nothing
{ border-color: #000000; }

/* The following is an IE hack.  By forcing a border to be drawn we ensure proper
   formatting.  The light border should be the same colour as the light background
*/
* html .title
{ border-color: #ffffff; }