/* Nick Fox-Gieg */

/*---------WEB FONTS------------*/

/*
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Serif'), url('http://themes.googleusercontent.com/font?kit=70P0G8gxVDIV6F9om0DsKg') format('truetype');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: bold;
  src: local('Droid Serif'), url('http://themes.googleusercontent.com/font?kit=c92rD_x0V1LslSFt3-QEps5gzdOPyAFVZA8FnZ4sZC0') format('truetype');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: bold;
  src: local('Droid Serif'), url('http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwf5Jgr8ufe5A6KahQF76Xmg') format('truetype');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: normal;
  src: local('Droid Serif'), url('http://themes.googleusercontent.com/font?kit=cj2hUnSRBhwmSPr9kS5895bd9NUM7myrQQz30yPaGQ4') format('truetype');
}
*/

/*---------LAYOUT------------*/

/* main */
* {
margin:0;
padding:0;
}
		
#container {
width: 1000px;
height: 600px;
position: relative;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
clear:left;
}

#distance { 
width:1px;
height:50%;
margin-bottom:-438px; /* -1 x half of container's height...adjust for offset (increase moves down)...original -303px, -334px matches old site, -375 before banner*/
float:left;
}

#header {
width: 640px;
height: 9px;
}

#footer {
width: 640px;
height: 9px;
/*background: url('../images/tablebg-dark.gif');*/
}

#col_left {
width: 180px;
position: absolute;
left: 0px;
margin-top:-3px;
margin-left:0.5em;
/*border: 1px solid red;*/
z-index: 3;
}

#col_center {
width: 640px;
position: absolute;
left: 180px;
/*border: 1px solid blue;*/
z-index:1;
/*line-height:18px;*/
}

#col_right {
width: 180px;
position: absolute;
left: 820px;
margin-top:98px;
margin-right:0.5em;
/*border: 1px solid green;*/
z-index:2;
}

/* more */
#top_nav{
text-align:center;
word-spacing: 1em;
}

#col_center_inner-light {
position:relative;
padding:10px;
background: url('../images/tablebg-light.gif');
}

#col_center_inner-med {
position:relative;
padding:10px;
background: url('../images/tablebg-med.gif');
}

#col_center_inner-dark {
position:relative;
padding:10px;
background: url('../images/tablebg-dark.gif');
}

#col_center_inner-dark-cap {
position:relative;
height:10px;
padding:0px;
background: url('../images/tablebg-dark.gif');
}

#col_center_inner-dark-cap2 {
position:relative;
height:20px;
padding:0px;
background: url('../images/tablebg-dark.gif');
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	outline:none;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	border: 1px solid red;
	outline:none;
	}

#sidebar #searchsubmit {
	padding: 1px;
	outline:none;
	}
	
	#topbanner {
	 width:640px;
	 height:63px;
	 margin-bottom:6px;
	 }
	 
	 #topbannertext{
	 width:640px;
	 height:1em;
	 text-align:center;
	 margin-top:-3px;
	 margin-bottom:3px;
	 }
	 
	 	#pjsbanner {
	 width:640px;
	 height:63px;
	 }
	 
	 /* equals col left top*/
	 #accordionLeft{
	 margin-top:97px;
	 }
	
/*---------STANDARD TAGS------------*/

/* normal text */
html,body {
height:100%;
}

body {
font-family: 'Droid Serif', Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #F1E1FF;
background: #000000;
/*background-image: url('../images/youtube-bg-2.png');*/
background-image: url('../images/bg3.gif');
/*line-height:3.2em;*/
/*text-shadow:2px 2px 2px #221133;*/
}

