/* ----------------------------------------------------------- */
/* General Styles
/* ----------------------------------------------------------- */





/* General Structure */

	body					{
	background: #9f431d repeat-x;
	font-family: Arial, Helvetica, sans-serif;

}
	
	#container				{ background: #FFFFFF; width: 900px; min-height: 100%; height: auto; overflow: hidden; margin-top: 70px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 10; padding-right: 10;	padding-bottom: 20px; padding-left: 0;}
	#home-container			{ background: #FFFFFF; width: 900px; min-height: 100%; height: auto; overflow: hidden; margin-top: 55px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 10; padding-right: 10;	padding-bottom: 20px; padding-left: 0;}
	div						{ position: relative; }
	a						{ color: #8d0000; text-decoration: none; }
	a:hover 				{ color: #FF2000; }
	a active				{ }


/* Header */

	#header 				{ width: 100%; height: 85px; position: fixed; top: 0; left: 0; z-index: 100; background: transparent url(../images/header-bg-trans.png); }
	#header-container		{ width: 900px; height: 101px; margin: 0 auto; }
	#header #logo			{ position: absolute; top: 4px; left: 0; }
	#header #logo a			{ width: 540px; height: 64px; background: transparent url(../images/header-logo.png); display: block; text-indent: -9999px; }
	#header #main_nav		{ position: absolute; top: 42px; right: 0px; }
	#header #main_nav li	{ display: inline; font-size: 13px; font-style: italic;}
	

/* Footer */

	#footer					{ background-image: url(../images/footer-background.png);}
	#footer-content			{ width: 880px; margin: 0 auto; padding: 40px 0; overflow: hidden; }
	.footer_box				{ width: 130px; float: right; margin-left: 20px;}
	.footer_box h3			{ color: #FFF; font-size: 15px; line-height: 15px; margin: 0 0 5px 0; }
	.footer_box li			{ font-size: 11px; line-height: 15px; }
	#footer #search			{ float: right; }
	#footer #search	h3		{ color: #FFF; }
	#copyright				{ color: #777777; clear: both; float: right; margin: 20px 0; }
	.footer_box a:hover		{ color: #ff2000; }
	.footer_shunpike			{ width: 170px; float: right; margin-left: 20px;}
	.footer_shunpike h3		{ color: #FFF; font-size: 15px; line-height: 15px; margin: 0 0 5px 0; }
	.footer_shunpike li		{ color: #FFF; font-size: 11px; line-height: 15px; }
	.footer_box li a		{ color: #cccccc; }
	.footer_social a:hover	{ color: #ff2000; }


/* ----------------------------------------------------------- */
/* Home Page Styles
/* ----------------------------------------------------------- */

/* Featured Product, 338 height uls fill up to the width of container - but not height*/

	li.product_slide img	{ width: 900px; height: 400px;position: absolute; top: 0; left: 0; }
	li.product_slide h2		{ font-size: 35px; line-height: 35px; margin-bottom: 20px; }
	li.product_slide h2 a	{color: #8d0000; background: none; padding: 0; }
	li.product_slide h2 a:hover	{ color: #ff2000; }
	li.product_slide h3		{color: #000000; font-size: 16px; line-height: 18px; margin-bottom: 10px; }
	li.product_slide p		{ font-size: 11px; margin-bottom: 20px; }
	li.product_slide a		{ display: block; width: 900px; height: 400px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 100; text-indent: -9999px; }
	
	/* Containing Elements */
	#featured_products							{ width: 9900px; height: 400px; position: relative; margin: 0; }
	#featured_products .wrapper					{ width: 900px; overflow: hidden; height: 400px; margin: 0; position: absolute; top: 0; left: 0; }
	#featured_products .wrapper ul				{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
	#featured_products li.product_slide			{ width: 900px; height: 400px; display: block; position: relative; margin-top: 0px;}
	#featured_products .arrow					{ display: block; height: 20px; width: 23px; background: url(../images/featured_products-arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; bottom: 0; cursor: pointer; }
	#featured_products .forward					{ background-position: right; right: 0; }
	#featured_products .back					{ background-position: left; right: 23px; }
	#featured_products .forward:hover      	    {  }
	#featured_products .back:hover				{  }
	#start-stop									{ display: none; }
	/* Prevents Catastrophe */
	#featured_products .wrapper ul ul			{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
	#featured_products .wrapper ul ul li		{ float: none; height: auto; width: auto; background: none; }
	
/*blog box*/
	#blogbox		{ width: 650px; height: auto; float: left; font: 11px/20px, sans-serif; margin-left: 40px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #8d0000;}
	

/*banner ad*/	
	
	.banner_ad			{  width: 820px; margin-left: 40px; margin-bottom: 20px; padding-top: 20px; float: left; }
	.banner_ad h2 a		{text-indent: -9999px; height: 200px; width: 940px; display: block; }
	.banner_ad div.titles { width: 400px; float: left;}
	.banner_ad2			{ height: 350px; width: 820px; background-image:url(../images/novak_banner.jpg); margin-left: 40px; margin-bottom: 20px; padding-top: 20px; float: left; background-position: bottom; background-repeat: no-repeat;}
	.banner_ad2 h2 a		{text-indent: -9999px; height: 200px; width: 940px; display: block; }
	.banner_ad3 		{  width: 820px; margin-left: 40px; margin-bottom: 20px; padding-top: 20px; float: left; }
	.banner_ad3 iframe	{	float: left; }
	.titles h3 			{ margin: 20px 0; }
	
	
/*news*/	

	#news				{ width: 900px; overflow: hidden }
	#news h2			{ font-size: 20px; line-height: 30px; color: #8d0000 ; background-color: #ffffff; margin-bottom: 36px; }
	#news h2 a			{ color: #8d0000; }
	#news h2 a:hover	{ color: #ff2000; }
	#news ul			{ width: 900px; padding-left: 40px; }
	#news li			{ -moz-border-radius: 7px; border-radius: 7px; width: 218px; margin-right: 20px; height: 150px; padding: 20px; float: left; position: relative; padding-bottom: 40px;border: 1px solid red;}
	#news li h3			{ color: #594a3f; font-size: 17px; line-height: 17px; text-align: center;}
	#news li p			{ padding: 20px 0 20px 0px; font-size: 11px; line-height: 15px; z-index: 50; position: relative;}
	#news li a			{ text-align: center; display: block; position: absolute; width: 258px; height: 34px; line-height: 34px; bottom: 0; left: 0; }
	#news li img		{ display: block; position: absolute; bottom: 0 ; right: 0; z-index: 10; }



/* ----------------------------------------------------------- */
/* plays Pages
/* ----------------------------------------------------------- */

#plays {
	height: auto;
	width: 850px;
	margin-left: 40px;
	margin-top: 20px;
}

.playbox {
	float: left;
	height: 350px;
	width: 400px;
	padding-top: 20px;
	padding-left: 0px;
	background-color:#FFF;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
	
}


.playbox li {
	display: inline-block;
	width: 195px;
	vertical-align: top;

}
.playdesc li {
	display: inline-block;
	width: 200px;
	margin-right: 20px;
	margin-top: 20px;
	vertical-align: top;
	

}
.playdesc ul {
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
	

}
.playposter {
	float: left;
	height: 500;
	width: 820px;
	padding-top: 0px;
	padding-left: 0px;
	background-color:#FFF;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.playdesc {
	padding: 0px;
	float: left;
	width: 500px;
	margin-top: 20px;
	margin-left: 40px;
}
.playinfo {
	float: left;
	height: auto;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.castinfo {
	float: left;
	height: auto;
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.playreview {
	float: left;
	height: auto;
	width: 820px;
	margin-top: 20px;
	margin-left: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/* ----------------------------------------------------------- */
/* About Us Page
/* ----------------------------------------------------------- */

#abouttop {
	float: left;
	height: auto;
	width: 604px;
	padding-top: 0px;
	padding-left: 0px;
	background-color:#FFF;
	margin-top: 20px;
	margin-right: 148px;
	margin-bottom: 0px;
	margin-left: 148px;
	padding-right: 0px;
	padding-bottom: 0px;
	
}
#abouttop p		{ font-size: 13px; line-height: 20px;}
.biopic {
	float: left;
	height: 250px;
	width: 200px;
	padding-top: 0px;
	padding-left: 0px;
	background-color:#FFF;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.bio {
	float: left;
	height: 250px;
	width: 600px;
	padding-top: 0px;
	padding-left: 0px;
	background-color:#FFF;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
}
#abouttop h2		{ 
	font-size: 35px; 
	line-height: 35px; 
	margin-top: 20px;
	margin-bottom: 20px; 
	color: #8d0000; 
	background: none; 
	padding: 0; }
	
	
#contactform {
	float: left;
	height: auto;
	width: 604px;
	padding-top: 0px;
	padding-left: 0px;
	background-color:#FFF;
	margin-top: 20px;
	margin-right: 148px;
	margin-bottom: 0px;
	margin-left: 148px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
}
	
/* ----------------------------------------------------------- */
/* Support Us Page
/* ----------------------------------------------------------- */

.donate-button {
	margin: 30px 355px;
}
.supportpageboxes {
	float: left;
	height: auto;
	width: 604px;
	padding-top: 0px;
	padding-left: 0px;
	background-color:#FFF;
	margin-top: 20px;
	margin-right: 148px;
	margin-bottom: 0px;
	margin-left: 148px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8d0000;
}
.supportpageboxes ul {
	list-style-type: disc;
	font-size: 11px;
}
.supportpageboxes ul li {
	margin: 0 0 10px 15px;
}
.supportpageboxes h4 {
	font-size: 13px;
	margin-bottom: 10px;
}
/* ----------------------------------------------------------- */
/* Under Construction
/* ----------------------------------------------------------- */

#under-construction			{ height: 230px; }
.shortmessage {
	text-align: center;
	padding: 0px;
	height: auto;
	width: 680px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#calendar {
	height: 600px;
	width: 800px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 50px;
}
/* ----------------------Light Box --------------------------*/

.section {
    border-top: 1px solid #BBB;
    margin-top: 15px;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    padding-bottom: 0px;
    background-color: white;
}

.section ul {
    list-style: none;
    margin-top: 5px;
}

.section ul li {
    display: inline;
}

.section ul a {
    background-color: #ECECEC;
    border: 1px solid #999999;
    padding: 5px 5px 10px;
    display: block;
    float: left;
    margin: 5px;
}

.section ul a:hover {
    background-color: #FFFFFF;
    border: 1px solid #333333;
}

.section ul a img {
    border: 1px solid #999999;
}

.section ul a.lightbox-enabled img {
    border: 1px dotted #999999;
}

.section span.code {
    font-family: "Courier New", Courier, monospace;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 11px;
    border-left: 1px solid #000;
}

.section .link {
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    margin-left: 10px;
}

.section .important {
    text-decoration: underline;
}

.section .title {
    font-weight: bold;
    font-size: 16px;
}

.clear {
    clear: left;
}

.section.header {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    border-top: none;
}

.section.footer {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}

/*  EP PLAYER STYLES ----------------------------------- */

#player {
	float: right;
	height: 85px;
	width: 350px;
	margin-top: 130px;
	

}
.strike {
	text-decoration: line-through;
}

/*  FACEBOOK BOX ----------------------------------- */

#facebook-box {
	float: right;
}


.red {
	color: #980000;
}


/*  FIREBUGS THEME ----------------------------------- */
body { background: #404040; }

body#pirates {
	background: #000000 url(../images/pirates/body-background.gif) repeat ;
}


body#melancholy {
	background: #ffffff url(../images/melancholy/body-background.jpg) no-repeat top fixed ;
}

body#firebugs {
	background: #000000 url(../images/firebugs/body-background.jpg) no-repeat top fixed ;
	
}
body#firebugs .footer_box li a		{ color: #777777; }

#trivia {
	background-image: url(../images/trivia/joss-slider.jpg);
}
#web {
	background-image: url(../images/web/web-slider.jpg);
}
li.product_slide div.text-box 	{position: absolute; top: 20px; right: 40px; background-image: url(../images/footer-background.png); padding: 30px;  -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; }
	h3.announcement a { -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; padding: 10px 30px; border: 1px solid #8d0000; }
	h3.announcement a:hover { border: 1px solid #FF2000; }
	
li.product_slide h2				{color: #FFFFFF; font-size: 35px; line-height: 35px; margin-bottom: 20px; }
li.product_slide h2 a			{color: #FFFFFF; background: none; padding: 0; }
li.product_slide h2 a:hover		{color: #FFFFFF; }
li.product_slide h3				{color: #FFFFFF; font-size: 16px; line-height: 18px; margin-bottom: 10px; }
li.product_slide p				{color: #FFFFFF; font: 12px bold Arial, Helvetica, sans-serif; margin-bottom: 20px; }

.banner_ad {padding-top: 35px; }
.banner_ad h1 {font-size: 24px; color: #9f431d; margin-bottom: 20px; }
.banner_ad h2 {font-size: 16px; line-height: 19px; color: #777777; }
.banner_ad p a {color: #000000;}

#news li {border-color: #777777; background-image: url(../images/firebugs/news-background.gif);}
#news li a {color: #FFFFFF; background: url(../images/firebugs/news-a-background.gif) top;
				-moz-border-radius-topleft: px;
				-moz-border-radius-topright: px;
				-moz-border-radius-bottomright: 6px;
				-moz-border-radius-bottomleft: 6px;
				border-top-left-radius: px;
				border-top-right-radius: px;
				border-bottom-right-radius: 6px;
				border-bottom-left-radius: 6px;
				 }
#news li a:hover { background-position: bottom;color: #9f431d;}
#news li a:active {background-position: center;}
#news li h3 { color: #9f431d; }
*/