/* TheRadioCityLOTRConcert.com */
/* Design, XHTML, & CSS by Diane Clayton for Steinhardt Design */
/* Copyright 2009 Steinhardt Design, www.steinhardtdesign.com */




/* Initialization
------------------------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

html, body {
	height: 100%;
	}
body {
	background-color: #000;
	text-align: center;
	}


/* Layout
------------------------------------------------------------------------------ */

/* Menu */

div#menuwrapper {
	z-index: 20;
	width: 100%;
	height: 40px;
	text-align: center;
	position: absolute;
	left: 0;
	background-color: #580005;
	}
	html>body div#menuwrapper {
		position: fixed;
		top: 0;
		background: url("../images/layout/bg-menu.png") repeat;
		}

div#menu {
	position: relative;
	width: 1100px;
	height: 40px;
	margin: 0 auto;
	}
div#menuitems {
	position: relative;
	float: left;
	height: 40px;
	margin-left: 40px;
	text-align: left;
	}
	html>body div#menuitems {
		margin-left: 80px;
		}



/* Newsletter Signup */

div#enewsletter {
	float: right;
	margin: 10px 40px auto 0;
	}
	html>body div#enewsletter {
		margin-right: 75px;
		}
	
div#enewsletter form {
	display: inline;
	}
div#enewsletter input.text {
	background-color: #981119;
	color: #d6a8aa;
	padding: 2px 4px;
	margin-left: 10px;
	font: 11px/15px 'Trebuchet MS', Arial, Sans-serif;
	width: 110px;
	height: 13px;
	border: 1px solid #ca4242;
	}
div#enewsletter label {
	padding-left: 2px;
	font: 11px/15px 'Trebuchet MS', Arial, Sans-serif;
	color: #d6a8aa;
	vertical-align: middle;
	}
div#enewsletter input.join {
	margin-left: 4px;
	width: 30px;
	height: 15px;
	vertical-align: middle;
	}
div#enewsletter input.radio {
	vertical-align: middle;
	}



/* Aged Paper Content Area */

div#wrapper {
	z-index: 2;
	position: relative;
	width: 1100px;
	margin: 0 auto;
	}
		
div#subtitle {
	width: 100%;
	text-align: center;
	margin-top: -6px;
	}
div#subtitle h1 {
	height: 100px;
	background: url("../images/layout/subtitle.gif") no-repeat top center;
	}
div#subtitle h1 span {
	display: none;
	}

div#contentwrapper {
	z-index: 2;
	position: relative;
	width: 950px;
	margin: 0 auto;
	background: url("../images/layout/bg-content.jpg") repeat-y top left;
	text-align: center;
	}

div#top {
	position: relative;
	z-index: 3;
	height: 180px;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/bg-top.png', sizingMethod='scale');
	}
	html>body div#top {
		background: url("../images/layout/bg-top.png") no-repeat top left;
		}

div#bottom {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 165px;
	clear: both;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/bg-bottom.png', sizingMethod='scale');
	}
	html>body div#bottom {
		background: url("../images/layout/bg-bottom.png") no-repeat bottom left;
		}


/* Content Area */

div#content {
	position: relative;
	z-index: 4;
	width: 800px;
	min-height: 200px;
	height: auto !important; /* min-height css fix for IE */
	height: 200px;	
	margin: -100px auto -80px auto;
	text-align: left;
	}
div#floatclear {
	width: 100%;
	clear: both;
	height: 1px;
	}


/* Footer */

div#footer {
	clear: both;
	width: 100%;
	padding: 30px 0 10px 0;
	}


	
/* Main Content Styles
------------------------------------------------------------------------------ */

div#content h1 {
	height: 40px;
	font: italic 21px/26px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	color: #623827;
	margin: 0 0 10px 0;
	}
div#content h1 span {
	display: none;
	}
div#content h1#h1breakingnews {
	background: url("../images/h1/breakingnews.gif") no-repeat top left;
	}
div#content h1#h1royalalberthall {
	background: url("../images/h1/royalalberthall.gif") no-repeat top left;
	}
div#content h1#h1mainpartners {
	background: url("../images/h1/mainpartners.gif") no-repeat top left;
	}
div#content h1#h1partners {
	background: url("../images/h1/partners.gif") no-repeat top left;
	}
