* {margin: 0; padding: 0;}

body {
	/*IE centering hack*/
	text-align: center;
	background: #FF0000;
	margin: 0; padding: 0;
}

html {font-family: arial, sans-serif; font-size: 1em; overflow-y: scroll;}
td, th {_font-family: arial, sans-serif; _font-size: 1em; /*Hack to sort of failure of IE5/6 to inherit text size*/}

textarea {font-family: arial, sans-serif; font-size: 100%;}

#page {min-width: 760px; max-width: 900px; margin: auto; text-align: left; 
	
	/*Max width hack fot IE5/6 v ugly!*/
	_width: expression( 
	    document.body.clientWidth > (900) ? "900px" : document.body.clientWidth < (760) ? "760px" : "auto"
	);
}

a img {border: none;}

}




#page2 {padding: 10px 20px 0 20px; }

/* Navigation styles */

ul#navleft {list-style: none; padding: 0; margin: 0; float: left;}
ul#navright {list-style: none; padding: 0; margin: 0; float: right;}

#nav_home {position: relative; top: 10px;}

#nav_photos {position: relative; top: 25px; }

#nav_contact {position: relative; top: 40px; }

#nav_gigs {position: relative; top: 55px; }

#nav_books {position: relative; top: 70px; }

#nav_films {position: relative; top: 10px;}

#nav_biography {position: relative; top: 25px; }

#nav_shows {position: relative; top: 40px; }

#nav_links {position: relative; top: 55px; }

#nav_other {position: relative; top: 70px; }

