/*	Reset default browser CSS. // Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */
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{ background:#fff;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}

/*	=Global
------------------------------------------------------------ */
html {background:#000;}
body {color:#4F4F4F;background:#000;height:100%; width:100%; margin:0; padding:0; overflow:hidden;}
body, input, textarea{font:11px Arial,Verdana,sans-serif;line-height:18px}
p, ul, ol, dd, pre, small { margin-bottom:20px}
img {margin-bottom:18px;max-width:500px;}
pre, code{font:11px Monaco,monospace;line-height:24px}
blockquote{ color:#666;font-style:italic}
table{ border:1px solid #ccc;border-width:1px 1px 0 1px;font-size:13px;line-height:18px;margin:0 0 22px 0;text-align:left}
caption{ text-align:left}
tr{ border-bottom:1px solid #ccc}
th, td{ padding:.7em 1.25em}
hr{ background-color:#ccc;border:0;color:#ccc;height:1px;margin-bottom:22px}
small {font-size:9px;letter-spacing:0.05em;display:block;}
a {text-decoration:none;font-weight:600;}
a:link{color:#FFF}
a:visited{color:#FFF}
a:active, a:hover{color:#4F4F4F;}
h1 {font-weight:600;letter-spacing:-0.05em;color:#FFF}
h2 {font-size:24px;line-height:36px;letter-spacing:0.025em;font-weight:400;color:#FFF}
h2 a {letter-spacing:-0.025em;}
h3 {margin:18px 0;font-size:20px;line-height:36px;font-weight:400;letter-spacing:0.0125em;color:#FFF}
h4 {margin:18px 0 0;font-size:16px;font-weight:400;letter-spacing:0em;color:#444}
h5,h6 {font-weight:600;}
.caps {text-transform:uppercase;}
.underline {text-decoration:underline;}
.hide {visibility:hidden;}
sup{vertical-align:super;font-size:50%;text-decoration:underline;}

/*	=Layout
------------------------------------------------------------ */
#wrapper{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden}
#mask{width:500%; height:100%; background:#000}
#header {width:300px;top:0;left:0;padding:40px 0 0 40px;margin:0;display:block;position:fixed;z-index:100;background: transparent url('img/header-bg.png') 0 0 repeat-y;}
#container {margin:0;padding:0;clear:right;display:inline;position:relative;color:#333;z-index:3}
#footer {position:fixed;width:600px;height:180px;margin-left:-30px;bottom:0;background:transparent;z-index:4}

/*	=Header
------------------------------------------------------------ */
#header h1 {width:200px;height:101px;overflow:hidden;margin:0 0 20px;float:left;clear:right;display:block;font-size:12px;line-height:18px;letter-spacing:-0.06em;background: transparent url('img/title-bg.png') 0 0 no-repeat;}
#header h1 a {width:200px;height:101px;display:block;}
#header #description {width:160px;margin:0 20px 20px;padding:0 0 20px;text-align:center;float:left;clear:right;border-bottom:1px dotted #DDD;background: transparent url('img/description-bg.png') center center no-repeat;}

/*	=Player
------------------------------------------------------------ */
#player {display:block;margin:0 20px;padding:0 0 20px;width:160px;border-bottom:1px dotted #DDD}

/*	=Navigation
------------------------------------------------------------ */
#navigation {width:200px;margin:20px 0 0;float:left;clear:right;font-size:12px;line-height:18px;text-align:center;}
#navigation li {margin-bottom:10px;}
#navigation a {}
#navigation a.download-link {width:200px;height:100px;display:block;background:transparent url('img/download-bg.png') top center no-repeat;}
#navigation a.t-shirt-link {width:200px;height:100px;display:block;background:transparent url('img/t-shirt-bg.png') top center no-repeat;}
#navigation a.donate-link {width:200px;height:100px;display:block;background:transparent url('img/donate-bg.png') top center no-repeat;}

#social-networks {width:200px;margin:0;float:left;clear:right;}
#social-networks ul {margin:0;text-align:center;}
#social-networks ul li {padding:5px;text-align:center;display:inline-block;}
#social-networks ul li a {padding:0;}

/*	=Container
------------------------------------------------------------ */
#controls {right:10px;position:fixed;}
#controls ul li {padding:5px;text-align:center;display:inline-block;}
.desc {display:block;font-size:10px;}
.item {width:20%; height:100%; float:left; background:transparent}
.content {width:500px; height:600px; top:25px; margin:0 0 0 300px; background:transparent; position:relative; border-top:1px dotted #FFF;}
.content p img {width:500px;height:500px;}
.content p {text-align:justify;z-index:3;position:relative;}
.content h2 {text-align:center;text-transform:uppercase;}
#album h2 {background:transparent url('img/the-album-bg.png') center center no-repeat;z-index:4;position:relative;}
#album p {padding-top:20px;}
#t-shirt h2 {background:transparent url('img/the-t-shirt-bg.png') center center no-repeat;}
#album-cover {height:500px;width:500px;z-index:1;position:relative;}
#album-cover .front {width:500px;height:500px;}
#album-cover .back {width:460px;height:460px;padding:20px;}
#idea h2 {background:transparent url('img/the-idea-bg.png') center center no-repeat;}
.l-to-r {width:50px;height:50px;position:absolute;left:540px;top:40px;background:transparent url('img/l-to-r.png') center center no-repeat;}
.next-panel {background:transparent url('img/to-r.png') center center no-repeat;}
.previous-panel {background:transparent url('img/to-l.png') center center no-repeat;}
.content a.panel {width:25px;height:50px;display:block;float:left;overflow:hidden;}
.content a.panel.next {float:right;}
.selected {font-weight:700}
.clear {clear:both}
#slideshow {padding-top:0;margin-bottom:20px;height:500px;display:block;clear:both;overflow:hidden;}

/*	=Footer
------------------------------------------------------------ */
#footer p {display:none;}