div#content h1#h1sponsor {
	background: url("../images/h1/sponsor.gif") no-repeat top left;
	}

div#content h1#h1fancomments {
	background: url("../images/h1/fancomments.gif") no-repeat top left;
	}
div#content h1#h1forewordhowardshore {
	background: url("../images/h1/forewordhowardshore.gif") no-repeat top left;
	}
div#content h1#h1foreworddougadams {
	background: url("../images/h1/foreworddougadams.gif") no-repeat top left;
	}
div#content h1#h1forewordthefancommittee {
	background: url("../images/h1/forewordthefancommittee.gif") no-repeat top left;
	}
div#content h1#h1news {
	background: url("../images/h1/news.gif") no-repeat top left;
	}
div#content h1#h1contact {
	background: url("../images/h1/contact.gif") no-repeat top left;
	}
div#content h1#h1composerhowardshore {
	background: url("../images/h1/composerhowardshore.gif") no-repeat top left;
	}
div#content h1#h1conductorludwigwicki {
	background: url("../images/h1/conductorludwigwicki.gif") no-repeat top left;
	}
div#content h1#h1the21stcenturysymphonyorchestra {
	background: url("../images/h1/the21stcenturysymphonyorchestra.gif") no-repeat top left;
	}
div#content h1#h1brooklynyouthchorus {
	background: url("../images/h1/brooklynyouthchorus.gif") no-repeat top left;
	}
div#content h1#h1thedessoffsymphonicchoir{
	background: url("../images/h1/thedessoffsymphonicchoir.gif") no-repeat top left;
	}
div#content h1#h1sopranokaitlynlusk {
	background: url("../images/h1/sopranokaitlynlusk.gif") no-repeat top left;
	}
div#content h1#h1themusicofthetwotowers {
	background: url("../images/h1/themusicofthetwotowers.gif") no-repeat top left;
	}
div#content h1#h1questionsandanswers {
	background: url("../images/h1/questionsandanswers.gif") no-repeat top left;
	}
div#content h1#h1programnotes {
	background: url("../images/h1/programnotes.gif") no-repeat top left;
	}
div#content h1#h1gettingtorcmh {
	background: url("../images/h1/gettingtorcmh.gif") no-repeat top left;
	}
div#content h1#h1aboutthehall {
	background: url("../images/h1/aboutthehall.gif") no-repeat top left;
	}
div#content h1#h1video {
	background: url("../images/h1/video.gif") no-repeat top left;
	}
div#content h1#h1jointhecommunity {
	background: url("../images/h1/jointhecommunity.gif") no-repeat top left;
	}
div#content h1#h1theradiocitylordoftheringscommunity {
	background: url("../images/h1/theradiocitylordoftheringscommunity.gif") no-repeat top left;
	}
div#content h1#h1program {
	background: url("../images/h1/program.gif") no-repeat top center;
	}
div#content h1#h1dougadamsonthescore {
	background: url("../images/h1/dougadamsonthescore.gif") no-repeat top left;
	}
div#content h1#h1accommodations {
	background: url("../images/h1/accommodations.gif") no-repeat top left;
	}
div#content h1#h1mediaroomthefellowshipofthering {
	background: url("../images/h1/mediaroomthefellowshipofthering.gif") no-repeat top left;
	}
div#content h1#h1mediaroomthetwotowers {
	background: url("../images/h1/mediaroomthetwotowers.gif") no-repeat top left;
	}
div#content h1#h1newyorktravelpackages {
	background: url("../images/h1/newyorktravelpackages.gif") no-repeat top left;
	}
div#content h1#h1scheduleofevents {
	background: url("../images/h1/scheduleofevents.gif") no-repeat top left;
	}
div#content h1#h1fotrliveatradiocitymusichall {
	background: url("../images/h1/fotrliveatradiocitymusichall.gif") no-repeat top left;
	}
div#content h1#h1reviews {
	background: url("../images/h1/reviews.gif") no-repeat top left;
	}



div#content h2 {
	font: 20px/26px Georgia, Serif;
	color: #921f0a;
	margin: 30px 0 15px 0;
	}
div#content h3 {
	font: 17px/20px Georgia, Serif;
	color: #8d6621;
	margin: 15px 0 15px 0;
	}

