/*************************/
/** Reset **/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,table,caption,
tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style-type: none;
	font-size: 100%;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height:  0;
	content: ".";
	font-size: 0;
}
.clearfix {display: inline-block}
.clearfix {display: block}

/*************************/
/** Main sections setup **/

html {
	background: #000 url(../images/background.jpg) repeat fixed;
}

/* thanks to http://www.pearsonified.com/typography/ for stuff about line heights and 1.618 golden ratio */
/* font base is 14px (87.5% of the default 16px) 93.75 */
/* line-height is 23px (so 23/14) = 1.6 */
/* 1em = 14px */

body {
	font: 87.5%/1.6 Verdana,sans-serif;
	color: #bbb;
}

img { display: block; }
#container {
	width: 960px;
	margin: 0 auto; /* centers the div horizontally */
}

#header,#maincontent,.a_wide,#imagecontent,#footer {
	width: 960px;
	margin: 10px 0;
	background: #080808;
	background-color: rgba(0, 0, 0, 0.7);
	/* thanks to http://css-tricks.com/rgba-browser-support/ and
	http://css-tricks.com/ie-background-rgb-bug/ */
}
#headerwrap,#maincontentwrap,.a_widewrap,#imagecontentwrap,#footercontentwrap {
	border: 1px solid #444;
}
#headerwrap {
	padding: 0 15px 8px 20px;
}
.a_widewrap {
	padding: 10px 20px 10px 116px;
}
#maincontentwrap,#imagecontentwrap {
	padding: 10px 20px 20px 20px;
}
#footercontentwrap {
	padding: 20px;
}

/*************************/
/** Global **/

h1,h2,h3 {
	font-family: Georgia,serif;
	font-weight: normal;
	color: #eee;
}
h1 {
	font-size: 2.1em;	
	margin-bottom: 10px;
}
#errortext h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.2em;
}

/** paragraphs **/

p {
	margin-bottom: 1.6em;
}
.bold {
	font-weight: bold;
}
p.extralarge {
	font-size: 6em;
	line-height: 1;
}
p.small {
	font-size: 0.9em;
}
p.smallmargin {
	margin-bottom: 0.4em;
}
p#multieramargin {
	margin-top: 1.6em;
	margin-bottom: 0;
}
p.nomargin {
	margin: 0;
}
.redtext {
	color: #ff0000;
}
p.center {
	text-align: center;
}
p.alignleft {
	text-align: left;
}

/** links **/

a:link, a:visited, a:hover, a:focus {
	color: #85a9d2;
}
p a:link, a.footerlink:link { 
	text-decoration: none;
	background: transparent;
	border-bottom: 1px solid #333;
}
p a:hover, a.footerlink:hover {
	border-color: #85a9d2;
}
#mainimage a {
	text-decoration: none;
	border-bottom: 0;
	color: #bbb;
}
.nocursor {
	text-decoration: none; 
	cursor: default;
}

/** Forms **/

.textbox {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input.textbox {
	height: 25px; /* for other browsers */
	line-height: 25px; /* for IE */
	padding: 0 4px 0 4px;
}
textarea {
	padding: 4px;
}

/*************************/
/** Header **/

#interesting {
	position: absolute;
	top: 20px;
	right: 50px;
	text-decoration: none;
}

#logo {
	float: left;
	margin-top: 8px;
}
#printlogo {
	display: none;
	visibility: hidden;
}
#nav {
	float: left;
	margin-left: 10px;
}
#breadcrumbs {
	margin-top: 58px;
	margin-left: 182px;
}

/** nav **/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/css3-dropdown-all.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#top-li {position: absolute; float:left; width:756px; height:41px; z-index:100; overflow:hidden; background:#333;}
#top-li div {position:absolute; left:0; top:41px; width:756px; height:0; background:#000;}
#top-li:hover {height:171px;} /*height of the 'top' dimension above + height below + the 15px at the bottom */ /* IE ref 1 */
#top-li:hover div {height:120px;} /* height in line '1' x number of links + 5px breathing space at bottom */ /* IE ref 2 */

#main-ul {position:absolute; z-index:100; left:0; top:-27px; height:142px;} /* height of the above + the height in '2' */
#main-ul li {float:left; position:relative; width:189px; height:142px;} /* height of the above + the height in '2' */
#main-ul li a {display:block; height:27px; padding-left:10px; text-decoration:none;} /* the navtitles - ref 2 */
#main-ul .navtitle {color:#eee; cursor: default; font-family: Verdana,sans-serif; font-size: 1em; text-transform: uppercase}
#main-ul .downarrow {color:#85a9d2; font-family: Verdana; font-size: 0.8em;}

