/* This is an IE hack.  We draw a border around the title to force proper
	css formating of the floats and clears.  This border will not be shown
*/	
* html .title
{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

.title
{
	padding: 0.25em;
}


.mainbody
{
	width: 100%;
	padding: 0em 0em 1em 0em;
}

.maincol_one_frame
{
	width: 25%;
	float: left;
}

.maincol_two_frame
{
	width: 71%;
	float: left;
}

.maincol_three_frame
{
	width: 28%;
	float: left;
}

.maincol_one
{
	padding: 2em 0em 0em 2em;

	/* Because it's possible the first column may be longer than
		the middle column (or vice versa), we need both columns
		to have a border, although it's "shared" visually.  In
		order to acheive this without seeing both borders, we
		move the first column over top of the middle column
		by exactly the width of the border
	*/
	/* FIXME: this offset must be the same size as the col border widths,
		can we do this in the same file?
	*/ 
	/* FIXME: currently, this doesn't work on firefox 1.0 for windows (works in 
		linux).  It seems it's drawing the column width 1px short as it works when
		the link text is so long that it has to wrap to the next line...
	*/
	right: -1px;
	position: relative;
}

.maincol_two
{
	padding: 1em 0em 0em 2em;
}
	
.maincol_three
{
	padding: 1em 2em 0em 1em;
}
	
.maincol_one .col_data
{
	padding: 0em;
}

.maincol_two .col_data
{
	padding: 1em;
}
	
.maincol_three .col_data
{
	padding: 1em;
}

.secondary_col {
	padding-left: 6em;
	padding-right: 3em;
}

.navigation, .navigation:hover
{
	padding: 0em 2em 0em 2em;
}

/* FIXME: Why does 1px of the top border dissappear on hover in mozilla?
 */
.navigation_item, .navigation_item_chosen
{
	padding: 1px 0em 0em 0em;
}

 


/* Note to self:
 * 
 * To make the whole box change colour on hover:
 *  - set display for a and a:hover to block or inline-block
 *  - set the padding on the a and a:hover, NOT the surrounding div
 */
.navigation_item a, .navigation_item a:hover, .navigation_item_chosen a 
{
	padding: 0em 2em 0em 2em;
}

.navigation_item, .navigation_item a, .navigation_item a:hover
{
	display: inline;
}

.dummy_div
{
	font-size: xx-small;
	clear: both;
	visibility: hidden;
	width: 100%;
}

.linklist_head a
{
	padding: 0.5em;
}

.linklist_head, .linklist_head a, .linklist_head:hover
{
	display: block;
}

.linklist_item, .linklist_item a, .linklist_item a:hover, .entry_list, .entry_list a, .entry_list a:hover
{
	display: block;
	line-height: 1.5em;
}

.linklist_item a, .entry_list a
{
	padding: 0.5em 0em 0.5em 1em;	
}

.linklist_item_subdir
{
	padding: 0em 0em 0em 1em;
}

.image_file
{
	width: 95%;
}


/* SUBTEXT FORMATTING! */
/* FIXME: Eventually style tags should be moved out of here, for now
 * I want to keep the subtext stuff together 
 */



	
/* FIXME: This should appear somewhere else.  For feature specific things, guestbook
etc. I should not be using the global site css files.  --- Emilie
*/
.guestbookentry
{
	padding: 0em 0em 0em 0em;
	margin: 0em 1em 2em 1em;
}

.guestbookmessage
{
	padding: 1em 0em 0.5em 1em;
}

.guestbookbottom
{
	padding: 0em 0em 0em 2em;
}

.guestbookname
{
	font-size: small;
}	

.guestbookdate
{
	font-size: x-small;
}					
					
.guestbookheader
{
	font-size: x-large;
	font-weight: bold;
}

.guestbookform
{
	padding: 0em 0em 0em 2em;
}

.guestbookform div
{
	padding: 0.5em 0em 0.5em 0em;
}

/* 2nd, 3rd, 4th, ... div of mainpage_text
 * IE doesn't support child selectors so we need the declaration after this one
 * to reset the padding to 0, since we are forced to use descendant selectors
 */
.subpage_html div, .subpage_text div, .subpage_php div
{
	padding: 0.5em 0em 0.5em 1.25em;
}

.subpage_php .maindiv
{
	padding: 0.5em 0em 0.5em 0em;
}
	
.subpage_html h1
{
	font-size: x-large;
}

.subpage_html h2
{
	font-size: large;
	padding: 1.5em 0em 0em 0em;
}
	
.subpage_html .content_picture, .subpage_text .content_picture
{
	text-align: center;
} 

.subpage_html .content_picture_caption, .subpage_text .content_picture_caption
{
	font-style: italic;
} 

.subpage_html li, .subpage_text li
{
	padding: 0.5em;
}

/*div.photo_img {
	float: left; 
}*/