* { outline:none; }
html { 
	min-height:100%; margin:0; padding:0; 
	font:normal 100%/1.5 'Arvo', helvetica, arial, sans-serif; 
	background:#000 url(background.jpg) no-repeat center; 
	-webkit-background-size:cover; 
	   -moz-background-size:cover; 
	     -o-background-size:cover; 
	        background-size:cover;
}
body { margin:0; padding:0;  }
h1   { margin:0; padding:0; }
img  { border:none; }
a    { text-decoration:none; }
strong { color:#adaeb0; } 
article { display:block; margin:0 auto; padding:0; width:700px; color:#fff; }
aside   { display:block; margin:0 auto; padding:5px; text-align:left; }

.group:after { visibility:hidden; display:block; height:0; clear:both; font-size:0; content:' '; }

header        { display:block; margin:10px auto 0; padding:0; width:640px; }
header p      { margin:0; padding:0; font-size:80%; font-weight:bold; text-transform:uppercase; }
header em     { display:inline-block; width:400px; height:106px; background:transparent url(logo.png) top left no-repeat scroll; }
header strong { display:inline-block; width:222px; height:106px; background:transparent url(cd-title.png) top left no-repeat scroll; }
header span   { display:none; }
header a      { color:#ffa500; }
header a span { display:inline; color:#fff; }
header a:hover { color:#fff; }
header a:hover span { color:#ffa500; }

nav    { display:block; margin:0 auto; padding:0; width:660px; }
nav ul { margin:0; padding:0; list-style:none; }
nav li { 
	float:left; width:204px; min-height:175px; padding:3px; margin:3px 5px; 
	font:bold 88%/1.5 'Arvo',sans-serif; color:#fff; text-align:center; 
	background-color:rgba(0, 0, 0, .5); 
	-moz-border-radius:3px;
	     border-radius:3px; 
	-webkit-box-shadow:0 1px 20px #1a1a1a; 
	   -moz-box-shadow:0 1px 20px #1a1a1a; 
	        box-shadow:0 1px 20px #1a1a1a; 
	-webkit-transition:1s all ease-in; 
	   -moz-transition:1s all ease-in; 
	    -ms-transition:1s all ease-in; 
	     -o-transition:1s all ease-in; 
            transition:1s all ease-in;
}
nav li:hover { 
	-webkit-transform:scale(1.2); 
	   -moz-transform:scale(1.2); 
        -ms-transform:scale(1.2); 
	     -o-transform:scale(1.2); 
            transform:scale(1.2);
}
nav ul:hover li:not(:hover) { 
	-webkit-transform:scale(.8); 
	   -moz-transform:scale(.8); 
	    -ms-transform:scale(.8);
	     -o-transform:scale(.8); 
	        transform:scale(.8); 
} 
nav span, nav a { color:#ffa500; cursor:pointer; }
nav span:hover, nav a:hover { color:#fff; }
nav span:before, nav a:before { 
	margin-right:3px; padding:1px 3px; 
	color:#fff; font:normal 78% sans-serif;
}

.content { width:680px; margin:0 auto 1em; }
.video  { 
	width:640px; height:385px; margin:0 auto; padding:0; 
	background:transparent url(cd-cover.jpg) no-repeat top center scroll; 
	-webkit-box-shadow:0 1px 20px #1a1a1a; 
	   -moz-box-shadow:0 1px 20px #1a1a1a; 
	        box-shadow:0 1px 20px #1a1a1a;
}
.audio { 
	position:relative; width:420px; height:385px; margin:0 auto; padding:0; 
	background:transparent url(cd-cover.jpg) no-repeat top center scroll;
}

#itwp  { display:block; position:absolute; bottom:0; left:0;  }
.no-js .video { display:none; }

.cd-cover { 
	-webkit-box-shadow:none; 
	   -moz-box-shadow:none; 
	        box-shadow:none; 
}
.purchase ul { list-style:none; margin:0 auto; padding:0; width:520px; }
.purchase li { float:left; width:47%; margin:1em 1%; text-align:center; }
.purchase a  { 
	padding:5px; 
	color:#fff; font-size:1.5em; text-transform:capitalize; 
	background-color:#ef2f6c; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fc8fb2), to(#ef2f6c)); 
	background-image:-webkit-linear-gradient(#fc8fb2, #ef2f6c); 
	background-image:   -moz-linear-gradient(#fc8fb2, #ef2f6c); 
	background-image:    -ms-linear-gradient(#fc8fb2, #ef2f6c); 
	background-image:     -o-linear-gradient(#fc8fb2, #ef2f6c); 
	background-image:        linear-gradient(#fc8fb2, #ef2f6c); 
	-moz-border-radius:2px; 
	     border-radius:2px;
}
.purchase a:hover { 
	background-color:#ffa500; 
	background-image:-webkit-gradient(linear,left top, left bottom, from(#f2d6a9), to(#ffa500)); 
	background-image:-webkit-linear-gradient(#f2d6a9, #ffa500); 
	background-image:   -moz-linear-gradient(#f2d6a9, #ffa500); 
	background-image:    -ms-linear-gradient(#f2d6a9, #ffa500); 
	background-image:     -o-linear-gradient(#f2d6a9, #ffa500); 
	background-image:        linear-gradient(#f2d6a9, #ffa500); 
}

.clip:before { 
	content:"video"; 
	background-color:#f00;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f00), to(#800)); 
	background-image:-webkit-linear-gradient(#f00, #800); 
	background-image:   -moz-linear-gradient(#f00, #800); 
	background-image:    -ms-linear-gradient(#f00, #800); 
	background-image:     -o-linear-gradient(#f00, #800); 
	background-image:        linear-gradient(#f00, #800); 
	-moz-border-radius:2px; 
	     border-radius:2px;
}
.itw:before { 
	content:"interview"; 
	background-color:#080; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#0c0), to(#080)); 
	background-image:-webkit-linear-gradient(#0c0, #080); 
	background-image:   -moz-linear-gradient(#0c0, #080); 
	background-image:    -ms-linear-gradient(#0c0, #080); 
	background-image:     -o-linear-gradient(#0c0, #080); 
	background-image:        linear-gradient(#0c0, #080); 
	-moz-border-radius:2px; 
  	     border-radius:2px;
}

.fb_like { border:none; overflow:hidden; width:450px; height:80px; }
.ie .group { zoom:1; }
.ie .purchase li { margin-right:.5%; margin-left:.5%; }
.ie nav li { margin-right:3px; margin-left:3px; }