/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img {border: none; }
caption,th {text-align: left; }
table {border-collapse: collapse; border-spacing: 0; }
* :focus { outline: 0; }
/* LAYOUT */
body {background-color:#ffffff; margin-top:30px}
#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* TYPE */
div {font:14px/24px Georgia, "Times New Roman", Times, serif; color:#8B8B84}
p {padding-bottom:10px}
sup { padding-left:1px; font-size:9px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.66em; _position:static !important; }
strong, b {font-weight:bold; }
em, i, .italicize {font-style:italic; }
.green {color:#86aa6b} /* or bcb34b */
.big {font-size:19px}
.small {font-size:14px}
h2 {color:#BFB349; text-transform:uppercase}
h3 {color:#9E9A74}
/* LINKS */
a {color: #E5783F; font-style:italic }
a:link, a:visited, a:active {text-decoration: none; }
a:hover {color:#86aa6b; text-decoration: none; }
#nav a {color: #9E9A74; font-style:normal }
#nav a:link, #nav a:visited, #nav a:active {text-decoration: none; }
#nav a:hover {color:#BFB349; text-decoration: none; }
#nav a.on, #nav a.on:link, #nav a.on:visited, #nav a.on:active, #nav a.on:hover {text-decoration: none; color:#BFB349; cursor:default; }
/* GLOBAL */
#container {width:960px; margin: 0 auto; position: relative;}
#soundmountain {width:395px; position:relative; float:left}
#nav {width:560px; position:relative; top:0; right:0; text-align:right; float:right; font:14px Georgia, "Times New Roman", Times, serif; color:#9E9A74; padding-top:10px}
#screen { z-index:99; position:absolute; top:0; left:0; margin:0; padding:0; background:#000; width:100%; height:100%; display:none; opacity:0.7; filter:alpha(opacity=70); filter: "alpha(opacity=70)";}
.clips { padding:36px; background:#fff; width:800px; position:absolute; top:35px; left:48px; z-index:999; text-align:right; display:none }
#footer {width:860px; margin: 0 auto; position: relative; margin-top:50px; padding:0 0 20px 100px }
#credit {float:right; text-align:right }
#footer a {font-style:normal; color:#8B8B84 }
#footer a:hover {color:#BFB349;}
/* HOME */
#hometext {position:relative; top:49px; left:105px; width:863px; height:221px; float:left; font-size:17px; line-height:28px}
.quotes { position:relative; top:74px; left:105px; width:397px; float:left; font-style:italic }
#homeclips {position:relative; top:0; right:0; width:403px; float:right; linse-height:20px; font-size:15px}
#homeclips a {font-style:normal; }
#filmlist { padding:36px; background:#fff; width:575px; position:absolute; top:100px; left:156px; z-index:999; font-size:16px; display:none }
#filmlist p {margin-left:60px}
#filmlist ul {margin-left:70px}
#filmlist li { list-style:none; color:#9E9A74; padding-bottom:5px}
#filmlist em { color:#8B8B84}
.clips a, #filmlist a {color:#9E9A74; font-style:normal; font-size:12px; display:block; position:relative; top:20px; text-align:right}
.clips a:hover, #filmlist a:hover {color:#000}
.clips strong, #filmlist strong {color:#000; font-weight:normal}
/* SECONDARY */
#aboutphoto {position:relative; top:49px; left:59px; width:226px; height:300px; padding-top:8px; float:left; clear:left}
#aboutwords {position:relative; top:49px; left:59px; width:624px; float:left; padding-bottom:20px; font-size:16px}
#creditwords {position:relative; top:49px; left:285px; width:680px; float:left; padding-bottom:20px; font-size:16px}
#creditwords ul {margin-left:26px; padding:5px 0px 15px 0px}
#creditwords li { list-style:none;}
#library {position:relative; top:49px; left:59px; width:909px; float:left; padding-bottom:30px; font-size:16px}
#library p {margin-left:226px}
#library img {margin:10px 0 15px 0}
/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_next { background-image: url(../images/cee-next-btn.png); }
#cee_prev { background-image: url(../images/cee-prev-btn.png); }
* html #cee_next { background-image: url(../images/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev { background-image: url(../images/cee-prev-btn.gif); } /* IE6 hack */
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js */
#cee_box {background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_box {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #fff;
padding-bottom:40px
}
#cee_count {
font: 10px Arial, Helvetica, sans-serif;
-moz-opacity: 0.8;
opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */
clear:left;
float:left;
padding: 2px 0 4px;
}
.cee_html #cee_title h2 {float:left;}
.cee_html #cee_count {clear:none;padding-left:5px;}
* html #cee_count { /* ie6 hack */
zoom:1;
padding-bottom:6px;
}
#cee_next,#cee_prev{
height:100%;
width: 49%;
text-indent:-10000px;
text-decoration:none;
visibility:visible;
background-repeat:no-repeat;
}
#cee_box a {border:0;outline:none}
#cee_box a:link {color: #666;}
#cee_box a:visited {color: #666;}
#cee_box a:hover {color: #000;}
#cee_box a:active {color: #666;}
#cee_box a:focus{color: #666;}
#cee_closeBtn {
display:box; text-align:right; color:#9E9A74; font-style:normal; font-size:12px;
width:240px;
height:23px;
position:absolute;
bottom:5px; right:12px
}
#cee_closeBtn a:hover {color:#000}
#cee_closeBtn strong {color:#000; font-weight:normal}
.cee_close {cursor:pointer}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_box {
text-align:left;
color:#000;
}
#cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax {
display:block;
margin: 15px 15px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#cee_title {
padding:7px 15px 5px 15px;
overflow:hidden;
}
.cee_html #cee_title{
background-color:#e8e8e8;
height:18px;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
}
#cee_title h2 {
font-size:1em;
font-weight:400;
margin:0 0 1px;
}
#cee_ajax{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#cee_load{
display:none;
height:50px;
width:50px;
margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
background-position: center center;
background-repeat:no-repeat;
}
#cee_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #cee_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#cee_iframe{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
}