/*
 * Main layout
 */
 
	#page_header 
	{
		/* 
		Vertical:
			Top margin		0
			Top border		0
			Top padding		4
			Height			120
			Bottom padding	4
			Bottom border	0
			Bottom margin	0
			---------------------
			Overall			128
			IE5/Win height 	128 (height + vertical padding + vertical border widths)
		*/
		margin			: 0px;
		padding			: 4px 0 4px 0;
		height			: 128px; /* IE5/Win height */
		border-width	: 00; 
		/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
		Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
		IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
		declaration. The incorrect IE5/Win value is above, while the correct value is 
		below. See http://glish.com/css/hacks.asp for details. */
		voice-family	: "\"}\"";
		voice-family	: inherit;
		height			: 120px; /* the correct height */
	}
	/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
	length values to user agents that exhibit the parsing error exploited above yet get 
	the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
	a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
	body>#page_header {height:120px;}

 	#menu 
 	{
		/* 
		Horizontal:
			Left margin		0
			Left border		0
			Left padding	0
			Width			150
			Right padding	0
			Right border	0
			Right margin	0
			---------------------
			Overall			150
			IE5/Win height 	150 (width + horizontal padding + horizontal border widths)
		*/
 		position		: absolute;
 		top				: 129px;
 		left			: 0;
 		width			: 150px;
 		padding			: 0px;
 		margin			: 0px;
		border-width	: 0px;
 		/* Again, the ugly brilliant hack. */
 		voice-family: "\"}\"";
 		voice-family:inherit;
 		width			: 150px;
 	}
 	/* Again, "be nice to Opera 5". */
 	body>#menu {width:150px;}

	#content_pane {
		padding			: 20px;
		margin-left		: 170px;
		border-width	: 0px;
	}
 
	body 
	{
		margin			: 0px;
		padding			: 0px;
	}

	#page_footer
	{
		margin			: 20px;
		margin-top		: 40px;
		clear			: both;
		padding			: 3px;
		padding-top		: 20px;
		border-width	: 0px;
	}

/*
 * Main appearance
 */
 
	body 
	{
		background-color		: white;
	}

	#page_header 
	{
		border-style	: solid;
		border-color	: white;
		background-color: red;
	}

 
	#content_pane {
		font-family     : Helvicta, Arial, Sans serif;
		font-size       : 11pt;
		border-style	: solid;
		border-color	: #cccccc;
		
	}

	#page_footer
	{
		font-family     : Helvicta, Arial, Sans serif;
		font-size		: 80%;
	}

/*
 * General styles
 */
 
	a
	{
		 text-decoration: none;
		 color          : #990000;
	}

	a:visited
	{   
		 text-decoration: none;
		 color          : #D60000;
	}

	a:hover
	{
		color          	: #FF1414;
		text-decoration	: underline;
	}

	h1
	{
		font-family     : Helvicta, Arial, Sans serif;
		font-size       : 20pt;
		font-variant    : small-caps;
		font-weight     : bold;
		text-transform  : Capitalize;
		color           : #df0a08;
	}

	h2
	{
		font-family     : Helvicta, Arial, Sans serif;
		font-size       : 14pt;
		font-variant    : small-caps;
		font-weight     : lighter;
		text-transform  : Capitalize;
		color           : #df0a08;
		margin-bottom   : 5px;
		margin-top      : 10px;
	}

	a.footnote_anchor
	{
		vertical-align	: super;
		font-size		: 80%;
	}
	
	.footnote
	{
		padding			: 6px;
	}
	
	.footnote_number
	{
		display			: block ;
	}
	
	.footnote_return_link
	{
		display		: block;
	}

	acronym.definition
	{
		cursor          : help;
		border-bottom   : 2px dashed green;
	}

	.navigation
	{
	}

	.prev_next
	{
		padding         : 0px;
		margin          : 0px;
.	}

	.prev
	{
		float			: left;
		display			: inline;
		
	}
	
	.prev:before
	{
		content			: "<<";
	}

	.prev:after
	{
		content			: "|";
	}

	.up
	{
		float			: left;
		clear			: right;
	}

	.next
	{
		clear			: right;
	}

	.next:after
	{
		content			: ">>";
	}

	.next:before
	{
		content			: "|";
	}

	/* Optional advert below content */
	.ad_pane
	{
		clear           : left;
	}



