/* Master Resets (thanks Yahoo)
------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} 
ol,ul,li {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;} 
q:before,q:after {content:'';} 
abbr,acronym {border:0;} 
a,button,input,select {outline: none;}

/* Safari text fix thanks ordered list (http://orderedlist.com/articles/thining-text-in-safari-under-snow-leopard) */
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/* General
------------------------------------------------------------- */
 
html, body {
	height: 100%;
	background: #000 url(../images/background-space.gif) repeat-y 890px 0px;
	color: #ccc;	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, Times, serif;
	}
.clear {clear: both;}
h1,h2,h3,h4,h5,h6 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	}
#wrap {
	background: url(../images/background-body.gif);		
	}	
	
/* Header
------------------------------------------------------------- */	

#header {
	position: relative;
	width: 890px;
	height: 180px;
	background: url(../images/background-header.gif) repeat-x left top;
	}
#header #logo {
	display: block;
	position: absolute;
	width: 37px;
	height: 32px;
	left: 40px;
	top: 125px;
	background: url(../images/logo.png) no-repeat left top;
	text-indent: -9999px;
	}	
#header h1 {
	position: absolute;
	right: 40px;
	top: 127px;
	width: 714px;
	height: 26px;
	background: url(../images/title.png) no-repeat right top;
	text-indent: -9999px;
	}	
#portfolio #header h1 {background-image: url(../images/title-home.png);}		
	
	
/* Content
------------------------------------------------------------- */		

#wrap {
	width: 890px;
	}
#content {
	float: left;
	width: 590px;
	margin: 0 20px 20px 0;
	}	
#content #posts {
	margin-top: -1px;
	}	
#content #posts li.post {
	position: relative;
	padding: 40px;
	background: url(../images/background-post.png) no-repeat left top;
	}
#content #posts li.post h2 {
	margin: 0 0 15px 0;
	}	
#content #posts li.post h2 a {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	text-shadow: #000 0px 1px 1px;
	}	
#content #posts li.post p {
	margin: 0 0 10px 0;
	line-height: 24px;
	font-size: 16px;
	}		
#content #posts li.post a {
	color: #fff;
	}	
#content #posts li.post .video object,
#content #posts li.post .photo img,
#content #posts li.post .audio .audio_player {
	margin: 0 0 10px 0;
	padding: 10px;
	background: url(../images/background-dark.png);
	border: 1px solid #444;
	}	
#content #posts li.post .photo a:hover img {
	background: #000;
	border-color: #ac54ac;
	}	
#content #posts li.post .audio .audio_player {float: left;}	
#content #posts li.post .audio .caption {clear: both;}
#content #posts li.post .link h2 {
	line-height: 26px;
	margin: 0 0 20px 0;
	}	
#content #posts li.post .caption p,
#content #posts li.post .caption,
#content #posts li.post .description p {
	line-height: 20px;
	}	
#content #posts li.post .caption a,
#content #posts li.post .description a,
#content #posts li.post .quote a {
	color: #fff;
	}	
#content #posts li.post .quote blockquote.main {
	line-height: 32px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;	
	border-left: 5px solid #444;
	font-size: 24px;
	font-style: oblique;
	text-shadow: #000 0px 1px 1px;
	}	
#content #posts li.post .quote cite {
	display: block;
	text-align: right;
	font-size: 12px;
	color: #ccc;
	}	
#content #posts li.post blockquote {
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 3px solid #444;
	font-style: oblique;
	}	
#content #posts li.post ul,
#content #posts li.post ol {
	margin: 0 0 15px 0;
	}	
#content #posts li.post ul li,
#content #posts li.post ol li {
	margin: 0 0 5px 20px;
	}	
#content #posts li.post ol li {
	list-style: decimal;
	}	
#content #posts li.post .image {
	margin: 20px 0;
	border: 4px solid #fff;
	-moz-box-shadow: 100px 5px 4px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 1px 5px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */
	}	
#content #posts li.post .image img {
	display: block;
	max-width: 500px;
	margin: 1px;
	}	

/* Portfolio */

.intro {
	line-height: 30px;
	margin: -1px 0 0 0;
	padding: 30px 20px 30px 40px;
	background: url(../images/background-post.png) no-repeat left top;
	font-size: 20px;
	color: #ccc;
	text-shadow: #000 0px 1px 0px;
	}
