@charset "utf-8";

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* * * * * * * * * END: http://positioniseverything.net/easyclearing */

body {
	margin:0; /* padding:0; border:none; /* for benefit of iframe */
	padding:10px 15px;
	background-color:#6A6762;
	text-align:center; /* for ie5 */
}
#container {
	width:764px;
	margin:0 auto;
	text-align:left; /* undo ie5 */
}

img {border:none;}

a {text-decoration:none; white-space:nowrap;}

.notextheight {line-height:0%; font-size:0px;}
.top {position:absolute; /*z-index:0;*/ top:0px; left:0px;}
.bottom {position:absolute; /*z-index:0;*/ bottom:0px; left:0px;}

p, td, th, h1, h2, h3, input, a.button {
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.3;
	position:relative; /*z-index:1; /* to ensure placement above all those absolutely-positioned bg images around the place */
}
table {border:none; padding:0;}

#header {position:relative;margin-bottom:2px;}

#menu {
	margin-bottom:2px;
	padding:9px 19px;
	position:relative;
	min-height:24px; /* IE56 needs conditional */
	background-image:url(images/bg-menu.png);
	background-repeat:repeat-y;
	vertical-align:middle; /* helps IE67 - puts the menu items right in the middle. FF no problem anyway */
} 

	#menu p {font-size:0.93em; font-weight:bold; margin:0 0 0 -0.5em;} /* deals with any unwanted top and bottom p margin, but also pulls the first menu item into line with the menubar padding but allows the a:highlight to still work at the same size */

	#menu a {
		padding:0 0.5em; /* expand hover area */
	/*	margin:0 0em; /* NO extra space between them now */
		color:white;
	}
	#menu a:hover, #footer a:hover {
		color:#FFC66F;
		background-color:transparent;
	/* #menu a.first {margin-left:0;} /* just for the first one, no extra space on the left. N/A now, due to no extra non-hover space between items anyway. */
	}

	#menu form {
		float:right;
		position:relative; z-index:2; /* for FF - otherwise form gets lost or unusable */
	}
	#menu form #q {
		border:1px solid #5D5E56;
		background-color:#6A6762;
		color:#aaa;
		padding-left:0.3em;
	}
	#menu form #btnG {
		border:none;
		background-color:transparent;
		cursor:pointer;
		padding:0; /* no noticeable effect on ie. help FFs. not consistent across browsers */
	}
	#menu form #btnG:hover {color:#FFFF33;}

	#menu input {color:white;}

#title {
	padding:8px 19px;
	position:relative;
	/*min-height:8px; */
	background-image:url(images/bg-title.png);
	background-repeat:repeat-y;
}
	#title h1 {margin:0; font-size:1.3em; font-weight:bold; text-align:right; color:#777;}

#footer {
	padding:8px 15px;
	position:relative;
	float:right;
	width:312px;
	min-height:19px; /* IE56 needs conditional */
	background-image:url(images/bg-footer.png);
	background-repeat:repeat-y;
}
	#footer p {color:white;margin:0;text-align:center;}
	#footer a {margin-left:1.3em; color:white;}

#main {
	margin-bottom:2px;
	padding:15px 18px 22px;
	position:relative;
	background-color:#C6C3BF; /* for slow loads */
	background-image:url(images/bg-main.png);
	background-repeat:repeat-y;
}

#main a:link, #main a:hover, #main a:visited, #main a:active {color:#990000;}
#main a:hover {background-color:white;}

#main p, #main h1, #main h2 {
	margin:1em 0;
}



/* ----------------------------------------------------------------------------------- */
#main h1 {
		background-image:url(images/bg-heading.png);
		color:#fff;
	background-repeat:repeat-y;
	padding:5px 1em;
	border:1px solid #000;
/*	margin-left:-15px;
	margin-right:-15px;
	border-width:1px 0 1px 0; */
	vertical-align:middle;
	font-size:1em;
	text-align:center;
}

#news th {white-space:nowrap; font-weight:normal; padding:0 2em 1em 0; vertical-align:top;}
#news td {padding:0 2em 1em 0; vertical-align:top;}
#news h2 {font-size:1em; font-weight:normal; margin:0;}


/* ----------------------------------------------------------------------------------- */
div.credit {
	padding:10px;
	margin-bottom:15px;
	background-image:url(images/bg-credit.png);
	background-repeat:repeat-y;
	border:1px solid #666;
	text-align:center;
}
	#main div.credit p, #main div.credit h2, #main div.credit h3 {margin-left:85px;}
	#main div.credit h2 {color:#000; font-size:1em; margin-top:0.4em; margin-bottom:0.4em;}
	#main div.credit h3 {font-size:0.75em; font-weight:normal; margin-top:0.4em; margin-bottom:0.4em;}
	#main div.credit p {font-size:0.75em; font-style:italic; margin-top:0.4em; margin-bottom:0.4em;}
	
	div.credit img {
		float:left;
		padding-left:0;
		margin-right:15px;
		border-color:#444;
		border-style:solid;
		border-width:0pt 1px 1px 0pt;
		background-color:#ccc;
	}
	
	div.credit .link {border: 1px solid red; padding:10px; display:block; float:right;}

	#main a.button {
		float:right;
		margin-top:13px;
		margin-left:5px;
		display: block;
		border: 1px solid;
		border-color: #bbb #444 #444 #bbb;
		background: #A09A92;
		padding:0 5px;
		color:#fff;
		font-size:0.75em;
		text-decoration:none; text-align:center; font-weight:bold;
	}
	
	#main a.button:hover {
		background: #C4B59F;
	}

/* ----------------------------------------------------------------------------------- */
#audiovideo { width:100%; }
	#audiovideo td {padding:0.7em 1em 1em 1em; vertical-align:top;}
	#audiovideo th {
		background-image:url(images/bg-heading.png);
		color:#fff;
		background-repeat:repeat-y;
		padding:5px 1em;
		vertical-align:middle;
		font-size:1em;
		text-align:center;
		border:1px solid #000;
	}
	#audiovideo a:hover {background-color:transparent;}

#photos {text-align:center;}
	.photoreel {
		width:92%;
		margin:25px auto 15px;
		border:1px solid #444;
		background-color:#333;
		clear:both;
	}
	.photoreel td {position:static;} /* IE(T67) ignores overflow otherwise */
	.photoreel a:hover {background-color:transparent;}
	
	.photoreel {
		padding:15px 0;
		overflow:auto;
	}
	.photoreel td {
		font-size: 0.9em;
		line-height:1.4;
		text-align:center;
		padding:0 20px;
		vertical-align:top;
		color:#eee;
	}
	.photoreel img {
		display:block;
		margin-bottom:10px;
		border:1px solid #999;
	}
	.scrollingnav {
		margin-bottom:35px;
	}
	.arrow-left {margin-right:20px;}

#contact th {padding-right:1em;text-align:right; color:white; font-size:1.2em; vertical-align:top; /* v-align needed during captcha test */}
#contact td {font-size:1.2em;}
#seanineImg {vertical-align:bottom;}
.verifypanel {border:1px solid #444; padding:15px; background-color:#ccc; background-image:url(images/antispam.png); background-repeat:repeat;}
.verifypanel input {padding:0 7px;margin-right:10px;}