@import url('zero.css');
@import url('jquery.lightbox-0.4.css');

body, table { font: 12px/1.4 "Arial Black", sans-serif; color: black; }
body { background: url(../images/background.jpg) repeat top left; }

img { border: 0; }

a { text-decoration: none; color: #3B200C; }
    a:hover { text-decoration: underline; }

p { font-family: 'Arial'; color: white; margin: 0 0 1em 0; }

.first { margin-top: 0; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.dark { color: #3B200C; }

.intro { font-family: 'Arial Black'; }
.footnote { font-size: 90%; color: #3B200C; font-family: 'Arial Black'; }

.note { margin-bottom: 1em; color: white; font-family: 'Arial'; padding: 1em; background: url(../images/background-dark.jpg) repeat top left; }
	.note div a { color: #3b200c; font-weight: bold; }
	
form .fi { margin-bottom: 0.4em; text-align: right; }
	form .fi label { text-align: left; font-family: "Arial Black"; display: block; float: left; width: 100px; text-transform: uppercase; color: #3B200C; }
	form .fi input,
	form .fi textarea { border: none; width: 280px; }
	form .buttons { text-align: right; }

h2 { color: white; text-transform: uppercase; }
	h2 .first { color: #B58D61; }

h3 { color: #2C180C; text-transform: uppercase; margin-bottom: 0; }

#container { width: 980px; margin: 0 auto; position: relative; padding: 20px 20px 0 20px; }

#logo { position: fixed; top: 20px; left: 20px; width: 184px; height: 66px; text-indent: -5000px; background: url(../images/logo.gif) no-repeat top left; }

#nav { width: 148px; font-family: "Arial Black"; position: fixed; top: 110px; left: 20px; }
	#nav li { display: block; padding: 1px 0 1px 0; }
	#nav li.selected { }	
		#nav li a { text-decoration: none; display: block; color: white; padding: 0 0 0 11px; text-transform: uppercase; background: url(../images/background-darkest.jpg) repeat-y -140px top; }
		#nav li a.selected,
		#nav li:hover a { color: #C19666; }
		#nav li a.selected { background-position: top left; }
		
#main { float: left; margin-left: 223px; width: 457px; }
	#main #title { height: 100px; }

#main .box { background: url(../images/box-n.gif) no-repeat top left; padding: 10px 0 0 0; position: relative;  }
	#main .box .i { background: url(../images/box-i.gif) repeat-y top left; margin: 0; padding: 15px 30px 0 30px; min-height: 300px; }
	#main .box .s { background: url(../images/box-s.gif) no-repeat bottom left; padding: 0 0 30px 0; }

	#main .box #face { position: absolute; top: -10px; right: 0px; }

#main h2 { margin-bottom: 30px; text-transform: }
#main ul { margin-bottom: 1em; }

#right-sidebar { float: left; margin-left: 10px; width: 173px; }
	#right-sidebar .box { background: url(../images/sidebar-box-n.gif) no-repeat top left; margin-bottom: 0.8em; }
	#right-sidebar .box .i { background: url(../images/sidebar-box-i.gif) repeat-y top left; padding: 0 12px 12px 8px; }
	#right-sidebar .box .s { background: url(../images/sidebar-box-s.gif) no-repeat bottom left; padding: 19px 0 19px 0; }

	#right-sidebar .box input.text {  margin: 0.6em 0 0.6em 0; color: #3b200c; border: none; background: url(../images/background.jpg) repeat top left; padding: 0.3em; }
	#right-sidebar .box input.submit { float: right; background: none; border: none; color: white; text-transform: uppercase; }
	#right-sidebar h2 { margin-bottom: 1em; }
	#right-sidebar h3 { color: #B58D61; }
	#right-sidebar a.more { float: right; color: #b58d61; }

#signup h2 { margin-bottom: 0; text-transform: none; padding: 0 0 0.5em 0; font-family: "Arial"; }
        #signup .item input { padding: 0.2em; border: none; background: url(../images/background.jpg) repeat top left; color: #2C180C; }
	#signup .buttons { padding: 0.5em 0; }
		#signup .buttons input { margin: 0; padding: 0; }

#media .current { border: 2px solid #3b200c; width: 400px; height: 313px; background-color: black; float: left; overflow: hidden; background-position: center center; background-repeat: no-repeat; }	
	#media .current-info { color: white; width: 400px; }

  #media .current #audio-player { position: absolute; left: 0; bottom: 0; }
  
#media .thumbnails { width: 235px; float: left; }
	#media .thumbnails li { overflow: hidden; border: 2px solid #3b200c; float: left; display: block; margin: 0 0 7px 7px; width: 67px; height: 54px;  background-color: black; }
	#media .thumbnails li:hover { border-color: white; } 
	#media .thumbnails li.blank:hover { border-color: #3b200c; }
		#media .thumbnails li img { display: block; width: 67px; }
		#media .thumbnails li a { display: block; width: 67px; height: 54px; }
		#media .thumbnails li.meta { display: none; }
		
body.section-audio #media .thumbnails li a { background: url(../images/des-video-preview-bg.gif) no-repeat center center; }		
body.section-audio #media #preview { background: black url(../images/des-video-bg.gif) no-repeat center center; }
		
#media .subnav { margin: 3em 0 1.5em 0;  height: 19px; }
	#media .subnav li { float: left; padding: 2px 25px 2px 0; margin-right: 25px; background: url(../images/line.gif) no-repeat top right; }
	#media .subnav li.last { background-image: none; }

#media #pagination { margin-top: 0; }

	.event { border-bottom: 1px white dotted; padding-bottom: 1em; margin: 1em 0 1em 0; color: #3b200c; }	
	.event .title { color: white; text-transform: none; }
	.event .book { vertical-align:middle; width: 110px; padding-left: 20px; }
	.event .book a { text-decoration: none; display: block; background: #3b200c url(../images/i.gif) no-repeat 8px center; padding: 0em 8px 0em 20px; opacity: 0.8; filter:alpha(opacity=80); margin-top: 0.6em; color: white; text-transform: uppercase; }	
		.event .book a div { border-left: 1px solid #b58d61; padding: 0.2em 0 0.2em 5px; }
	.event p { margin-top: 1em; }
	
#pagination { float: right; margin-top: 2em; }
	#pagination a,
	#pagination span { background-color: #3b200c; color: white; opacity: 0.7; filter:alpha(opacity=70); display: block; float: left; margin-right: 1px; text-align: center; padding: 0.2em 0.4em 0.2em 0.4em; }
	#pagination span { color: #b58d61; opacity: 0.5; filter:alpha(opacity=50); }	
    
body.section-home #main { padding-top: 40px; margin-left: 180px; }
body.section-home #logo { display: none; }
body.section-home #nav { top: 20px; }

body.section-videos #main,
body.section-pics #main,
body.section-audio #main { width: 640px; }

body.section-home #right-sidebar,
body.section-videos #right-sidebar,
body.section-pics #right-sidebar,
body.section-audio #right-sidebar { display: none; }

body.section-store #main { width: 670px; padding-top: 40px; position: relative; }

/* BUTTONS */

.buttons { float: right; }

.buttons .last { margin-right: 0 !important; }

a.button, .buttons a, .buttons input.submit {
  border: none;
  display: block;
  float: left;
  font-family: "Arial Black", sans-serif;
  font-size: 100%;
  line-height: 130%; 
  background: url(../images/background-darkest.jpg) repeat top left;
  color: #b58d61;
  margin: 0 7px 0 0;
  padding:5px 10px 6px 7px; /* Links */
}

.buttons input.submit {
  width: auto;
  overflow: visible;  
  padding:4px 10px 3px 7px; /* IE6 */
}

.buttons input[type] {
  padding: 5px 10px 6px 7px; /* Safari */
}

@-moz-document url-prefix() {
  .buttons input.submit { padding: 3px 10px 3px 7px; } /* Firefox */
}

*:first-child+html .buttons input[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

/*

a.button, .buttons a, .buttons input {
    margin:0 7px 0 0;
		background: url(../images/background-darkest.jpg) repeat top left;
		border: none;
		opacity: 0.8;
		filter:alpha(opacity=80);
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#b58d61;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links *//*
}

.buttons a.last, .buttons input.last { margin-right: 0; }

.buttons input {
    width:auto;
    overflow:visible;
}

.buttons input.last { color: white; }

*/

/* Footer at bottom */
html { height: 100%; }
body { height: 100%; }
#non-footer { position: relative; min-height: 100%; }
* html #non-footer { height: 100%; }
#container { padding-bottom: 45px; }

#footer { min-width: 940px; height: 36px; position: relative; margin: -40px 60px 0 20px; background: url(../images/footer-bg-left.gif) no-repeat top left; }
	#footer .inner { position: relative; background: url(../images/footer-bg-right.gif) no-repeat top right; padding: 2px 0 0 10px; height: 34px; }

	#footer .quote { position: absolute; left: 0; line-height: 30px; margin-left: 10px; }
		#footer .quote .source { color: #B58D61; }
		
	#footer .site-by { position: absolute; right: -40px; }
		#footer .site-by img { vertical-align: middle; margin-left: 10px; }