/*	=====================	*/
/*	Common CSS for screen 	*/
/*	RM 07/05/2009			*/
/*	=====================	*/

/*	=====================	*/
/*	Utilities				*/
/*	=====================	*/
/*	Clearfix method for floated elements	*/
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/*	Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*	Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
} 

.replace span
{
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 1; /*for Opera 5 and 6*/ 
}

/*	Visual reminder to fix something before launch */
.replaceMe
{
	background: red;
	color: yellow;
}

/*	=====================	*/
/*	Basic styling			*/
/*	=====================	*/
body
{
	color: #fff;
	font: normal 100%/1.4 Arial, Helvetica, sans-serif;
	background: #000 none;
}

h1
{
	clear: both;
	font-size: 2em;
	line-height: 2em;
	min-height: 1.65em;
}

h3
{
	font-size: 1.3em;
	line-height: 2.5em;
	min-height: 2.5em;
}

a
{
	color: #f1f1f1;
	padding: 0 .2em;
}

a:visited
{
	color: #ddd;
}

a:focus,
a:hover,
a:active
{
	color: #000;
	background: #f1f1f1;
}

abbr
{
	border-bottom: 1px dotted #000;
}

abbr:hover
{
	color: #000;
	background: #f1f1f1;
}

/*	Section titles added for screen reader users only in this site */
h2.sectionTitle
{
	position: absolute;
	left: -9999px;
	top: -9999px;
}

#siteLogo,
#siteLogo span
{
	/*	First make sure the text looks good without the background image and override the h1 styling for the homepage */
	color: #fff;
	font-size: 2em;
	line-height: 1.5em;
	padding: 0;
	display: block;
	
	/*	Now apply the IRT */
	width: 350px;
	height: 64px;
	background: transparent url(../images/logo_sprite.gif) no-repeat left bottom;
	border: 0 none;
}

/*	Probably screwy in IE6 because the span also has hover pseudo class. */
a#siteLogo:hover,
a#siteLogo span:hover
{
	background-position: -350px bottom;
	color: #f1f1f1;
	text-decoration: none;
}

/*	=====================	*/
/*	Content					*/
/*	=====================	*/
#main
{
	margin-top: 2em;
}

#content
{
	background: #000 url(../images/climber_Full.gif) no-repeat right top;
	width: 960px;
	margin: 2em auto;
	font-size: 0.85em;
	border: 2px solid #282828;
}

#copy
{
	width: 700px;
	padding: 1em;
}

#logo
{
	float: left;
}

.sidebar
{
	font-size: 1.3em;
	float: right;
	text-align: right;
}

.sidebar a
{
	display: block;
}

li
{
	list-style: circle;
	margin-left: 2em;
}

p,
ul
{
	margin-bottom: 1em;
}