/* 
 * Styles relating to navigation menu
 */
 
	#menu
	{
		font-family     : Helvicta, Arial, Sans serif;
		font-weight		: bold;
		font-size       : 9pt;
		text-decoration : none;
		text-transform  : Capitalize;
		line-height     : 120%;
		color           : #36a;
	 }

	#menu a
	{   
		color           : yellow;
		text-decoration	: none;
		display			: block;
		padding			: 5px;
	}
	
	#menu .child a
	{
		color           : #df0a08;
		position        : relative;
		left            : 12px;
	}

	#menu .child a:hover
	{
	   	text-decoration	: underline;
	}

	#menu ul
	{
		margin			: 0px;
		padding			: 0px;
	}

	#menu li:hover
	{
		background-color: #b40001;
	}

	#menu li
	{
		list-style-type	: none;
		border			: white solid 1px;
		border-left		: none;
		background-color: red;
		text-indent		: 8px;
		color			: white;
		
	}

	#menu li.child
	{
		background-color: #eeeeee;	
	}
	
	#menu #menu_end
	{
		background-image : url(http://www.realsteel.org.uk/images/bar_bottom.gif);
		background-attachment : left;
		background-repeat: repeat-x;
		height			: 146px;
		border			: white solid 1px;
		border-left		: none;
	}

/* 
 * Styles relating to user submission forms
 */
 
	/* Form */
	.user_submission
	{
		width           : 450px;
		background-color: #ffdddd;
		padding         : 10px;
		margin-top      : 20px;
		margin-bottom   : 20px;
		border          : dashed 1px #ff0000;
	}

	.user_submission .submission_explanation 
	{
		font-weight		: bold;
		
	}

	/* Highlights a field in form which has failed validation */
	.block_error
	{
		border          : 3px dashed red;
	}

	/* Text next to field which explains reason for validation failure */
	.invalid_reason
	{
		color           : red;
		padding-left	: 5px;
	}

	/* Text above user_submission form (or at start of document) summarising problems with form submission */
	.fault_summary
	{
		color           : red;
		font-weight		: bold;
		padding-left	: 5px;
		padding-top		: 5px;
		padding-bottom	: 5px;
		margin-top		: 3px;
		margin-bottom	: 3px;
	}
	
	.fault_summary a, .fault_summary a:visited
	{
		text-decoration	: underline;
		color           : red;
		font-weight		: bold;
	}
		
	.fault_summary a:hover
	{
		text-decoration		: normal;
	}


	/* Class covering body of confirmation page following submission of user_submission form */
	.confirmation
	{
	}

	.user_submission .label_input_pair 
	{
		clear           : both;
		padding			: 4px;
		margin			: 4px;
	}

	.user_submission .label_input_pair label 
	{
		display         : block;
		clear           : left;
		width           : 250px;
		text-align      : left;
		padding-left	: 5px;
	}

	.user_submission .label_input_pair input, .user_submission .label_input_pair textarea
	{
		display         : block;
		clear           : left;
		width           : 250px;
		text-align      : left;
		font-family		: sans-serif;
	} 

	.user_submission .submit 
	{
		clear           : both;
		padding			: 12px;
		font-family     : Sylfaen, Palatino, Serif;
	}


/* 
 * Styles relating to articles/entries/comments
 */

 
	 /* An information area contains a value and possibly a label. */
	 /* It contains information about an entry, article or comment. */
	.area
	{
	}

	/* A label is associated with a value in an information area. */
	.area .label
	{
	}

	/* A value is found in an information area */
	.area .value
	{
	}

	/* Name information type */
	.name
	{
	}

	/* Postal address information type */
	.address
	{
	}

	/* Telephone number information type */
	.telephone
	{
	}

	/* Fax number information type */
	.fax
	{
	}

	/* Time and/or date information type */
	.time_date
	{
	}

	/* Physical location information type */
	.location
	{
	}

	/* E-mail address information type */
	.email
	{
	}

	/* Guestbook only */
	/* Details about the submitter's band if band details option is on */
	.band_details
	{
	}
	
	/* Details of article or entry */
	.details
	{
		font-size		: 85%;
		padding-left	: 15px;
	}

	/* Content of article, entry or comment */
	.content
	{
		padding			: 10px;
	}

	/* Title of article or entry */
	.title
	{
		font-size		: 130%;
	}

	/* One single entry */
	.entries .entry
	{
		width           : 450px;
		background-color: #ffdddd;
		padding         : 10px;
		margin-top      : 10px;
		margin-bottom   : 10px;
		border          : solid 1px #cccccc;
	}



/*
 *	Guestbook system styles
 */

	/* Links to pages of guestbook entries */
	.navigation .entry_group
	{
	}
	.navigation .entry_group a
	{
	}
	

/*
 *	Links system styles
 */

	/* No specific styles */


/*
 *	Gigs system styles
 */

	.gigs_system .location
	{
		display					: block;
	}

	.gigs_system .time_date, .gigs_system .location
	{
		font-size		: 120%;
	}
	.gigs_system .posted
	{
		display			: block;
		font-size		: 80%;
	}

/*
 *	News system styles
 */
 
 	/* Link to news archive summary page from current news summary page */
 	/* or vice versa */
 	.navigation .summary_link
 	{
 	}


/*
 *	Contact system styles
 */

	.contact_system address 
	{
	}

	.contact_system .address 
	{
		font-weight				: bold;
	}

	.contact_system .address span
	{
		font-style				: italic;
		font-weight				: normal;
	}



/*
 *	Journal styles
 */

	.old_journal_links h2
	{
		font-size               : 150%;
	}

	 /* Year */
	 .old_journal_links h3
	{
		margin-bottom           : 2px;
		margin-top              : 2px;
		padding-left            : 10px;
		font-size               : 130%;
	}

	 /* Month */
	.old_journal_links h4
	{
		margin-bottom           : 2px;
		margin-top              : 2px;
		padding-left            : 20px;
		font-size               : 120%;
	}

	 /* Article link */
	.old_journal_links h5
	{
		margin-bottom           : 0px;
		margin-top              : 5px;
		padding-left            : 30px;
		font-size               : 100%;
	}

	.old_journal_links .time_date
	{
		padding-left            : 40px;
		font-size               : 80%;
	}

	.journal_system .location
	{
		display					: block;
	}
	
	.contract
	{
		border 					: none;
	}

	.expand
	{
		border 					: none;
	}
	
	.count
	{
		display					: inline;
		font-size				: small;
	}


/*
 *	Photo system styles
 */

	.thumb img
	{
		border          : 1px solid black;
		margin          : 2px;
	}

	.photo_system .navigation .hierarchy
	{
		padding         : 5px;
		margin          : 5px;
		float           : left;
	}
	
	.photo_system .navigation .dropdown_selector
	{
		padding         : 5px;
		float           : right;
	}

	.photo_system .navigation .prev_next
	{
	  	clear			: right;
		margin          : 10px;
	}

	.photo_highlights_selector
	{
		clear           : right;
		padding         : 5px;
		margin          : 5px;
	}

	.photos_children
	{
	}

	.photo_system .child
	{
		padding         : 5px;
		margin          : 10px;
		border          : solid 1px #cccccc;
		background-color: #ffdddd;
	}

	.clearfix:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix
	{
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .clearfix
	{
		height: 1%;
	}
	.clearfix
	{
		display: block;
	}
	/* End hide from IE-mac */

	.photo_system .child .thumb
	{
		margin          : 5px 5px 5px 0px;
		margin          : 5px 5px 5px 0px;
		width           : 208px;
		float			: left;
	}

	.photo_system .child .text
	{
		padding         : 5px;
		margin          : 5px;
		margin-left		: 220px;
	}

	.photo_system .child .name
	{
		font-weight     : bold;
	}

	.photo_system .child .description
	{
		font-style      : italic;
	}
	
	.album .description
	{
		margin          : 10px;
	}

	.photo_entry .thumb
	{
		width           : 220px;
		height          : 220px;
		padding         : 2px;
		margin          : 0px;
	}

	.thumbs
	{
	}
	
	.photo .content
	{
		margin          : 10px;
		padding			: 10px;
		border          : solid 1px #cccccc;
		background-color: #ffdddd;
	}
	
	.photo .content img
	{
		border          : solid 1px black;
	}
	
	.thumbs .thumb
	{
	}

	.photo_entry
	{
		float           : left;
		margin          : 10px;
		text-align      : center;
		border          : solid 1px #cccccc;
		background-color: #ffdddd;
	}
	

/*
 *	End
 */