div#content h3 a:link, div#content h3 a:visited {
	color: #8d6621;
	}
div#content h3 a:hover, div#content h3 a:active {
	color: #ab8440;
	text-decoration: none;
	}
	 	
div#content p, #content ul, #content ol {
	font: 15px/19px Georgia, Serif;
	color: #4d2828;
	margin: 15px 0;
	}
div#content ul li {
	list-style-type: circle;
	margin: 0 0 3px 15px;
	}
div#content ul, div#content ol {
	margin-top: -5px;
	}

div#content a:link, div#content a:visited {
	color: #921f0a;
	text-decoration: none;
	}
div#content a:hover, div#content a:active {
	text-decoration: underline;
	}

div#content img {
	border: 1px solid #000;
	}

div#content sup {
	font-size: 60%;
	line-height: 60%;
	}



/* Community and Media Room Pages
------------------------------------------------------------------------------ */

div#content table#community td {
	text-align: center;
	padding: 5px;
	}
div#content table#community td img {
	vertical-align: middle;
	}

div#content table#banners {
	width: 800px;
	}
div#content table#banners td {
	vertical-align: top;
	text-align: center;
	}
div#content table#banners td#bannerstop {
	height: 110px;
	}
div#content table#banners td#bannersleft {
	width: 270px;
	text-align: right;
	}
div#content table#banners td#bannersright {
	width: 500px;
	}
	
	
	
/* Floating Images and Columns
------------------------------------------------------------------------------ */

div.imageleft {
	float: left;
	text-align: left;
	margin: 7px 20px 0 0;
	}
div.imageright {
	float: right;
	text-align: right;
	margin: -4px 0 0 20px;
	}
div#content p.caption {
	margin-top: -3px;
	font-size: 10px;
	margin-bottom: 5px;
	}
div.imageleft {
	float: left;
	text-align: left;
	margin: 5px 20px 3px 0;
	}
div.imageright {
	float: right;
	text-align: right;
	margin: 5px 0 3px 20px;
	}	
div.columnleft {
	float: left;
	text-align: left;
	margin: 0 50px 0 0;
	}
div.columnright {
	float: right;
	text-align: left;
	margin: 0 0 20px 50px;
	}	



/* Flash MP3 Player
------------------------------------------------------------------------------ */

div#content div.flashmp3 {
	width: 20px;
	height: 14px;
	float: left;
	}

div#content table.flashmp3small {
	margin: 0 auto;
	}
td.flashmp3smallleft {
	width: 20px;
	height: 14px;
	overflow: hidden;
	}

/* Video Player
------------------------------------------------------------------------------ */

div#content div#video {
	width: 100%;
	text-align: center;
	background: url("../images/layout/video-border.png") no-repeat top center;
	padding: 110px 0;
	}


/* Extra Styles for Special Cases
------------------------------------------------------------------------------ */

div#content .nobullets li {
	list-style-type: none;
	}

div#content .noborder {
	border: 0;
	}

div#content .smalltext {
	font-size: 11px;
	}
div#content .centered {
	text-align: center;
	}
div#content .quotename {
	margin-bottom: 30px;
	}
div#content .h3fontsize {
	font-size: 17px;
	}
div#content .thumbnail {
	padding-right: 16px;
	}
div#content .notopmargin {
	margin-top: -10px;
	}
div#content .negtopmargin {
	margin-top: -15px;
	}
div#content .nobottommargin {
	margin-bottom: 0;
	}
div#content .topmargin5 {
	margin-top: 5px;
	}
div#content .topmargin15 {
	margin-top: 15px;
	}
div#content .topmargin20 {
	margin-top: 20px;
	}
div#content .topmargin30 {
	margin-top: 30px;
	}
div#content .topmargin50 {
	margin-top: 50px;
	}
div#content .bottommargin30 {
	margin-bottom: 30px;
	}


/* Footer Styles
------------------------------------------------------------------------------ */

div#footer p {
	font: 11px/17px Arial, Sans-serif;
	color: #834901;
	padding: 10px 0 30px 0;
	}
div#footer a:link, div#footer a:visited {
	color: #ab650c;
	text-decoration: none;
	}
div#footer a:hover, div#footer a:active {
	color: #d4831e;
	}
	
div#footer p#textmenu {
	font: 13px/19px Arial, Sans-serif;
	}