/*
 * HTML ELEMENTS
 */
body { background:#fff; background-repeat:repeat-x; color: #000; font: 13px/19.5px helvetica, verdana, arial, sans-serif; margin: 0 auto; min-height: 575px }

h1, h2, h3 { font-style:italic }

a img { border:0 }

a { color:#000;text-decoration:none; font-weight:bold }

a:hover { color:#000; text-decoration:underline }

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

header, nav, section, article, aside, footer { display:block }

/** STRUCTURE ***************************************************************/

#wrapper { margin:0 auto; width:985px }

header { display:block; margin: 15px auto; overflow:hidden; padding: 0; width:auto }
header #logo { border:0; float:left; margin-left:10px }
header ul { float:right; list-style-type:square; margin:0 10px 0 10px }

nav { display:block; float:left; width:185px }
nav#adminNav { text-align:right; width:985px }
nav ul { list-style-type:none; margin:0 10px 15px 10px; padding:0 }
nav ul li a { font-size:18px; font-style:italic; font-weight:bold; margin:0; padding-right:3px;	padding-left:1px;	text-transform:lowercase;	outline-style:none }
nav ul li a:hover { color:#666; text-decoration:none }

nav#adminNav ul li  { display:inline; font-size:12px }
nav#adminNav ul li a  { font-size:inherit }

section { clear:none; display:block; float:left; margin-right:10px; overflow:hidden; width:790px }

section#content { min-height:567px; width: 985px }

section#aboutPage { width: 510px }

section#adminPage { width:auto; float:none; margin:0}


section header { margin-top:0; width:auto }

section header h2 { font-size:18px; font-weight:bold font-style:italic; margin-top:0; margin-bottom:0; padding-right:3px; padding-left:1px; outline-style:none; text-transform:lowercase }

section p { line-height: 1.3em }

aside.secondaryContent { float:right; width:476px }

aside.secondaryContent img { width:100% }

article { float:left; clear:left; }

footer { clear:both; color:#000; margin:0 auto; overflow:hidden; text-align:center; width:985px }
footer ul { display:block; list-style-type:none; margin:0 auto; padding-left:0; padding-top:25px }

footer ul li { display:inline; display:none; margin:5px 5px 5px 0 }
footer ul li a { background-repeat:no-repeat; padding:2px 2px 2px 20px }
footer p { clear: both }
footer a { color: #000 }
footer div { margin: 0 auto; width: 985px }


/** SPLASH PAGE *************************************************************/
#splash {
			background: url('/images/splash.png');
			background-position: center;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height:100%;
			margin: 0;
			padding:0;
			z-position:9;
		}
		
		#splash:hover {
			cursor: pointer;
		}

/** CONTENT PAGES ***********************************************************/
.smallBox { display:block; float:left; margin:0; width:314px }
.smallBox .caption { font-style:italic; margin:0 0 15px; text-align:right }

.smallBox img { width: 300px }


.imageBox { clear:left; float:left }

.imageBox a img { border:1px solid #000; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }


/** Index Controller Pages ***************************************************/

#LandingPageTable { margin:0 auto; width:99% }

#LandingPageTable td { text-align:center; vertical-align:top; width:20% }

a.contentLink { outline-style:none }

img.contentImage { width:100% }

.description { float:left; text-align:left; width:476px }

.description p:first-child {margin-top:0; }


.smallerBox { display: inline; float:left; margin:150px 22px 0; overflow:hidden; text-align:center; width:153px }
.smallerBox .caption { font:1.3em/1.95em; margin:0 0 16px 0; text-align:right }
.smallerBox .caption img { border:0 }
.smallerBox .caption input { border:0; clear:both; display:block; float:right; font: 1.1em/1.65em Verdana, Geneva, Arial, helvetica, sans-serif; margin:0 0 16px 0; text-align:right; text-align:right; width:100% }
.smallerBox .description { float:left; text-align:left }
.smallerBox h2 { float:left; font-size:24px; font-weight:bold;font-style:italic; margin:0 0 5px 5px; padding: 0; text-transform:lowercase }


.categorylink { font-size:18px; font-style: italic; font-weight:bold; margin-bottom:2px; padding-right:3px; padding-left:1px; outline-style:none; text-transform:lowercase; }
.categorylink:hover { color:#666; text-decoration: none }
.categorylink input { border:0; clear:left; float:left; font-size:24px;
	font-style:italic; font-weight:bold; margin:0; outline-style:none;
	padding:0; padding-left:1px; text-transform:lowercase }



/******************************************************** Bottom Login Link */
#secret { position: relative; bottom:1px; right:1px; margin-bottom:0 }
#secret a { color: #333; font-weight: 100 }
#secret a:hover { text-decoration: none }

/************************************************************* Admin Screen */

.errors { color:red }

.titleBar { border:1px solid #000; border-bottom:0; clear:both; height:14px; overflow:hidden }

.titleBar a { margin: 0 2px }


.description img { border:0; display:block; margin:1em auto 0 auto }


.description form button { background:#fff; border:1px solid #000; border-top:0; margin-right:7px; color: #000 }

.description form button:hover { background: #333; color:#ccc }

.description form button:active { background: #000; color: #fff }

.description textarea { backgound-color:#222; margin:0; }

#TB_window img { border:0 }

/*********************************************************** Add Entry form */
#addEntryForm { display:block; margin:0 auto; overflow:hidden; width:766px }

#addEntryForm label { width:80px }


#addEntryForm input { width:250px }

#addEntryForm textarea { width: 252px; height: 100px; padding: 0 }

#addEntryForm input.submit { width:auto }

#addEntryForm h1 { margin-bottom: 1em }

#addEntryForm fieldset { float:left; margin-bottom: 2em }

#addEntryForm fieldset fieldset { float:none; margin-bottom:0; width:350px }


/*********************************************************** Add Supplemental Entry form */
#addSupplementalEntryForm { display:block; margin:0 auto; overflow:hidden; width:766px }

#addSupplementalEntryForm label { width:80px }
#addSupplementalEntryForm input { width: 250px }
#addSupplementalEntryForm textarea { height:100px; padding:0; width:252px }
#addSupplementalEntryForm input.submit { width: auto }
#addSupplementalEntryForm h1 { margin-bottom: 1em }
#addSupplementalEntryForm fieldset { float:left; margin-bottom:2em }
#addSupplementalEntryForm fieldset fieldset { float:none; margin-bottom:0; width:350px }



.submit { background-color:#FFF; background-image:url('/images/background_form_element.gif'); background-repeat:repeat-x; border:3px double #999; border-top-color:#CCC; border-left-color:#CCC; color:#333333; float:left; display:inline; font:90% Verdana, Helvetica, Arial, sans-serif; font-weight: 0; width: auto; padding:0 1em }

.submit:active { background-image:url('/images/background_form_element_act.gif') }

a.submit { font-weight: 100; padding: 1px 5px }

.submit:active { border:3px double #CCC; border-top-color:#999; border-left-color:#999 }

.submit:hover { text-decoration:none }

#addEntryForm input#image, #addEntryForm input#longer_image { border:0; display:block; font-size:12px; width:75px }


.wysiwyg { margin-left: 80px; width:80px }

#cancel, #add, #save { margin:10px 5px 0 0 }

.addEntry { background: url('/images/add2.gif') no-repeat; clear:left; float:left; margin:0; padding-left:18px }

#subscriptions th { background: #fff }

/********************************************/

#paypal_form { overflow:hidden; padding-left:20px; padding-top:1em; }

#paypal_form input { background-image:none; background-color:#fff; border:0 }



/**************** PAST PRODUCTIONS ****/
.pastProductions { margin:0 }

#pastProductionsImages { clear:left }

#pastProductionsImages img { display:block; float:left; height:122px; margin:0 2em 2em 0 }


/** Press Section ***********************************************************/

#pressDataTable { margin: 0 auto; }

aside { display:block; float:left; margin:0; width:280px }

aside header { width:auto; margin:0 }
aside header h2 { font-size:18px; margin:0; text-transform:lowercase }

.pressItem { background:#eee; border-radius:5px; overflow:hidden; margin:5px 10px 5px 0; padding:3px 0; text-align:left; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:1px 1px 1px #ccc; -webkit-box-shadow:1px 1px 1px #ccc; box-shadow:1px 1px 1px #ccc }

.pressItem h3, .pressItem p { font-style:normal; margin:10px }

.pressItem a { color:#666; font-style:normal; font-weight:100 }

.pressItem img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; border:5px solid #fff; width:240px }

.pressImage img { max-height: 150px; max-width: 100px }

.readMore { text-align:right }

.readMore a { background: url('/images/read-more.png') no-repeat; padding-left:15px }

.readMore a:hover { border-bottom:1px solid #333; text-decoration:none }