/* 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');
}
*/
/*---------  MAIN   ------------*/

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

body {
font-family: 'Droid Serif', Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size: 15px;
/*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;*/
text-shadow:2px 2px 2px #332244;
}

img {
border:none;
text-decoration:none;
}

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{
color: #B5B5CC;
text-decoration:none;
}

a:hover {
color: #F1E1FF; 
text-decoration: underline;
}

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

/* main */
* {
margin:0;
padding:0;
}

#container {
width: 840px;
height: 600px;
position: relative;
/*margin-top: 8px;*/
margin-top: 16px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
/*border: 1px solid red;*/
/*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: 660px;
/*left: 0px;*/
margin-top:-3px;
margin-left:0.5em;
/*border: 1px solid red;*/
z-index: 3;
}

#col_center {
width: 640px;
position: absolute;
left: 0px;
/*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;
z-index:2;
}
*/

#col_right {
position:relative;
margin-top: 1.1em;
/*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');
}

#iconholder{
width:32px;
height:32px;
/*border:1px solid red;*/
position:absolute;
left:600px;
top:76px;
z-index:3;
}

#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;
}

#orange-logo{
	width:164px;
	height:112px;
	/*position:absolute;
	left:-10px;
	top:-30px;*/
	position:relative;
	margin:-75px auto auto auto;
	z-index:-10;
	opacity:0.4;
	filter: alpha(opacity=40);
	background:url("../images/orange-logo.png");
	background-position:164px 0px;
}

.iframeplayer{
	margin-left:-10px;
	margin-top:-10px;
	background:black;
}

.topbanner {
width:640px;
height:63px;
margin-bottom:6px;
background:url("../images/new-banner2.jpg");
cursor:pointer;
}

#topbanner-page{
background-position:640px 0px;
}

#topbanner-index{
background-position:0px 0px;
}

#topbannertext{
width:640px;
height:1em;
text-align:center;
margin-top:-3px;
margin-bottom:3px;
}

#topbanner_link{
/*color:#F1E1FF;*/
text-decoration:none;
border:none;
}

#pjsbanner {
width:640px;
height:63px;
}

/* equals col left top*/
#accordionLeft{
margin-top:97px;
}

#tile-container{
width:640px;
height:360px;
position:relative;
left:-10px;
top:-10px;
margin:auto;
/*border:1px solid blue;*/
}	

.tile-link{
border:none;
text-decoration:none;
}	

.tile{
width:160px;
height:120px;
position:absolute;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

/* ~ ~ ~ ~ ~ */

#tile1{
left:0px;
top:0px;
background:url("../images/tiles/tile-qmark.jpg");
}

#tile1:hover{
/*background-position:160px 0px;*/
}

/* */

#tile2{
left:160px;
top:0px;
background:url("../images/tiles/tile-qmark.jpg");
}

#tile2:hover{
/*background-position:160px 0px;*/
}

/* */

#tile3{
left:320px;
top:0px;
background:url("../images/tiles/tile-qmark.jpg");
}

#tile3:hover{
/*background-position:160px 0px;*/
}

/* */

#tile4{
left:480px;
top:0px;
background:url("../images/tiles/tile-qmark.jpg");
}

#tile4:hover{
/*background-position:160px 0px;*/
}

/* */

/* --   -- */

#tile5{
left:0px;
top:0px;
background:url("../images/tiles/tile-orange.jpg");
}

#tile5:hover{
background-position:160px 0px;
}

/* */

#tile6{
left:160px;
top:0px;
background:url("../images/tiles/tile-latk.jpg");
}

#tile6:hover{
background-position:160px 0px;
}

/* */

#tile7{
left:320px;
top:0px;
background:url("../images/tiles/tile-jenny.jpg");
}

#tile7:hover{
background-position:160px 0px;
}

/* */

#tile8{
left:480px;
top:0px;
background:url("../images/tiles/tile-glasfilm2.jpg");
}

#tile8:hover{
background-position:160px 0px;
}

/* */

/* --   -- */

