@CHARSET "UTF-8";

body, html {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#000; color:#fff; font-size:12px; height:100%;}

#wrap {position:relative;}

#header, #footer {height:56px; display:block;}
#loading {display:block; width:100%; height:100%;}

#navigation {position:absolute; display:block;top:39%;left:4%; z-index:10; text-transform:uppercase; margin:0 0 0 -2px; padding:0; list-style:none; font-weight:bold; font-family:DIN, Arial, Helvetica, sans-serif;}
#navigation li {padding:0; margin:0; display:inline;}
#subnav {margin:0; padding:0; list-style:none;}
#subnav li {margin:0; padding:0; font-size:30px; text-transform:uppercase; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}

.tabs ul {margin:10px -10px; padding:0; list-style:none;}
.tabs ul li {margin:0; padding:0 10px; display:inline;}
.ui-tabs-hide {display:none;}
.ui-tabs {height:100%;}
.ui-tabs-panel {height:90%; position:relative;}

#content {width:100%; margin:0 auto; position:relative; min-width:1000px;}
#content .leftinner {position:absolute; top:45%; left:4%; width:52.5%; height:45%; overflow:visible;}
#content .rightinner {position:absolute; top:49%; left:60%; width:38.5%; height:48%; overflow:hidden;}
#content img.fullimg {width:100%; min-width:1000px;}
.pages {display:none;}

#video-list, #still-list {margin:0; padding:0; list-style:none; width:520px;}
#video-list li {margin:5px; padding:0; float:left; height:90px; width:120px;}
#still-list li {margin:5px; padding:0; float:left; height:25px; width:25px; cursor:pointer;}
#still-list img {width:100%; height:100%;}


#footer {background-image:url('../images/logo.png'); background-repeat:no-repeat; background-position:right; margin-right:5px;}
ul#links {margin:0 45px 0 0; padding:18px 0; list-style:none;} /* 185 px old  margin */
ul#links li {margin:0; padding:0 5px; float:right; margin:0 4px;}
ul#links li a {display:block; height:20px; background:url('../images/links.png') no-repeat; overflow:hidden; text-indent:-5000px}
#facebook-link {width:96px; background-position:0 0 !important;}
#facebook-link:hover {background-position:0 -20px !important;}
#twitter-link {width:84px; background-position:-96px 0 !important;}
#twitter-link:hover {background-position:-96px -20px !important;}
#vimeo-link {width:70px; background-position:-180px 0 !important;}
#vimeo-link:hover {background-position:-180px -20px !important;}

#donate {display:block; position:absolute; bottom:0; height:130px; text-align:center; left:20%;}


a, a:visited {color:#d80000; text-decoration:none;}
a:active, a:focus {outline:none;}
a.selected, a.selected:visited, .ui-state-active a {color:#d5b546 !important;}
a:hover {/*text-decoration:underline;*/}
img, a img {border:none;}
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {text-align:center;}
.clear {clear:both;}
.underline {text-decoration:underline;}

.close-button {text-align:right; background-color:#000; padding-top:5px;}

.doc-list {margin:0 10px !important; padding:5px 0 !important; list-style:none !important;}
.doc-list li {margin:5px 0 !important; padding:0 !important; display:block !important;}
.doc-list li a {color:#fff !important; text-decoration:underline !important;}
.doc-list li a:hover {color:#D80000 !important;}

#who-tab .logo-link {position:absolute; bottom:0; right:0; background-repeat:no-repeat; background-image:url('../images/logo_links.png'); text-indent:-5000px; overflow:hidden;}
#remix_logo-link {height:70px; width:75px;  background-position:0 0;}
#remix_logo-link:hover {background-position:0 -70px;}
#temple_street_logo-link {height:70px; width:135px; background-position:-75px 0;}
#temple_street_logo-link:hover {background-position:-75px -70px;}
#calibre_logo-link {background-position:-210px 0; height:20px; width:200px;}


ul#album-title {margin:0; padding:0; list-style:none;}
ul#album-title li {padding:0;  margin:0; display:inline;}
ul#album-title li img {width:50px; height:50px;}



/* IE SPECIFIC STYLES */
*+html #content .leftinner {
	padding-top:10px;
}