/*Ridiculous  construtions like this should be a thing of the past when css 3 comes along!*/
ul.nav li a {display: block; min-width: 110px; _width: 110px; text-decoration: none; text-decoration: none; font-size: 20px; text-align: center; color: black; font-weight: bold;}
ul.nav li a, ul.nav li a span.bd {min-height: 15px; _height: 15px; display: block; min-width: 110px;}
ul.nav li a {background: #F5F500 url(bluebox-l.gif) repeat-y top left;}
ul.nav li a .bd {background: url(bluebox-r.gif) repeat-y top right;}
ul.nav li a .bd .bd {background: url(bluebox-t.gif) repeat-x top right;}
ul.nav li a .bd .bd .bd {background: url(bluebox-b.gif) repeat-x bottom right;}
ul.nav li a .bd .bd .bd .bd {background: url(bluebox-tl.gif) no-repeat top left;}
ul.nav li a .bd .bd .bd .bd .bd {background: url(bluebox-tr.gif) no-repeat top right;}
ul.nav li a .bd .bd .bd .bd .bd .bd {background: url(bluebox-bl.gif) no-repeat bottom left;}
ul.nav li a .bd .bd .bd .bd .bd .bd .bd {background: url(bluebox-br.gif) no-repeat bottom right;}
ul.nav li a .contents {display: block; padding: 5px 8px 10px 8px; 
	cursor: pointer; /*IE wasn't displaying the correct cursor*/
}


ul.nav li a:hover {color: white;}
ul.nav li a:hover {background: #0000FF url(blueboxglow-l.gif) repeat-y top left;}
ul.nav li a:hover .bd {background: url(blueboxglow-r.gif) repeat-y top right;}
ul.nav li a:hover .bd .bd {background: url(blueboxglow-t.gif) repeat-x top right;}
ul.nav li a:hover .bd .bd .bd {background: url(blueboxglow-b.gif) repeat-x bottom right;}
ul.nav li a:hover .bd .bd .bd .bd {background: url(blueboxglow-tl.gif) no-repeat top left;}
ul.nav li a:hover .bd .bd .bd .bd .bd {background: url(blueboxglow-tr.gif) no-repeat top right;}
ul.nav li a:hover .bd .bd .bd .bd .bd .bd {background: url(blueboxglow-bl.gif) no-repeat bottom left;}
ul.nav li a:hover .bd .bd .bd .bd .bd .bd .bd {background: url(blueboxglow-br.gif) no-repeat bottom right;}

ul.nav li a.current {color: white;}
ul.nav li a.current {background: #0000FF url(blueboxglow-l.gif) repeat-y top left;}
ul.nav li a.current .bd {background: url(blueboxglow-r.gif) repeat-y top right;}
ul.nav li a.current .bd .bd {background: url(blueboxglow-t.gif) repeat-x top right;}
ul.nav li a.current .bd .bd .bd {background: url(blueboxglow-b.gif) repeat-x bottom right;}
ul.nav li a.current .bd .bd .bd .bd {background: url(blueboxglow-tl.gif) no-repeat top left;}
ul.nav li a.current .bd .bd .bd .bd .bd {background: url(blueboxglow-tr.gif) no-repeat top right;}
ul.nav li a.current .bd .bd .bd .bd .bd .bd {background: url(blueboxglow-bl.gif) no-repeat bottom left;}
ul.nav li a.current .bd .bd .bd .bd .bd .bd .bd {background: url(blueboxglow-br.gif) no-repeat bottom right;}




/* Header styles */
	#thisisonlyherebecauseofie7 {margin: 0 110px;}
	#header {text-align: center; margin-top: 10px;}
	/*Set the min-heights and widths to ensure the images always line up nicely*/
	/*#header, #header div.bd {min-height: 70px; _height: 70px;}
	#header {background: #CD0F1B url(boxlongthin-l.gif) repeat-y top left;}
	#header .bd {background: url(boxlongthin-r.gif) repeat-y top right;}
	#header .bd .bd {background: url(boxlongthin-t.gif) repeat-x top right;}
	#header .bd .bd .bd {background: url(boxlongthin-b.gif) repeat-x bottom right;}
	#header .bd .bd .bd .bd {background: url(boxlongthin-tl.gif) no-repeat top left;}
	#header .bd .bd .bd .bd .bd {background: url(boxlongthin-tr.gif) no-repeat top right;}
	#header .bd .bd .bd .bd .bd .bd {background: url(boxlongthin-bl.gif) no-repeat bottom left;}
	#header .bd .bd .bd .bd .bd .bd .bd {background: url(boxlongthin-br.gif) no-repeat bottom right;}*/
	/*This one contains the actual header*/
	/*#header .contents {padding: 15px 0 5px 0;}*/


#header  h1 {font-family: "arial black"; text-align: center; font-size: 200%; }

/*Main content styles */

	#maincontent {margin: 0 112px 0 112px;}
	/*Set the min-heights and widths to ensure the images always line up nicely*/
	#maincontent, #maincontent div.bd {min-height: 300px; min-width: 200px; _height: 300px; color: white;}
	#maincontent {background: #0000FF url(box-l.gif) repeat-y top left;}
	#maincontent .bd {background: url(box-r.gif) repeat-y top right;}
	#maincontent .bd .bd {background: url(box-t.gif) repeat-x top right;}
	#maincontent .bd .bd .bd {background: url(box-b.gif) repeat-x bottom right;}
	#maincontent .bd .bd .bd .bd {background: url(box-tl.gif) no-repeat top left;}
	#maincontent .bd .bd .bd .bd .bd {background: url(box-tr.gif) no-repeat top right;}
	#maincontent .bd .bd .bd .bd .bd .bd {background: url(box-bl.gif) no-repeat bottom left;}
	#maincontent .bd .bd .bd .bd .bd .bd .bd {background: url(box-br.gif) no-repeat bottom right;}
	/*This one contains the actual maincontent*/
	#maincontent .contents { padding: 20px 30px; 
		overflow: visible; _height: 1px; /* This is the fix the IE italics problem http://www.positioniseverything.net/explorer/italicbug-ie.html*/
	}
	
#maincontent h2 {color: #F5F500; border-bottom: 1px dotted red; margin-bottom: 20px; font-size: 140%; font-weight: bold;}

#maincontent h3 {color: #EEAD37; margin: 1em 0 0.5em 0; font-size: 120%;}

#maincontent p {margin-top: 1em; color: white;}

#maincontent a {color: yellow;}
#maincontent a:visited {color: yellow;}
#maincontent a:hover {color: black; text-decoration: none; background: yellow;}

blockquote {margin: 0; padding-left: 50px; background: url(blockquotestart.gif) no-repeat top left; min-height: 30px;}
blockquote div {padding-right: 50px; background: url(blockquoteend.gif) no-repeat bottom right; min-height: 30px;}
blockquote cite {color: #EEAD37;}

ul, ol {margin-left: 40px; margin-top: 1em;}

img {margin: 4px;}

/* Footer styles */

#footer {/*border-top: 1px solid grey; padding-bottom: 20px;*/ position: relative;}

/* Form styles */
.standardform fieldset {border: none;}
.standardform div.label {margin: 10px 0 3px 0; color: #008DDE;}
.standardform input.text {width: 100%; margin: 0 0 10px 0;}
.standardform textarea {width: 100%; clear: left; height: 100px; margin: 0 0 10px 0;}
.standardform input.submit {background: #008DDE; font-weight: bold; color: white; cursor: pointer;}
.standardform input.submit:hover {background-color: #EEAD37; color: #890000;}

.standardform div.input2 {
	/*This element is hidden in an attempt to prevent spamming*/
	display: none !important; visibility: hidden !important;
}

/* Video styles */
#video {_height: 1px; /*IE hack*/}

#video .video {text-align: center;}

table.filmcontrols {width: 100%; margin: 1em 0;}
table.filmcontrols td {width: 33.33%}
table.filmcontrols td.left {text-align: left;}
table.filmcontrols td.right {text-align: right;}
table.filmcontrols td.centre {text-align: center;}

/* Show styles */
#maincontent .show {margin: 10px 0; padding: 5px; border: 2px solid #EEAD37; _height: 1px; min-height: 1px; /*IE hacks*/}
#maincontent .show div.image {margin: 0 10px 0 0; float: left;}
#maincontent .show div.image img {margin: 0;}
#maincontent .show h2 {font-size: 110%; border-bottom: none;}


/* Gig styles */
#gigs { _height: 1px; /*IE hack*/}
.gigtable {width: 100%; border-collapse: collapse; border: none;}
.gigtable th {color: #EEAD37; font-size: 120%; padding: 1em 0 0.5em 0; border: none; text-align: left;}
.gigtable td {padding: 0 0.3em; vertical-align: top; border: none; color: white;}
.gigtable td.gigs_date {white-space: nowrap;}


.formalert {color: red;}

.dummyclear {height: 0; font-size: 0; line-height: 0; clear: left;}
.accessibilityhidden {position: absolute; left: -2000px; width: 20px;} 


/* Photos */

#photos { _height: 1px; /*IE hack*/}
.photo {text-align: center;}
.description{}
.thumbnails{}
.thumbnail {width: 100px; height: 75px; _height: 85px; text-align: center; vertical-align: middle; float: left; margin: 5px;}
#maincontent .thumbnail a:hover {background: none;}