#tile9{
left:0px;
top:120px;
background:url("../images/tiles/tile-eyebeam.jpg");
}

#tile9:hover{
background-position:160px 0px;
}

/* */

#tile10{
left:160px;
top:120px;
background:url("../images/tiles/tile-winning.jpg");
}

#tile10:hover{
background-position:160px 0px;
}

/* */

#tile11{
left:320px;
top:120px;
background:url("../images/tiles/tile-interregnum.jpg");
}

#tile11:hover{
background-position:160px 0px;
}

/* */

#tile12{
left:480px;
top:120px;
background:url("../images/tiles/tile-foxhole.jpg");
}

#tile12:hover{
background-position:160px 0px;
}

/* */

#tile13{
left:0px;
top:240px;
background:url("../images/tiles/tile-famous.jpg");
}

#tile13:hover{
background-position:160px 0px;
}

/* */

#tile14{
left:160px;
top:240px;
background:url("../images/tiles/tile-goodjoke.jpg");
}

#tile14:hover{
background-position:160px 0px;
}

/* */

#tile15{
left:320px;
top:240px;
background:url("../images/tiles/tile-option.jpg");
}

#tile15:hover{
background-position:160px 0px;
}

/* */

#tile16{
left:480px;
top:240px;
background:url("../images/tiles/tile-ruleorruin.jpg");
}

#tile16:hover{
background-position:160px 0px;
}

/* ~ ~ ~ ~ ~ ~ */

#hovertext{
font-style:italic;
text-align:center;
}

/*--------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;
/*letter-spacing: 1px;*/
}

a.header1 {
color: #F1E1FF;
text-decoration: none;
font-size: 1.5em;
/*letter-spacing: 1px;*/
}

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;
/*letter-spacing: 1px;*/
}

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

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

.headerbox {
position:absolute;
text-align:center;
top:25px;
letter-spacing: 1px;
/*font-weight:bold;*/
}

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

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

a.header1b {
color: #F1E1FF;
text-decoration: none;
font-size: 1.33em;
font-weight:bold;
font-style:italic;
/*letter-spacing: 1px;*/
}

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

.header1c {
color: #F1E1FF;
text-decoration: none;
font-size: 1.2em;
font-weight:bold;
/*letter-spacing: 1px;*/
}
/*-----*/
/* for page header */
.header1d {
color: #F1E1FF;
text-decoration: none;
font-size: 1.33em;
font-weight:bold;
/*font-style:italic;*/
/*letter-spacing: 1px;*/
}

a.header1d{
color: #F1E1FF;
text-decoration: none;
font-size: 1.33em;
font-weight:bold;
/*font-style:italic;*/
/*letter-spacing: 1px;*/
}

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

.header1e {
/*color: #B5B5CC;*/
text-decoration: none;
font-size: 1.33em;
font-weight:bold;
font-style:italic;
/*letter-spacing: 1px;*/
}

/*
a.header1e {
color: #F1E1FF;
}

a.header1e:hover {
color: #F1E1FF;
text-decoration: underline;
}
*/

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

.header2cursor {
color: #F1E1FF;
text-decoration: none;
/*font-size: 1em;*/
font-size: 15px;
cursor: pointer;
outline:none;
margin-top:0.5em;
font-weight:bold;
/*letter-spacing: 1px;*/
}

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

.header2cursor2 {
color: #F1E1FF;
text-decoration: none;
/*font-size: 1em;*/
font-size: 15px;
cursor: pointer;
outline:none;
margin-top: 0.5em;
/*letter-spacing: 1px;*/
}

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

.header2cursor2-year {
color: #F1E1FF;
text-decoration: none;
font-size: 1.1em;
cursor: pointer;
outline:none;
margin-top: 0.5em;
/*letter-spacing: 1px;*/
}

.header2cursor2-year:hover {
text-decoration: underline;
}


a.header2 {
color: #F1E1FF;
text-decoration: none;
/*font-size: 1em;*/
font-size: 15px;
/*letter-spacing: 1px;*/
}

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

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

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;
}

.smallertext {
font-size: 0.33em;
}

