html 						{ overflow-y: scroll; }
body 						{ font: 12px Georgia, serif; background: url() top center repeat-x #000;}
ul 							{ list-style: none inside; }
a 							{ outline: none; }
a img 						{ border: none; color:#e01005}
/* END RESET */

/* TYPOGRAPHY */
p, td						{ font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
h1							{ font-weight: normal; font-size: 3.0em; }
h2							{ font-weight: normal; font-size: 2.4em; color: #666; }
h3							{ font-weight: normal; font-size: 2.0em; color: #666; }
h1, h2						{ margin-bottom: 15px; }
#footer p, #footer a		{ color: white; text-decoration: none; }
#footer a:hover				{ text-decoration: underline; }
p.metadata					{ background: #353430; padding: 2px; color: white; margin-bottom: 5px; }
#topbar a					{ color: white; }
/* END TYPOGRAPHY */

/* HYPERLINK STYLES */

a { color: #666; text-decoration:none; font-family: Arial, Georgia,Serif;}
a:hover { color: #c50202; text-decoration: underline; font-family: Arial, Georgia,Serif;}


/* TOOLBOX */
.floatleft 					{ float: left; }
.floatright 				{ float: right; }
.clear 						{ clear: both; }
.edit-button				{ display: block; width: 15px; height: 14px; text-indent: -9999px; float: left; margin-right: 5px;
							  background: url(images/edit-button.jpg) center center no-repeat; }
.delete-button				{ display: block; width: 11px; height: 12px; text-indent: -9999px; float: left; padding-top: 2px;
							  background: url(images/delete-button.jpg) center center no-repeat; }
.add-show-button			{ width: 118px; height: 36px; 
							  text-indent: -9999px; display: block;
							  background: url(images/new-show-button.jpg); }
.center						{ text-align: center; }
/* END TOOLBOX */



/* STRUCTURE */
#topbar						{ background: black; padding: 5px; position: absolute; top 0px; z-index: 9999; }
#page-wrap 					{ width: 800px; margin: 0 auto; }
#main-content				{ background: white; padding: 20px; margin-bottom: 20px; background-color:#fff; }
#main-col					{ width: 550px; float: right; }		  
#side-col					{ width: 200px; float: left; border: 8px solid #dfdfdf; padding: 5px; }
#footer						{ background: url() repeat-x; height: 144px; text-align: center; }
#footer div					{ background: url('') repeat-x; margin: 0 auto; padding-top: 50px; height: 94px; width: 800px; }
.icon						{ float:left;padding-right:30px;}
.social						{ width:540px;margin-top:25px;}
/* BLOG */

/* END STRUCTURE */ 
#blog-main-col					{ background-color:#fff; width: 500px; float: left; }		  
#blog-side-col					{ background-color:#fff; width: 250px; float: right; }


/* MENU */
#fancymenu 					{ background: url('http://productionists.com/images/header-bg.jpg') no-repeat top center;
							  position: relative; width: 800px; 
							  padding-top: 200px; min-height: 81px; }
#fancymenu ul#menu			{ padding-left: 0px; }
#fancymenu ul#menu li		{ float: left; }
#fancymenu ul#menu li a		{ display: block; float: left; height: 30px; text-align: center; 
							  padding: 20px 0 0 0; color: white; font-size: 1.2em; overflow: hidden;
							  text-decoration: none; z-index: 10; position: relative; }
#fancymenu ul#menu li#menu-home a { width: 100px; }
#fancymenu ul#menu li#menu-shows a { width: 100px; }
#fancymenu ul#menu li#menu-blog a { width: 100px; }
#fancymenu ul#menu li#menu-contact a { width: 111px; }
#fancymenu ul#menu li.background { background: url(http://productionists.com/images/menu-rollover-bg.png) top center repeat-x;
								   z-index: 0; position: absolute; visibility: hidden; height: 50px; }
/* END MENU */

.slider-wrap {
	position: relative;
	width: 540px; 
	height: 325px;
	overflow: hidden;
}

.csw { width: 100%; background: none; overflow:hidden; }
.csw .loading {margin: 325px 0 0 0; text-align: center; }

.stripViewer { 
	overflow: hidden; 
	width: 540px; 
	height: 325px;
}

.panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	overflow: hidden;
}

.panelContainer .panel {
	float: left;
}

.panelContainer .panel .wrapper {
	background: none;
}

.stripNav ul { display: none; }

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 110px;
	text-indent: -9999px;
	z-index: 9999;
}

.stripNavL a {
	background: url(http://productionists.com/images/arrow-left.png) no-repeat center;
	display: block;
	height: 80px;
	width: 54px;
}

.stripNavR a {
	background: url(http://productionists.com/images/arrow-right.png) no-repeat center;
	display: block;
	height: 80px;
	width: 54px;
}

.stripNavR {
	right: 0px;
}

#interior {
	width: 575px;
	margin: -40px auto;
	background: #e3e1cc;
	padding: 0 25px 20px 21px;
}