img {
border:0px;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

ul,ol {
margin-left:20px;
margin-top:5px;
list-style-type:circle;
}

table,tr,th,td {
border: 0px;
border-collapse:collapse;
padding: 0px;
margin: 0px;
vertical-align: top;
}

/* links */
A:link {color: #B5B5CC; text-decoration: none;}
A:visited {color: #B5B5CC; text-decoration: none;}
A:hover {color: #F1E1FF; text-decoration: underline;}
A:active {color: #F1E1FF; text-decoration: none;}

/*--------FONT CLASSES------------*/

.alarm {
color:#ffaa00;
font-weight:bold;
text-shadow:5px 2px 2px #3e4063;
}

.alarm-off {
color:#aaff00;
font-weight:bold;
text-shadow:5px 2px 2px #3e4063;
}


a.alarm {
font-style:italic;
font-weight:bold;
color:#ffaa00;
}

a.alarm:hover{
color:#ffaa00;
text-decoration:underline;
}

/* for main title */
.header1 {
color: #F1E1FF;
text-decoration: none;
font-size: 1.5em;
font-variant: small-caps;
}

a.header1 {
color: #F1E1FF;
text-decoration: none;
font-size: 1.5em;
}

a.header1:hover {
text-decoration: underline;
}
/*-----*/

/* for main subtitle */
.header1a {
color: #F1E1FF;
text-decoration: none;
font-size: 1.33em;
line-height:1em;
/*font-variant: small-caps;*/
font-style: italic;
}

a.header1a {
color: #F1E1FF;
text-decoration: none;
font-size: 1.33em;
line-height:1em;
/*font-variant: small-caps;*/
font-style: italic;
}

a.header1a:hover {
text-decoration: underline;
}

.headerbox {
position:absolute;
text-align:center;
top:25px;
}

.email{
line-height:2em;
}
/*-----*/

/* for page header */
.header1b {
color: #F1E1FF;
text-decoration: none;
font-size: 1.33em;
font-weight:bold;
font-style:italic;
}

a.header1b {
color: #F1E1FF;
text-decoration: none;
font-size: 1.33em;
font-weight:bold;
font-style:italic;
}

a.header1b:hover {
text-decoration: underline;
}

.header1c {
color: #F1E1FF;
text-decoration: none;
font-size: 1.2em;
font-weight:bold;
}
/*-----*/

/* for category headers */
.header2 {
color: #F1E1FF;
text-decoration: none;
font-size: 1em;
}

.header2cursor {
color: #F1E1FF;
text-decoration: none;
font-size: 1em;
cursor: pointer;
outline:none;
margin-top:0.5em;
}

.header2cursor:hover {
text-decoration: underline;
}

.header2cursor2 {
color: #F1E1FF;
text-decoration: none;
font-size: 1em;
cursor: pointer;
outline:none;
margin-top: 0.5em;
width:80px;
}

.header2cursor2:hover {
color: #F1E1FF;
text-decoration: underline;
font-size: 1em;
cursor: pointer;
outline:none;
margin-top: 0.5em;
width:60px;
}


a.header2 {
color: #F1E1FF;
text-decoration: none;
font-size: 1em;
}

a.header2:hover {
text-decoration: underline;
}
/*-----*/

/* for picture, sound, and movie links */
.header3 {
color: #B5B5CC;
text-decoration: none;
font-size: 1.25em;
}

a.header3 {
color: #B5B5CC;
text-decoration: none;
font-size: 1.25em;
}

a.header3:hover {
text-decoration: underline;
}
/*-----*/

/* alternate color for text */
.othertext {
color: #B5B5CC;
white-space: nowrap;
}

.othertext-onearrow {
color: #B5B5CC;
margin-left:-0.8em;
}

.othertext-italic {
color: #B5B5CC;
font-style: italic;
}

.othertext-italic-small {
color: #B5B5CC;
font-style: italic;
font-size: 0.75em;
}

/* the currently viewed page */
.currentpage {
color: #656579; text-decoration: none;
}

.smalltext {
font-size: 0.85em;
}

.topbartext {
margin-right: 10px;
}

.sidebartext {
margin-left: 10px;
margin-bottom: -14px;}

/*-------TABLE CLASSES---------------*/

.lightpane {
background:#48485F;
background-image: url('../images/tablebg-light.gif');
}

.darkpane {
background: #3D3D56;
background-image: url('../images/tablebg-dark.gif');
}

.mediumpane {
background: #545471;
background-image: url('../images/tablebg-med.gif');
}

/*-------DIV CLASSES---------------*/

.header_frame {
margin-top:-9px;
margin-left:5px;
}

.main_nav {
margin-top: 1em;
line-height: 1.79em;
}

.main_nav_divider {
/*margin-top: 1em;*/
margin-bottom: 0.70em;
margin-left: 5px;
line-height: 1.79em;
font-size: 0.75em;
color: #B5B5CC;
}

.category_stuff {
margin-left: 0.5em;
margin-bottom: 1em;;
font-size: 0.95em;
line-height: 1.2em;
}

.see_also {
line-height: 1.2em;
margin-top: 1em;
margin-left: 2em;
cursor: pointer;
outline:none;
}

.see_also:hover{
text-decoration:underline;
}

.see_also_top {
line-height: 1.2em;
margin-left: 2em;
cursor: pointer;
outline:none;
}

.see_also_top:hover{
text-decoration:underline;
}

.see_also_sub {
margin-left: 3.5em;
font-size: 0.95em;
}

#player {
margin-left:-10px;
margin-top: -10px;
margin-right:-10px;
width: 640;
background:black;
}

.rightpanediv {
margin-left: 12px;
margin-top: 18px;
}

.indent {
margin-left:2em;
}

.offset1 {
text-align:left;
margin-left: 10px;
}

.offset2 {
 margin-top: 6px; 
 margin-bottom: 10px;
 font-size: 2em;
 font-weight: bold;
 }

.offset3 {
 margin-top: 12px; 
 margin-bottom: 10px;
 font-size: 2em;
 font-weight: bold;
 }
 
.offset4 {
margin-bottom: 5px;
}
 
.videoinfo {
text-align:left;
}

.videoinfo2 {
text-align:left;
margin-left: 10px;
}

.popup {
font-size: 1em;
color: #F1E1FF;
background: #000000;
background-image: url('../images/tablebg-dark.gif');
}

.social_icon {
width:32px;
height:32px;
position:absolute;
left:45px;
top:-67px;
/*visibility:hidden;*/
}

#youtube_icon{
}

#facebook_icon{
}

#itunes_icon{
}

#twitter_icon{
}

#tumblr_icon{
}

#filmfestbox{
float:right;
margin-top:-70px;
}

.emdash {
margin-left:15px;
margin-right:15px;
}

.exhibitionText {
margin-left: 10px;
margin-top: 2px;
margin-bottom: 1em;
line-height:18px;
}

.buyBox {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.textBox {
 line-height: 18px;
 }

/*-------IMAGE CLASSES_--------------*/

.arrow-up {
margin-left: 5px;
margin-right: 3px;
margin-bottom: 1px;
}

.arrow-down {
margin-left: 5px;
margin-right: 3px;
margin-top: 2px;
margin-bottom: 4px;
}

.arrow-down2 {
margin-left: 5px;
margin-right: 3px;
margin-top: 2px;
}

.arrow-right {
margin-left: 8px;
margin-bottom: 1px;
}

.arrow-right_unused {
margin-left: 8px;
margin-bottom: -5px;
}

/*---END---*/