/*  -----|  Globals  |------------------------------------------------------  */



body {
	background-color: #4F504B;
	color: #86ABAD;
	font: 10px 'Tahoma', Verdana, Arial, Helvetica, sans-serif;
	margin: 30px;
	padding: 0;
	}




#content
{
float: left;
width: 70%;
}



/* hr { display: none; } */


label { display:block;}

hr {
	background-color: #22201d;
	border: 1px solid #363430;
	height: 10px;
	margin: 10px 0;
	width: 760px;
	}


a:link, a:visited, a:active { color: #638F92; text-decoration: underline; }

a:hover { color: #86ABAD; text-decoration: none;}

ul { list-style: none; color: #000000;}




table { 
width: 100%; 
border-collapse: collapse; 
}

	th { 
	border-bottom: 1px solid #35302a; 
	text-align: left; }



pre {

	padding: 5px 0;
	border-top: 1px dotted #35302a;
	border-bottom: 1px dotted #35302a;
}

.view{
text-align: left;
background: #A4C0C1;
border-top: 2px solid #538E88;
padding: 4px;
color: #4F504B;
}

.view a:link,
.view a:visited,
.view a:active { color: #41423D; text-decoration: none; }
.view:hover  { background: #E3E1CF; color: #4F504B; text-decoration: none;}

.play{
text-align: left;
background: #E3E1CF;
padding: 4px;
color: #4F504B;
}

/*  -----|  Typography  |---------------------------------------------------  */



h1, h2, h3, h4, h5, h6 { font-family: Georgia, 'Verdana', serif; font-weight: normal; }



h1 { color: #538E88; font-size: 2em; margin: 0 0 8px; }




h2 { 
color: #E3E1CF; 
font-size: 2em; 
margin: 0; 
padding: 1px 0; 
display: block; 
border-bottom: 2px solid #577D80; 
font-weight: 600;
}


/*  -----|  Miscellaneous  |------------------------------------------------  */

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

}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

p { 
background-color: #E3E1CF; 
}