/* BeforeLondon2012.com by Ben Gilman - www.nuclearsummer.com */

/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
* { margin: 0; padding: 0; border: 0; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; list-style-type: none; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

body {
	background-color: #282828;
	font: 76% "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Helv, sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	}
.Internal {
	clear: both;
	margin: 0 auto;
	width: 963px;
	}
.Unit {
	display: inline;
	float: left;
	margin-left: 15px;
	}

.UnitNoOffset {
	margin-left: 0;
	}
.ColumnBreaker {
	clear: both;
	height: 0px;
	line-height: 0px;
	padding-bottom: 15px;
	width: 100%;
	}
.FineDivider {
	border-top: 1px #444 dotted;
	clear: both;
	height: 0px;
	line-height: 0px;
	margin: 15px 15px 0 15px;
	}

.ClearFloat {
	clear: both;
	}
.HideMe {
	position: absolute;
	left: -3000px;
	}
	
/* unit widths based on block composition */
.Unit1Blocks {	width: 64px; } /* should not be used */
.Unit2Blocks {	width: 143px; }
.Unit3Blocks {	width: 222px; }
.Unit4Blocks {	width: 301px; }
.Unit5Blocks {	width: 380px; }
.Unit6Blocks {	width: 459px; }
.Unit7Blocks {	width: 538px; }
.Unit8Blocks {	width: 617px; }
.Unit9Blocks {	width: 696px; }
.Unit10Blocks { width: 775px; }
.Unit11Blocks {	width: 854px; }	/* should not be used */
.Unit12Blocks {	width: 933px; }

/* link colors */
a:link,
a:visited,
a:active { color: #83e237; }
a:hover { color: #83e237; }

/* Header */
#Header {
	background: #1b1b1b url(../images/header-background.gif) no-repeat bottom center;
	border-bottom: 1px #4b4b4b solid;
	}
	#Header h1 {
		background: transparent url(../images/top-logo.gif) no-repeat left center;
		height: 110px;
		width: 100%;
		}

/* Top nav */
#TopNav {
	margin-bottom: -1px;
	}
	#TopNav ul {
		display: inline;
		font-size: 140%;
		}
		#TopNav ul li {
			display: inline;
			}
			#TopNav ul li a {
				background-color: #151515;
				border: 1px #555 solid;
				border-bottom: 0;
				color: #689ed4;
				display: block;
				float: left;
				letter-spacing: 0px;
				margin-right: 2px;
				padding: 7px 12px;
				text-decoration: none;
				}
			#TopNav ul li a.Active {
				background-color: #274467;
				background-color: #282828;
				color: #18a1ce;
				}

/* Content */
#Content {
	color: #ccc;
	line-height: 165%;
	}
	#Content h2 {
		color: #fff;
		font-size: 280%;
		font-weight: normal;
		letter-spacing: -1px;
		margin-bottom: .5em;
		padding-top: 10px;
		}
	#Content h3 {
		color: #83e237;
		font-size: 180%;
		font-weight: normal;
		letter-spacing: -1px;
		margin-bottom: .5em;
		padding-top: 15px;
		}
	#Content h4 {
		color: #fff;
		font-size: 145%;
		font-weight: normal;
		letter-spacing: -1px;
		margin-bottom: .5em;
		}
	#Content p {
		color: #ccc;
		font-size: 110%;
		padding-bottom: 12px;
		}
		#Content p.BigIntro {
			font-size: 200%;
			line-height: 140%;
			letter-spacing: -1px;
			color: #666;
			}
			#Content p.BigIntro span.Hi {
				color: #fff;
				}
		#Content p.Address {
			border-left: 3px #333 solid;
			margin-bottom: 15px;
			margin-left: 10px;
			padding-bottom: 0;
			padding-left: 10px;
			white-space: pre;
			}

img.Artwork {
	background-color: #313131;
	border: 1px #484848 solid;
	padding: 10px;
	}

ul.ContactDetails li { margin-bottom: 15px; }

ul.AllanContactDetails {
	margin: 0 25px;
	}
ul.AllanContactDetails li {
	list-style-type: square;
	}
div#GoogleMap {
	height: 300px;
	margin-bottom: 4px;
	width: 279px;
	}

ul.Transport li {
	padding: 1px 10px 1px 22px;
	}
	ul.Transport li.Tube { background: transparent url(../images/icon-tube.gif) no-repeat 0px 3px; }
	ul.Transport li.Bus { background: transparent url(../images/icon-buses.gif) no-repeat 0px 3px; }
	ul.Transport li.DLR { background: transparent url(../images/icon-dlr.gif) no-repeat 0px 3px; }
	ul.Transport li.Train { background: transparent url(../images/icon-train.gif) no-repeat 0px 5px; }

div.AudioPlayer {
	margin: 10px 0;
	}
	.ArtworkInner {
		background-color: #222;
		padding: 15px;
		}
		#Content .ArtworkInner h3 {
			font-size: 160%;
			margin: 0 0 8px 0;
			padding: 0;
			}
		.ArtworkInner img {
			border: 1px #888 solid;
			float: left;
			}
		.ArtworkInner .TextHold {
			float: left;
			padding: 0 0 0 15px;
			width: 123px;
			}
			#Content .ArtworkInner .TextHold p {
				margin: 0;
				padding: 0;
				}
		#Content .ArtworkInner p.MoreLink {
			margin: 8px 0 0 0;
			}

/* Footer */
#Footer {
	background-color: #1b1b1b;
	border-top: 1px #4b4b4b solid;
	padding: 10px 0;
	margin-top: 10px;
	}
	#Footer h2 {
		color: #fff;
		font-size: 150%;
		font-weight: normal;
		letter-spacing: -1px;
		margin-bottom: 15px;
		}
	#Footer h3 {
		color: #ccc;
		font-size: 120%;
		}
	#Footer p,	
	.SponsorFooter {
		margin-top: 12px;
		color: #aaa;
		}
	.Credits p {
		font-size: 100%;
		}