/*------------------------------------------------------*/
/* =HTML ELEMENTS					*/
/*-----------------------------------------------------*/


body { 
	background: url(../images/bg.jpg);
	font: 16px Helvetica, Sans-Serif; 
	line-height: 24px;  
	text-align: center;
}

#wrapper{ 
	margin: 40px auto 60px;
	width: 600px;  
}

h1 { 
	border-bottom: 1px solid #999; 
	color: #333;
	font: 30px/56px 'CPMono_v07BoldCPMono_v07-Bold', Arial, sans-serif; 
	margin: 0 0 16px 0; 
	padding: 0 0 20px 0; 
	word-spacing: -10px; 
}

h1 span {
	color: #8b8b8b;
}

h1 span:first-child {
	color: #df4343;
	font-size: 32px;
}

h1 code {
	color: #8b8b8b;
	font-size: 18px;
	margin: 0 -2px;
	vertical-align: top;
}

h1 code span:first-child {
	background: #e6fcca;
	color: #444;
	font-size: 18px;
	padding: 0 2px;
	vertical-align: top;
}

h1 code span.unavailable {
	background: #fcb6a1;
	text-decoration: line-through;
}

a { 
	border-bottom: 1px dotted #999; 
	color: #999; 
	text-decoration: none; 
}

a:hover { 
	border-bottom-style: solid; 
	color: #333; 
}

p { 
	color: #666; 
	font-family: Georgia, Serif; 
	font-style: italic; 
	margin-bottom: 15px; 
}

/* CUSTOM FONTS */
@font-face {
	font-family: 'CPMono_v07BoldCPMono_v07-Bold';
	src: url('../fonts/CPMono_v07_Bold.eot');
	src: local('../fonts/CPMono_v07 Bold CPMono_v07-Bold'), local('../fonts/CPMono_v07Bold'), url('../fonts/CPMono_v07_Bold.ttf') format('truetype'), url('../fonts/CPMono_v07_Bold.svg#CPMono_v07Bold') format('svg');
}