#main-ul a.currentpage {color:#555; cursor:default;}
#main-ul li ul li a.navlink span {border-bottom: 1px solid #333;}
#main-ul li ul li a.navlink:hover span {border-color: #85a9d2;}
/*#main-ul li ul li a.navlink:hover > span {border-color: #85a9d2;}*/

#main-ul li ul li {height:23px;} /* ref 1 */
#main-ul li ul li a {height:23px; line-height:23px;}

/*************************/
/** Main content **/

#leftside {
	float: left;
	width: 570px;
}
#rightside {
	float: right;
	width: 300px;
}
#a_center {
	float: right;
	width: 300px;
	margin-left: 20px;
}
#a_right {
	margin-bottom: 10px;
}
#mainimage {
	position: relative;
	width: 570px;
	margin-bottom: 1.6em;
}

.imageborder {
	float: left;
	border: 1px solid #333;
}
.imageborder:hover {
	border-color: #85a9d2;
}

/*************************/
/** Sidebar **/

#mpcurrentsection,#mpresults {
	background-color: #222;
}
#mpnotselected {
	background-color: magenta;
}
#mpresults {
	padding-top: 5px;
}

/*************************/
/** Footer **/

#curiosity {
	position: absolute;
	right: 50px;
	text-decoration: none;
}

#footerbottom, #footercopyright {
	font-size: 0.9em;
}
#footer p, #footer a.currentpage {
	color: #666;
}
#footerleft {
	float: left;
	width: 590px;
}
#footerleft ul {
	float: left;
	padding-right: 35px;
}
#footerleft .navtitle {
	font-family: Verdana,sans-serif;
	font-size: 1em;
	color: #eee;
	cursor: default;
	border: 0;
	text-transform: uppercase;
}
.footerlink {
	line-height: 24px;
}
#footer a.currentpage {
	cursor: default;
	border: 0;
	text-decoration: none;
	line-height: 24px;
}
#footerright {
	float: right;
	width: 310px;
}
#footerbottom {
	margin-top: 10px;
}

/** Footer search **/

#sitesearch {
	margin-bottom: 20px;
}
#sitesearchlong {
	margin-top: 20px;
	margin-bottom: 15px;
}
#sitesearch h3 {
	margin-bottom: 5px;
}
#sitesearchbox {
	width: 290px;
	background: #eee url(../images/search.jpg) no-repeat 98% 50%;
}
#sitesearchboxlong {
	width: 562px;
	background: #eee url(../images/search.jpg) no-repeat 99% 50%;
}
#sitesearch #footersubmit, #sitesearchlong #footersubmit {
	display: none;
}
 
 
/*************************/
/** List pages **/

#listimagecaption {
	position: absolute;
    left:0; right:0; bottom:0;
    padding-right: 5px;
    text-align: right;
    background: #000;
	background-color: rgba(0, 0, 0, 0.6);
}
.listrow {
	margin-bottom: 20px;
}
.listitem {
	float: left;
	width: 306px;
}
.listitemimage {
	 float: left;
	 width: 75px;
	 margin-right: 10px;
}
.listitemimagewide {
	float: left;
	width: 100px;
	margin-right: 10px;
}
.listitemcontent {
	float: left;
	width: 219px;
}
.listitemcontentwide {
	float: left;
	width: 194px;
}

/*************************/
/** Detail pages **/

#map {
	width: 570px; 
	height: 325px;
	margin-bottom: 1.6em;
}

.buynowlink {
	float: left;
}
.buynowbutton {
	float: left;
	width: 104px;
	margin-left: 15px;
}

/** Small images **/

#theimages {
	margin-top: 7px;
}

.smalllistrow {
	margin-bottom: 14px;
}
.smallimageitem {
	float: left;
	width: 116px;
}
.smallimageitemlast {
	float: left;
	width: 102px;
}
.smallimagethumbnail {
	float: left;
	width: 100px;
}

#actualsmallimages {
	margin-top: 10px;
}
#relatedlinks {
	margin-top: 1.6em;
}

/** fullsize images **/

#fsiwrap {
	margin-top: 10px;
}
#fsiprevious {
	float: left;
	width: 200px;
}
#fsicenter_noprevious {
	float: left;
	width: 517px;
	padding-left: 200px;
}
#fsicenter {
	float: left;
	width: 517px;
}
#fsicenter_noprevious #fsitextcenter, #fsicenter #fsitextcenter {
	margin-left: 221px;
}
#fsinext {
	float: left;
	width: 200px;
	text-align: right;
}
#fsiimage, #fsicaption {
	margin-left: 96px;
}
#fsiimagecenter {
    margin: 0 auto;
    display: table;
}