.smalltext2 {
font-size: 0.85em;
margin-top: 0.25em;
}

.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;
/*letter-spacing: 1px;*/
}

.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: 1em;*/
font-size: 15px;
line-height: 1.2em;
/*hides until revealed by js*/
/*display: none;*/
/*letter-spacing: 1px;*/
}

.category_stuff_bottom {
margin-left: 0.5em;
margin-bottom: 1.25em;;
/*font-size: 1em;*/
font-size: 15px;
line-height: 1.2em;
/*hides until revealed by js*/
/*display: none;*/
/*letter-spacing: 1px;*/
}

.see_also {
/*line-height: 1.2em;*/
line-height: 1em;
margin-top: 1em;
/*margin-left: 2em;*/
cursor: pointer;
outline:none;
font-weight:bold;
/*letter-spacing: 1px;*/
}

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

.see_also_top {
/*line-height: 1.2em;*/
line-height: 1em;
margin-top: 1em;
/*margin-left: 2em;*/
cursor: pointer;
outline:none;
font-weight:bold;
/*letter-spacing: 1px;*/
}

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

.see_also_sub {
/*margin-left: 3.5em;*/
margin-left: 1.8em;
font-size: 0.95em;
line-height:1.2em;
/*hides until revealed by js*/
/*display: none;*/
/*letter-spacing: 1px;*/
}

#newsblock{
font-size:0.9em; 
line-height:1.3em; 
margin-top:0.25em;
margin-left:0.25em;
width:600px;
/*overflow:auto;*/
}

#newsblockheader{
font-weight:bold;
}

#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;*/
font-size: 15px;
color: #F1E1FF;
background: #000000;
background-image: url('../images/tablebg-dark.gif');
}

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

#youtube_icon{
}

#podcast_icon{
}

#facebook_icon{
}

#itunes_icon{
}

#twitter_icon{
}

#tumblr_icon{
}

#offsite_icon{
	opacity:0.5;
	filter: alpha(opacity=50);
}

#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;
/*hides until revealed by js*/
/*display: none;*/
}

.exhibitionheader{
color: #F1E1FF;
/*font-size: 1em;*/
font-size: 15px;
margin-top: 0.5em;
width:80px;	
}

.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;
}

.special-searchtitles{
margin-top:0.8em;
}

.special-searchtitles a{
color:#F1E1FF;
}

.special-aboutme{
margin-top:1.1em;
}

.special-aboutme a{
color:#F1E1FF;
}

.description-block{
margin-left:10px;
margin-top:5px;
}

.filminfo-block{
margin-top:10px;
margin-left:10px;
}

#splash{
/*width:240px;*/
width:250px;
height:1em;
position:absolute;
/*left:196px;*/
left:175px;
top:40px;
z-index:1;
padding:4px;
background: url('../images/tablebg-dark.gif');
text-align:center;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
opacity:0.9;
filter: alpha(opacity=90);
}

/*
#splash:hover{
text-decoration:underline;
}
*/

#buybutton{
border: medium double black;
}

#buybutton:hover{
border: medium double red;
}

#fadeblank{
opacity: 0.3;
filter: alpha(opacity=30);
outline:none;
cursor:pointer;
}

#socialblock{
width:252px;
height:32px;
position:relative;
text-align:center;
top:1em;
left:0px;
padding:4px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
/*margin:auto;*/
/*background-image: url('http://fox-gieg.com/images/bg3.gif');*/
background-image: url('http://fox-gieg.com/images/tablebg-dark.gif');
/*border:1px solid black;*/
/*
transform: scale(0.75);
-ms-transform: scale(0.75);
-webkit-transform: scale(0.75);
*/
}

#headshot{
	width:102px;
	height:240px;
	border=none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:0.5em;
	margin-bottom:1em;
}

.textbox-bio{
	width: 510px;
	height: 245px;
	position: absolute;
	left: 124px;
	top: 1em;
}

.textbox-bio p{
	margin-top:1em;
}

#footersearch {
	text-align:center;
	margin-top:0.25em;
	font-style: italic;
}
/*---END---*/