<style type="text/css" media="screen">



a:active {
text-decoration: none; 
color: #FDFFF3;
}


/* link rules */


a:link ,a:visited {
	color: rgb(180,180,180);
text-decoration: none;
}
a:hover {
color: rgb(80,80,80); 
text-decoration: none;
//border-bottom: dotted 1px rgb(80,80,80);
}


/* font embedding */

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

@font-face {
font-family: "museo300";
src: url(fonts/museo/Museo300-Regular.otf) format("opentype");
}
@font-face {
font-family: "museo500";
src: url(fonts/museo/Museo500-Regular.otf) format("opentype");
}
@font-face {
font-family: "museo700";
src: url(fonts/museo/Museo700-Regular.otf) format("opentype");
}
@font-face {
font-family: "museoSans500";
src: url(fonts/museo_sans/MuseoSans_500.otf) format("opentype");
}
@font-face {
font-family: "museoSans500Italic";
src: url(fonts/museo_sans/MuseoSans_500_Italic.otf) format("opentype");
}
@font-face {
font-family: "delicious";
src: url(fonts/delicious-123/Delicious-Roman.otf) format("opentype");
}

/* ---- group clear floats ---- */

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


/* all the pages main layout blocks */

	
body {
background: black;
font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
font-size: small;
}

#wrap { /* used just for background images and the positionn of all the main layout blocks */
width: 800px;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
	background: rgb(30,35,40);	
/border: red solid;
		//-webkit-box-shadow: 0px 0px 400px rgba(90,100,110,.5);
		-webkit-border-radius: 4px;
		border-left: 1px solid rgba(50,60,60,.5);
		border-top: 1px solid rgba(50,60,60,.5);

}

.inner {
	margin: 20px;
}

#header {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: rgb(24,28,32);	
	border-bottom: 1px solid rgb(5,5,5);
	background-image: url(elements/reflection_top.png);
	background-repeat: repeat-x;
	background-position: 0 top;
}

#content {
	border-top: 1px solid rgb(50,60,60);
	border-bottom: 1px solid rgb(10,10,10);
	/background-image: url(elements/fade_up.png);
	background-repeat: repeat-x;
	background-position: 0 680%;
}



#cv {
width: 100%;
}


#footer {
	/display: block;
	border-top: 1px solid rgb(50,60,60);
	background-image: url(elements/fade_up.png);
	background-repeat: repeat-x;
	background-position: 0 -50px;

}



/* ---- header details ---- */

#bg_img {
margin: 1em;
width: 100%;
height: 100%;
//background-image: url(../pictures/head01.jpg);
background-repeat: no-repeat;
background-position: 50% bottom;
}




#masthead img {
visibility: hidden;
}

#masthead {
height: 100px;
background-position: 0 30px; 
background-image: url(../webGraphics/DYG.png); 
background-repeat: no-repeat;
background-position: 0 0px;
}


#infoBar {
width: 950px;
margin: auto;
}

#infoBar ul{
margin: 0 30px 0 0;
padding: 0 0 .5em 0;
text-align: right;
list-style: none;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
font-size: .8em;
	color: rgba(152,181,192,.8);
position: relative;
top: -65px;
}

#infoBar li{
margin: 0;
//padding: 0 10px 1em 0;
}

#top_title {
width: 950px;
margin: auto;
}

#top_title h1 {
	padding-top: 340px;
	width: 700px;
	font-family: "museoSans500", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	line-height: 95%;
	font-size: 3.5em;
	color: rgb(152,181,192);
	
}


/* ---- content details ---- */

#content ul.list {
	
	display: block;
}

#content li.asset {
	//border: red solid 1px;
	//width: 640px;
	margin: 2em auto;
	padding: 2em 0;
	display: block;
	border-top: 1px solid rgb(50,60,60);
	/background-image: url(elements/fade_down.png);
	background-repeat: repeat-x;
	background-position: 0 -500px;

}

.player {
//border: solid red 1px;
margin-left: auto;
margin-right: auto;
width: 640px;
margin-bottom: 2em;
}


.image {
	display: block;
	overflow: hidden;
}

.poster {
position: relative;
//border: solid red 1px;
float: left;
width: 120px;
height: 120px;
display: block;
overflow: hidden;
margin-top: .5em;
margin-right: 15px;
	//-webkit-border-radius: 4px;

}

.poster:hover {
	color: rgba(90,160,220,.5);
}

.posterimage {
	margin-left: -3px;
	//border: red 1px solid;
}

#content h2:first-letter {
	text-transform: uppercase;
}

#content h2 {
	font-family: "museo700","Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	letter-spacing: 2px;
	margin: 40px auto;
	text-transform: uppercase;
	line-height: 125%;
	font-size: 2.4em;
	padding-top: 1em;
	color: white; 
}

#content h2 em {
font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
//font-weight: 100;
font-style: normal;
color: rgba(152,181,192,.8);
font-size: .9em;

}

#content h3 {
float: left;
	//border: red solid 1px;
