/*
	Stylesheet for NoFaTe.me

	by NoFaTe (nofate@nofate.me)
*/


/* Custom Fonts */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('/fonts/bebasneue-webfont.eot');
    src: url('/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bebasneue-webfont.woff') format('woff'),
         url('/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stereofunkdisplay';
    src: url('/fonts/stereofunk-webfont.eot');
    src: url('/fonts/stereofunk-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/stereofunk-webfont.woff') format('woff'),
         url('/fonts/stereofunk-webfont.ttf') format('truetype'),
         url('/fonts/stereofunk-webfont.svg#stereofunkdisplay') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Main Body */

html {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background-image: url('/images/bg.png');
	background-repeat: repeat;
}

/* Header */

#header {
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}

span.h-title {
	text-align: center;
	font-family: 'stereofunkdisplay';
	font-size: 99px;
	color: #505050;
}

.h-tagln {
	margin: 0 auto;
	text-align: center;
	font-family: 'bebas_neueregular';
	font-size: 30px;
	width: 430px;
	height: 32px;
	background-color: #DDD;
	clear: both;
}

span.clight {
	color: #999;
}

span.cblue {
	color: #00AEFF;
}

span.cdark {
	color: #505050;
}

/* Content */

#content {
	margin: 0 auto;
	margin-top: 8px;
	width: 510px;
	overflow: hidden;
}

#footer {
	color: #999;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#footer strong {
	color: #777;
}

ul#cboxes {
	list-style-type: none;
	margin: auto;
}

ul#cboxes li {
	width: 140px;
	height: 65px;
	background-color: #777;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}