.intro strong {color: #fff;font-style: oblique;}	
/* Sidebar
------------------------------------------------------------- */

#sidebar {
	float: left;
	width: 248px;
	margin: 36px 0 0 0;
	}
#sidebar .info {
	position: relative;
	width: 228px;
	height: 263px;
	margin: 0 0 20px 0;
	padding: 24px 10px 0 10px;
	background: url(../images/background-info.png);
	}
#sidebar .info img {
	margin: 0 0 17px 0;
	}	
#sidebar .info p {
	line-height: 18px;
	padding: 0 5px;
	color: #444;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: light;
	font-size: 12px;
	text-shadow: 0px 1px 1px white;
	text-align: center;
	}
#sidebar .info ul {
	position: absolute;
	left: 13px;
	bottom: 13px;
	}	
#sidebar .info ul li {
	float: left;
	height: 16px;
	}
#sidebar .info ul li a {
	display: block;
	float: left;
	width: 16px;
	height: 16px;	
	margin: 0 5px 0 0;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
#sidebar .info ul li a.facebook {background-image: url(../images/icon-facebook.png);}
#sidebar .info ul li a.twitter {background-image: url(../images/icon-twitter.png);}
#sidebar .info ul li a.lastfm {background-image: url(../images/icon-lastfm.png);}
#sidebar .info ul li a.flickr {background-image: url(../images/icon-flickr.png);}
#sidebar .info ul li a.vimeo {background-image: url(../images/icon-vimeo.png);}
#sidebar .info ul li a.hypem {background-image: url(../images/icon-hypem.png);}
#sidebar .info ul li a.contact {
	width: 97px;
	background-image: url(../images/button-contact_form.png);
	}
#sidebar .info ul li a:active {
	margin-top: 1px;
	}	
	
/* Jobs */

#sidebar #jobs {
	width: 240px;
	height: 226px;
	padding: 26px 4px 4px 4px;
	background: url(../images/background-jobs.png) no-repeat left top;
	}
#sidebar #jobs a {
	display: block;
	width: 240px;
	height: 64px;
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #acacac;
	text-indent: -9999px;
	}	
#sidebar #jobs a:hover {background-position: left center;border-color: #bbb;}
#sidebar #jobs a:active {background-position: left bottom;}		
#sidebar #jobs #lukees a {background-image: url(../images/button-lukees.png);}
#sidebar #jobs #twitcam a {background-image: url(../images/button-twitcam.png);border-top: 1px solid #fff;border-bottom: none;}
#sidebar #jobs #livestream a {background-image: url(../images/button-livestream.png);border-top: 1px solid #fff;}
	
/* Footer
------------------------------------------------------------- */	

#footer {
	clear: both;
	height: 71px;
	background: url(../images/background-footer.gif);
	}
#footer ul {
	float: left;
	margin: 0 0 0 35px;
	}	
#footer ul li {
	float: left;
	width: 80px;
	height: 25px;
	margin: 35px 10px 0 0;
	background-repeat: no-repeat;
	background-position: left top;
	}	
#footer ul li.newer {background-image: url(../images/background-newer_posts.png);}
#footer ul li.older {background-image: url(../images/background-older_posts.png);}
#footer ul li a {
	display: block;	
	float: left;
	width: 80px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent: -9999px;
	}	
#footer ul li.newer a {background-image: url(../images/button-newer_posts.png);}
#footer ul li.older a {background-image: url(../images/button-older_posts.png);}	
#footer ul li a:hover {background-position: left center;}
#footer ul li a:active {background-position: left bottom;}
#footer ul li:active {margin-top: 36px;}
#footer p {
	float: right;
	line-height: 48px;
	margin: 23px 40px 0 0;
	padding: 0 0 0 0;
	color: #fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: light;
	font-size: 12px;
	text-shadow: 0px 1px 1px black;
	text-align: center;	
	}	
#footer p a {	
	padding: 10px 32px 10px 0;
	background: url(../images/logo-small.png) no-repeat right center;
	color: #fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 0px 1px 1px black;
	text-decoration: none;
	text-align: center;	
	}