/* ------------------------------------------
// CSS paulmorel.com
// Version: 1.0
// Date: 16/02/10
/* ----------------------------------------- */

/* ------------------------------------------
// CSS RESET									
/* ----------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------------
// GLOBAL									
/* ----------------------------------------- */

html, body {
	padding:0;
	margin:0;
	height:100%;
	width:100%;
}

body {
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#FFF;
	background:#000 url(../img/bg.jpg) top center no-repeat fixed;
}

a, a:link {
	color:#fe3b00;
	border-bottom:1px #fe3b00 dashed;
	text-decoration:none;
}

a:hover {
	color:#fe9400;
	border-bottom:1px #fe9400 dashed;
	text-decoration:none;
}


h1 { font-size:96px; }

h2 { font-size:48px; }

h3 {
	font-size:24px;
	margin-bottom:16px;
}

p { margin:16px 0; }



.clear-float {
	clear:both;
	visibility:hidden;
	height:0;
}
/* ------------------------------------------
// WRAPPER							
/* ----------------------------------------- */

div#page-wrapper {
	width:960px;
	margin:0 auto;
}

div#page-overlay {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	z-index:1000;
	background:#000 url(../img/loader.gif) center no-repeat;
	display:block;
}
/* ------------------------------------------
// HEADER						
/* ----------------------------------------- */

h1, h2 {
	margin:32px 10px;
	line-height:1.2em;
}

h1 {
	width:520px;
	height:120px;
	background:url(../img/header.png) no-repeat;
	text-indent:-9999px;
}

h2 {
	width:480px;
	height:120px;
	background:url(../img/subheading.png) no-repeat;
	text-indent:-9999px;
}

/* ------------------------------------------
// CONTENT									
/* ----------------------------------------- */

div.container-center {
	width:540px;
	margin-left:10px;
	margin-right:90px;
	float:left;
}

div.container-side {
	width:300px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}

div.content {
	padding:16px;
	margin-bottom:32px;
	background:url(../img/bg_black.png) left top repeat;
	background:rgba(0,0,0,0.5);
	-moz-border-radius:6px; 	/*Proper rounded corners for Gecko(Firefox) */
	-webkit-border-radius:6px; 	/*Proper rounded corners for Webkit(Safari, Chrome) */
	-khtml-border-radius:6px; 	/*Proper rounded corners for KHTML, Webcore (Konquerer, etc.) */
	border-radius:6px; /*Use graceful degradation for time when browser specific properties are phased out */

}
/* ------------------------------------------
// FOOTER									
/* ----------------------------------------- */
div.container-footer {
	width:940px;
	margin:0 10px 32px 10px;
	/*position:relative;*/
}

div.container-footer p {
	margin:0;
	float:left;
}

div.container-footer .footer-backtotop {
	text-align:right;
	float:right;
}

/* ------------------------------------------
// SOCIAL LINKS
/* ----------------------------------------- */
ul.links-social {
	display:block;
	width:300px;
	height:42px;
	margin:0 auto;
	text-align:center;
}

ul.links-social li {
	margin:4px;
	display:block;
	float:left;
}

ul.links-social li a {
	color:#666;
	text-decoration:none;
	border-bottom:0;
	-moz-border-radius:6px; 	/*Proper rounded corners for Gecko(Firefox) */
	-webkit-border-radius:6px; 	/*Proper rounded corners for Webkit(Safari, Chrome) */
	-khtml-border-radius:6px; 	/*Proper rounded corners for KHTML, Webcore (Konquerer, etc.) */
	border-radius:6px;	/*Use graceful degradation for time when browser specific properties are phased out */
	padding:8px;
	text-shadow: 1px 1px 1px #000;
	background:#131313;
}

ul.links-social li a:hover { color:#fff; }

ul.links-social li.links-social-lastfm a:hover { background:#ec1601; }
ul.links-social li.links-social-da a:hover { background:#587062; }
ul.links-social li.links-social-twitter a:hover { background:#33ccff; }
ul.links-social li.links-social-flickr a:hover { background:#ed0f90; }
ul.links-social li.links-social-facebook a:hover { background:#3b5998; }
ul.links-social li.links-social-behance a:hover { background:#00a2eb; }

div.links-social-image {
	height:120px;
	width:120px;
	background:url(../img/social_logos.png) no-repeat;
	background-position:0 100px;
	margin:10px auto;
	text-align:center;
}

/* ------------------------------------------
// SOCIAL LINKS MINI
/* ----------------------------------------- */
ul.links-social-mini {
	display:block;
	text-align:right;
	font-size:4px;
	margin-top:16px;
	height:24px;
	float:right;
	/*position:absolute;
	top:32px;
	right:0;*/
	
}

ul.links-social-mini li {
	display:block;
	float:left;
	margin:2px;
}

ul.links-social-mini li a {
	color:#666;
	text-decoration:none;
	border-bottom:0;
	-moz-border-radius:2px; 	/*Proper rounded corners for Gecko(Firefox) */
	-webkit-border-radius:2px; 	/*Proper rounded corners for Webkit(Safari, Chrome) */
	-khtml-border-radius:2px; 	/*Proper rounded corners for KHTML, Webcore (Konquerer, etc.) */
	border-radius:2px;	/*Use graceful degradation for time when browser specific properties are phased out */
	padding:4px 6px;
	text-shadow: 1px 1px 1px #000;
	background:#131313;
}

ul.links-social-mini li a:hover { color:#fff; }

ul.links-social-mini li.links-social-lastfm a:hover { background:#ec1601; }
ul.links-social-mini li.links-social-da a:hover { background:#587062; }
ul.links-social-mini li.links-social-flickr a:hover { background:#ed0f90; }
ul.links-social-mini li.links-social-twitter a:hover { background:#33ccff; }
ul.links-social-mini li.links-social-facebook a:hover { background:#3b5998; }
ul.links-social-mini li.links-social-behance a:hover { background:#00a2eb; }
ul.links-social-mini li.links-social-rss a:hover { background:#fe3b00; }
/* ------------------------------------------
// TWITTER
/* ----------------------------------------- */

p.tweet-rss {
	margin-top:0;	
}
ul.tweet-list li {
	margin-bottom:24px;	
}

ul.tweet-list span.tweet-date {
	display:block;
	margin-bottom:4px;
	font-size:1.15em;
}

/* ------------------------------------------
// AWESOME LINKS
/* ----------------------------------------- */

ul.links-list {
	margin-left:6px;
}
ul.links-list li {
	margin:3px;
}