color: rgb(200,200,200); 
	letter-spacing: 1px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-family: "museo700", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	 padding-right: 2em;
	  line-height: 1.8em;
}

#content h3:hover {
	color: rgb(90,160,220); 
	text-decoration: none;
	//border-bottom: dotted 1px rgb(180,180,180);
}

#content p {
	color: rgb(120,120,120);
	letter-spacing: 1px;
	padding: .5em 0;
	font-size: .9em;
	font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	line-height: 1.8em;
}

#content a.play {
	color: rgb(180,180,180);
	letter-spacing: 1px;
	padding: .4em 0;
	font-size: .8em;
	font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	line-height: 1.8em;
}

#content a:hover {
	color: rgb(90,160,220); 
	text-decoration: none;
}

#content .date {
	//border: red solid 1px;
	float: left;
	color: rgb(200,200,200); 

}

#content .duration {
	height: 2.5em;
	//border: green solid 1px;
	text-align: right;
	padding-right: 8em;
	color: rgb(200,200,200); 
}

#content .description {
		//border: red solid 1px;
	  line-height: 1.2em;
	  padding-top: 0;
	  padding-bottom: 3em;
	  width: 550px;
	  //margin-left: 135px;
}

#content .play {
		//border: blue solid 1px;
		display: block;
	//padding-bottom: 1em;
	margin-left: 135px;
}

#content .nameTag {
	color: rgb(100,100,100); 
	text-align: right;
	letter-spacing: 1px;
	padding: 0 .5em 1.8em 0;
	font-size: .9em;
	font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	line-height: 1.8em;
}

#content .blog img {
//max-width: 100%;
overflow: hidden;
}

#content .blog .column img {
max-width: 100%;
box-shadow: 2px 5px 35px rgb(200,200,200);
-moz-box-shadow: 2px 5px 35px rgb(200,200,200);
-webkit-box-shadow: 2px 5px 35px rgb(200,200,200);
//padding: 10px;
}


#content .blog .picture_text {
text-align: left;
color: rgb(120,120,120); 
font-size: .8em;
font-family: "museoSans500", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
text-indent: 0;
padding: 12px 0 26px 2.025em;
}


/* ---- sidebar details ---- */

#sidebar div {
background: white;
padding: 2em 1em;
}

#sidebar p {
font-size: .9em;
color: gray;
}

#sidebar .picture {
margin: auto;
height: 200px;
overflow: hidden;
}

#sidebar .picture img {
position: relative;
left: -210px;
top: -90px;
}


/* ---- cv details ---- */

#cv {
background: rgb(220,234,230);
font-size: .8em;
}

#cv div.inner {
width: 950px;
margin: auto;
padding: 30px;
}


#cv ul.credit {
text-align: center;
	color: rgb(152,181,192);
	margin: auto;
}

#cv ul.credit a {
width: 100%;
display: block;
//border: red solid 1px;
text-align: center;

}

#cv ul.credit li {
float: left;
margin-bottom: .3em;
}

#cv ul.credit span.element {
float: left;
text-align: right;
padding-right: 3px;
padding-left: 15px;
//border: red solid 1px;
}

#cv ul.credit span.one, #cv ul.credit span.two {
font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.15em;
	text-transform: uppercase;
	display: block;
		color: rgb(152,181,192);
}
#cv ul.credit em {
font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 2em;
		color: rgb(152,181,192);
		float: left;
		padding-right: 3px;
	text-transform: uppercase;		
vertical-align: text-top;
//border: red solid 1px;
font-style: normal;
}
#cv ul.credit span.three, #cv ul.credit span.four {
font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.15em;
	text-transform: uppercase;
	display: block;
		color: rgb(152,181,192);
}
#cv ul.credit span.element2 {
float: left;
text-align: left;
padding-right: 3px;
//border: red solid 1px;
}

#cv ul.credit a:hover {
background-color: rgba(152,181,192,.4);
text-decoration: none;
border-bottom: 0;
}

/* ---- footer details ---- */

br.clear_float {
clear: both; /* used to make sure the footer stays at the bottom of the page/window */
}

#footer {
/height: 150px;
list-style: none;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "museo300", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
font-size: .8em;
color: rgb(180,180,180);
}



#footer ul{
margin-top: 1em;
margin-left:auto;
margin-right:auto;
width:80%;
padding: 4em 0;
/border: solid 1px red;
}

#footer a:link {
	color: rgb(180,180,180);
	text-decoration: none;
}


#footer a:hover {
	color: rgb(80,80,80); 
	text-decoration: none;
	border-bottom: dotted 1px rgb(180,180,180);
}


#footer li{
border-right: .1em solid rgb(50,60,60);
margin-right: .5em;
padding-right: 1em;
display: inline;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, transparent), color-stop(1.0, rgba(255, 255, 255, 0.5)));

}

#footer li.last{
border-right: 0;
padding-right: 0;
margin-right: 0;
}



</style>
