article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
html,body{position:relative;width:100%;height:100%;background:#000;overflow:hidden}
img{max-width:100%}
a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#logo{position:absolute;left:50%;width:152px;top:1em;margin-left:-76px;z-index:100;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#logo:hover{opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)}
#player{position:absolute;left:50%;width:100%;height:100%;margin-left:-50%;}
#player .play_btn{position:fixed;bottom:2.5em;left:1em;background:url("../../../frankocean/images/controls.png") -36px 0 no-repeat;display:block;width:13px;height:12px;z-index:100;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#player .play_btn:hover{opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)}
#player .play_btn.paused{background:url("../../../frankocean/images/controls.png") -36px 0 no-repeat;display:block;width:13px;height:12px;}
#player .play_btn.paused:hover{opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)}
#player .play_btn.playing{background:url("../../../frankocean/images/controls.png") -18px -15px no-repeat;display:block;width:13px;height:12px;}
#player .play_btn.playing:hover{opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)}
#player .artwork{display:block;position:fixed;text-align:center;left:50%;bottom:3em;height:40px;width:90%;margin-left:-45%;background:transparent center center no-repeat;z-index:100}
#player .pages{z-index:10}
#player .nav a{position:fixed;top:50%;text-indent:100%;white-space:nowrap;overflow:hidden;cursor:pointer;z-index:100;opacity:.1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
#player .nav a:hover{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
#player .nav a.prev{background:url("../../../frankocean/images/nav.png") 0 0 no-repeat;display:block;width:100px;height:300px;left:1em;margin-top:-150px}
#player .nav a.next{background:url("../../../frankocean/images/nav.png") -100px 0 no-repeat;display:block;width:100px;height:300px;right:1em;margin-top:-150px}
.itunes{background:url("../../../frankocean/images/itunes_bttn.png") 0 0 no-repeat;display:block;position:fixed;z-index:500;bottom:1em;width:260px;height:15px;left:50%;margin-left:-130px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.itunes:hover{opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)}
#waveform{position:fixed;left:50%;bottom:2.5em;width:80%;height:10px;margin-left:-40%;background-color:rgba(255,255,255,0.9);z-index:100;}
#waveform .buffer,#waveform .played,#waveform > img{position:absolute;width:0%;height:100%}
#waveform .buffer{background-color:#fff}
#waveform .played{background-color:#f90}
#waveform img{width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
#social a,#social .socialite{display:inline-block;vertical-align:middle}
#social .twitter-share{margin-top:3px}
#social .share{position:fixed;bottom:2.5em;right:1em;background:url("../../../frankocean/images/controls.png") 0 -15px no-repeat;display:block;width:16px;height:14px;text-indent:100%;white-space:nowrap;overflow:hidden;cursor:pointer;z-index:100;}
#social .share:hover{opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60)}
#social .share_panel{display:none;position:fixed;bottom:2em;right:2.5em;z-index:200}