body{margin:0; padding:0; color:#eee; background:#000; margin-top: 10px; font-family: Helvetica, Arial, sans-serif; font-size:100%; line-height:16.5px;}

a:link{text-decoration:none; color:#999;}
a:visited{ text-decoration:none; color:#999;}
a:active{text-decoration:none; color:#666;}
a:hover{ text-decoration:underline; color:#fff;}

#right p{color:#eee; font-size:.8em;}
#right h1{color:#999; font-size:1.1em;}
#right h2{color:#666; font-size:.8em;}
#right img{border:none;}

#wrapper{width:760px; margin:0 auto; /*-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;*/ border: 3px solid #666;}

/* HEADER BACKGROUND CODE BEGINS */

/* TO CHANGE THE BACKGROUND IMAGE, CHANGE THE FILENAME ON THE LINE BELOW: PLEASE NOTE THE IMAGE DIMENSIONS SHOULD BE WIDTH:760PX, HEIGHT:200PX */
#inner{background:url(images/the-killers-bkgd.jpg) top no-repeat;}
/* IF LOGO NEEDS TO BE ON THE RIGHT, UNCOMMENT THE SECOND 'LOGO' LINE BELOW AND COMMENT OUT THE LINE IMMEDIATELY BELOW THIS LINE */
.logo{float:left; padding:50px 0 0 25px;}
/* IF LOGO NEEDS TO BE ON THE RIGHT, UNCOMMENT THIS LINE BELOW AND COMMENT OUT THE LINE ABOVE */
/*.logo{float:left; padding:35px 0 0 450px;}*/

/* HEADER BACKGROUND CODE ENDS */

#left{float:left; padding-top:20px; width:210px; margin-top:115px;}
#left p{margin:22px 0 0 22px;}
#left img {margin-bottom: 20px;}
#right{float:left; padding:10px 0 0 30px; width:470px; margin-top:115px;}
#rightleft{float:left; width:230px; margin-right:5px; border-right:1px solid #ccc;}
#footer{clear:both; padding:/*5px 10px 5px 65px*/10px 10px 5px 40px; text-align:left; font-size:.73em; border-top: 3px solid #666;}
#footer img{border:none;}
#footer p{padding-top:0; margin:0;}
.footerdiv{float:left; width:200px; margin-right:10px; margin-bottom: 10px; padding:0 10px 10px 0; border:3px solid #666;}
.ftrtxt{padding-left: 10px;}

.blackboard{margin:0 0 0 5px; bottom no-repeat; padding-bottom:15px; border:none;}
.blackboard img{padding:10px 0 0 10px;}
.blackboard ul{padding:0 5px 20px 40px; color:#999; margin:0; list-style-type:none;}
.blackboard ul li a:link{font-size:.8em; text-decoration:none; color:#999;}
.blackboard ul li a:visited{font-size:.8em; text-decoration:none; color:#999;}
.blackboard ul li a:active{font-size:.8em; text-decoration:none; color:#666;}
.blackboard ul li a:hover{font-size:.8em; text-decoration:none; color:#8b2e00;}

.text_img{border:1px solid #ccc; border-bottom:2px solid #ccc; padding:2px 2px 2px 2px; background:#ccc; margin:15px 0 5px 10px; float:right; font-size:.6em; color:#39c; text-align:center;}
.rgt_img{ background-color:#a5a512; padding:0; margin:15px 0 0 10px; float:right; text-align:left; font-size:0.6em; height:183px;}
.film_img{ background-color:#a5a512; padding:0; margin:15px 0 0 10px; float:right; text-align:left; font-size:0.6em; height:193px;}
.film2_img{ background-color:#a5a512; padding:0; margin:15px 0 0 10px; float:right; text-align:left; font-size:0.6em; height:203px;}
.film3_img{ background-color:#a5a512; padding:0; margin:15px 0 0 10px; float:right; text-align:left; font-size:0.6em; height:159px;}
.film4_img{ background-color:#a5a512; padding:0; margin:15px 0 0 10px; float:right; text-align:left; font-size:0.6em; height:215px;}
.film5_img{ background-color:#a5a512; padding:0; margin:15px 0 0 10px; float:right; text-align:left; font-size:0.6em; height:188px;}
.left_img{background-color: #000; padding: 0;/*2px;*/ margin: 15px 0 0 /*5px*/ 10px; float: left; color: #000; text-align: left; font-size: 0.6em;}
#subtitle{padding-left:3px; color:#000; font-size:90%; font-weight:bold; width:250px;}
#subtitle2{padding-left:3px; color:#000; font-size:90%; font-weight:bold; width:180px;}
.textlist ul{padding-bottom:4px; color:#39c; margin:6px 20px 6px 0; font-size:.7em;}
.textlist li{margin:0 0 5px -30px; color:#39c; font-size:.8em;}
.textlist a:link{color:#39c;}
.textlist a:visited{text-decoration:underline; color:#39c;}
.textlist a:active{text-decoration:underline; color:#069;}
.textlist a:hover{text-decoration:none; color:#6cf;}

.credits ul{color:/*#333*/#eee; font-size:.7em;}
.credits li{margin:0 0 5px -25px; color:/*#333*/#eee; font-size:.7em;}

.creditstbl{color:#eee/*#000*/; font-size:.7em;}

.rgt{float:right;}
.left{float:left;}
.clearboth{clear:both;}

/*** NAVIGATION ***/
#navcontainer {width: 202px;}
#navcontainer ul {margin:0 0 0 22px; padding-left: 0; list-style-type: none; font-family: Helvetica, Arial, sans-serif; font-size:.8em;}
#navcontainer a {display: block; padding: 3px; width: 175px; background-color: #000; border-bottom: 1px solid #999;}
#navcontainer a:link, #navlist a:visited {color: #999; text-decoration: none;}
#navcontainer a:hover {background-color: #666; color: #eee; /*border-bottom: 1px solid #eee;*/}
#navlist li#active { background: #666; color: #eee; width: 175px; display:block; padding: 3px; border-bottom: 1px solid #999;}

.ftr_img{/*border:2px solid #ccc; padding:2px; background:#ccc;*/ margin:10px;}
.content_link{font-size:85%; float:right;}

/** LIGHTBOX **/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

blockquote {display: block; padding: 0 60px; width: 500px;}
blockquote:before, blockquote:after {color: #ccc; display: block; font-size: 700%; width: 50px;}
blockquote:before {content: open-quote; height: 0; margin-left: -0.55em;}
blockquote:after {content: close-quote; height: 50px; margin-top: -70px; margin-left: 500px;}