/** mini sound clips images **/

.soundclipsrow {
	margin-bottom: 0.4em;
}
.soundclipsitem {
	width: 570px;
}
.soundclipsthumbnail {
	float: left;
	width: 30px;
	margin-right: 10px;
}
.soundclipscontent {
	float: left;
	width: 528px;
}

/** film guides mini images **/

.fgsection {
	margin-bottom: 1.6em;
}

.filmguidesrow {
	margin-bottom: 10px;
}

.filmguidesitem {
	float: left;
	width: 190px;
}
.filmguidesthumbnail {
	float: left;
	width: 30px;
	margin-right: 10px;
}
.filmguidescontent {
	float: left;
	width: 148px;
}

/** comments **/

#comments {
	margin-top: 24px;
}

/*************************/
/** Contact Form **/

#contactform {
	width: 450px;
}
#contactform .labelmargin, #contactform .textbox, #contactform textarea {
	display: block;
	width: 440px;
}
#contactform .textbox, #contactform textarea, #cf-submit {
	background-color: transparent;
	border: solid 1px #333;
	color: #bbb;
}
#contactform .textbox {
	margin-bottom: 15px;
}
.curiosity {
	display: none;
	visibility: hidden;
}
#contactform .redborder, #contactform textarea.redborder {
	border: solid 1px #ff0000;
}
#cf-submitbutton {
	margin-top: 15px;
}
#cf-submitlink {
	text-decoration: none;
	border: 0;
}
#cf-submit {
	border-color: #bbb;
	padding: 4px;
}
#cf-submit:hover {
	border-color: #85a9d2;
}

/*************************/
/** Other Pages **/

.aboutimagesrow {
	margin-bottom: 1.6em;
}
.aboutimagesitem {
	float: left;
	width: 311px;
}
.aboutimagesitemlast {
	float: left;
	width: 296px;
}
.aboutimagesitem img, .aboutimagesitemlast img {
	border: 1px solid #333;
}

.restrictedwidth {
	width: 570px;
}

.highlight-m {
	background-color: magenta;
}

/** Error Pages **/

#errorwrap {
	margin-top: 10px;
}

#mainimageerror {
	float: left;
	width: 200px;
}
#errortext {
	float: right;
	width: 695px;
	margin-left: 20px;
}
#errortext h1 {
	text-align: center;
	margin-bottom: 20px;
}
#errortext p {
	margin-left: 20px;
	margin-right: 20px;
}

/*************************/
/** Print Styles **/

@media print {
	@page {
 		margin: 1.5cm;
  	}
	#container {
		background: #fff;
		color: #000;
	}
	#logo,#nav,#breadcrumbs,#listimagecaption,#rightside,#interesting,#curiosity,.a_wide,.a_widewrap,#footerleft,#sitesearch,#footerlinks,#fsiwrap,.curiosity {
		display: none;
		margin: 0;
	}
	#header,#headerwrap,#maincontent,#maincontentwrap,#footer,#footercontentwrap,.a_wide,.a_widewrap,#imagecontent,#imagecontentwrap {
		padding: 0;
	}
	
	h1,h2,h3 {
    	page-break-after: avoid;
  	}
  	.listrow,#map {
    	page-break-inside: avoid;
    	border: 0;
  	}
  	
  	body {font: 12pt/1.4 Georgia,"Times New Roman",Times,serif; color: #000;}
	h1 {font-size: 19pt;}
	h2 {font-size: 15pt;}
	h3 {font-size: 13pt;}
	h1,h2,h3 {color: #000;}
	
	p a:link, a:link {
		border: 0;
		color: #00c;
		text-decoration: underline;
	}
	p {margin-bottom: 1.4em;}
	
	#headerwrap,#maincontentwrap,.a_widewrap,#imagecontentwrap,#footercontentwrap {border: 0;}
	#printlogo {
		display: inline; 
		visibility: visible;
		font-size: 22pt;
	}
	#footer p {color: #000;}
	#footer,#footercontentwrap {margin-top: 1.4em;}
	#footerleft,#footerright {float: none;}
	#footercopyright, #footerright {width: 100%;}
	#footerbottom p {text-align: left;}
	#footercopyright, #footerbottom {font-size: 11pt;}
}