/*
Theme Name: TheatreMagic
Theme URI: http://wsoaonline.com
Description: Theme developed for Theatre Magic
Version: 1.6
Author: Kenneth Howe - Web Solutions of America
Author URI: http://wsoaonline.com
*/



#logo *{
	visibility:visible !important;
}

/* Begin Typography & Colors */
/* Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	list-style: none;	
}

/* --------------------------------- */

img {border:none;}

.quick-access{
	float:right;
	padding:28px 10px 0 0;
	width:600px;
	text-align:right;
}

h1 {
font-family:"Times New Roman", Times, serif;
font-size:26px;
color:#ffc000;
}

h2 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-weight:bold;
color:#a88722;
}

hr {color: #000; background-color: #000; border: 1px dotted #333; border-style: none none dotted; }

a {color:#ffc000;}

.product_image {
border:solid 1px #a88722;
margin-bottom:40px;
}

/* layout */

body {
margin:0;
padding:0;
background-image:url(http://theatremagic.com/images/layout/background.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#bfbfbf;
}

#wrapper {
width:100%;
height:auto;
background-image:url(http://theatremagic.com/images/layout/footer_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:22px;
min-height:800px;
}

#page {
width:813px;
height:auto;
margin:0 auto;
position:relative;
}

#logo {
width:444px;
height:176px;
margin:0 auto;
position:relative;
z-index:98;
}


#mailing_list_button{
	position:absolute;
	right:-30pt;
	top:52pt;
}

body.page #box_main, body.blog #box_main, body.single #box_main{
	padding:60px 40px 60px 40px;
	width:733px;
	min-height:440px !important;
	height:auto !important;
	height:440px;
	display:block;
	
}


#slider_navigation{
	position:relative;top:60px;
}

#slider_navigation #next{
	height:220px;
	width:24px;
	background:url('/wp-content/themes/tm/images/slider_next.png');
	text-indent:-3000em !important;
	margin-right:16px;
	float:right;position:absolute;right:0px; 	
}

#slider_navigation #prev{
	height:220px;
	width:24px;
	background:url('/wp-content/themes/tm/images/slider_prev.png');
	text-indent:-3000em !important;
	margin-left:16px;
	float:left;position:absolute;
}

body.page-id-262 #box_main {
width:813px;
height:460px;
margin:20px auto 0px auto;
padding:0;
}

#box_main h1{
	width:400px !important;
	margin-top:8px;
}

#box_main p{
	margin:8px 0;
	line-height:1.6
}

#body_content hr{
	height:16px;
	background:url(/wp-content/themes/tm/images/divider_2.png) no-repeat;
	border:none;
}


#body_content{
	width:510px;
	background:#010101;
	padding:5px;
	margin-top:12px;
}

body.home #body_content{
	width:270px;
	float:right;
	margin-right:12px;
	border:1px solid #93935d;
}
body.home #body_content h1{
	width:120px !important;
	margin-top:-25px;
}

#left_sidebar{
	margin-left:-24px;float:left;
}

#left_sidebar img{
	margin-top:8px;
}

#sidebar{
	margin-top:10px;
	float:right;
	width:200px;
	text-align:center;
	display:block;
}

#sidebar_top_add_to_cart{
	background:url('/wp-content/themes/tm/images/sidebar_top_add_to_cart.png') no-repeat top left #AD0101;
	height:40px;
}

#sidebar_top_shopping_cart{
	background:url('/wp-content/themes/tm/images/sidebar_top_shopping_cart.png') no-repeat top left #AD0101;
	min-height:40px;
}

#sidebar_top_more_info{
	background:url('/wp-content/themes/tm/images/sidebar_top_more_info.png') no-repeat top left #AD0101;
	min-height:40px;
}

.sidebar_bottom{
	background:url('/wp-content/themes/tm/images/sidebar_bottom.png') no-repeat bottom left #AD0101;
	height:25px;
	margin-bottom:12px;
}

.sidebar_content{
	width:176px;
	margin:auto;
	text-align:left;
	background:#AD0101;
	padding:4px;
}

.sidebar_content li a{
	text-decoration:none;
	line-height:1.8
}

.sidebar_content li.current_page_item:before{
	content:'» ';
}

.sidebar_content li.current_page_item a{
	font-weight:bolder;
	text-decoration:underline;
	color:white;
}

#video_preview{
	margin-bottom:12px;
}

#box_wide_pad {
width:813px;
height:auto;
padding-top:20px;
}

#box_wide_container {
width:735px;
height:auto;
padding-top:32px;
margin-left:auto;
margin-right:auto;
background-image:url(http://theatremagic.com/images/layout/box_wide_btm.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#000;
}

#box_wide {
width:719px;
min-height:575px;
height:auto !important;
height:575px;
background-image:url(http://theatremagic.com/images/layout/box_wide_top.png);
background-position:top;
background-repeat:no-repeat;
padding:16px 8px 16px 8px;
}


#box_left_container {
width:504px;
height:auto;
float:left;
background-image:url(http://theatremagic.com/images/layout/box_left_btm.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#000;
padding-top:27px;
}

#box_left {
width:488px;
height:auto;
background-image:url(http://theatremagic.com/images/layout/box_left_top.gif);
background-position:top;
background-repeat:no-repeat;
padding:48px 8px 16px 8px;
}

#box_right_container {
width:298px;
height:auto;
float:right;
background-image:url(http://theatremagic.com/images/layout/box_right_btm.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#000;
padding-top:27px;
}

#box_right {
width:282px;
min-height:418px;
height:auto !important;
height:418px;
padding:48px 8px 16px 8px;
background-image:url(http://theatremagic.com/images/layout/box_right_top.gif);
background-position:top;
background-repeat:no-repeat;
}

#footer {
width:100%;
height:auto;
background-color:#000;
padding:12px 0;
color:#a88722;
font-weight:bold;
}

.slider{
	width:733px !important;
	height:220px;
	z-index:0 !important
}

#pager a{
	display:block;
	text-decoration:none;
	background:url('/wp-content/themes/tm/images/pager.png') no-repeat;
	float:left;
	width:15px;
	height:15px;
	text-align:center;
	margin:8px;
}


#pager a.activeSlide{
	color:white;
}

#footer a {
font-size:10px;
color:#FFF;
text-decoration:none;
font-weight:normal;
}

#footer a:hover { text-decoration:underline;}

#nav {
width:813px;
height:56px;
padding:11px 0 0 0;
position:absolute;
left:50%;
top:166px;
margin-left:-373px;
z-index:2;
}

#nav_container{
	background:url('http://theatremagic.com/images/layout/menu_btns.png') no-repeat;
	height:56px; 
}
#nav_container li a{
	float:left;
	display:block;
	height:56px;
	width:148px;
	margin:0 2px 0 2px;
	text-indent:-3000em;
}


#jsddm
{	margin:0;
	padding: 0;
	background:url('http://theatremagic.com/images/layout/menu_btns.png') no-repeat;
	height:56px;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 14px Arial;
		margin:0 10px 0 7px;
		}

	#jsddm li a
	{	display: block;
		padding:0;
		margin:0;
		text-decoration: none;
		width: 133px;
		height:56px;
		color: #fff;
		white-space: nowrap;
		text-indent:-3000em !important}

		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			margin-top:-18px;
			background:#8A0000;
			}
		
		#jsddm li ul li
		{	float: none;
			display: block;
			width:148px;}
		
		#jsddm li ul li a
		{	width: 148px;
			height:24px;
			margin:0;
			padding:4px 8px 0 8px;
			/*background: #7F1616;*/
			background:#8A0000;
			font-size:12px;	
			text-indent:0 !important;
			display:block;
			}
		
		#jsddm li ul li a:hover
		{	background: #a81d1d;
		color:#FC0;
		
		}

#divider {
width:1066px;
height:8px;
left:50%;
margin-left:-533px;
background-image:url(http://theatremagic.com/images/layout/divider_bar.png);
position:absolute;
top:658px;
z-index:98;
}

#big_tab {
width:321px;
height:73px;
position:absolute;
top:658px;
z-index:99;
}

#shopp{
	float:left;
}

#shopp .category{
	margin-left:5px;
}

ul.paging li.disabled{
	display:none !important;
}

ul.paging li.previous a{
	background: none !important;
	width:auto !important;
}

ul.paging li.next a{
	background:none !important;
	width:auto !important;
}

#small_tab {
width:150px;
height:53px;
position:absolute;
top:663px;
right:148px;
z-index:99;
}

#curtain_left {
width:25px;
height:522px;
background:url(http://theatremagic.com/images/layout/curtain_left.png) no-repeat;
position:absolute;
top:161px;
z-index:97;
}

#curtain_right {
width:24px;
height:522px;
background:url(http://theatremagic.com/images/layout/curtain_right.png) no-repeat;
position:absolute;
top:161px;
right:0;
z-index:97;
}

.hide{
	display:none;
}

ul.paging li a{
	display:block;
	text-decoration:none;
	background:url('/wp-content/themes/tm/images/pager.png') no-repeat;
	float:left;
	width:15px;
	height:15px;
	text-align:center;
	margin:8px;
}


ul.paging li.active{
	display:block;
	text-decoration:none;
	background:url('/wp-content/themes/tm/images/pager.png') no-repeat !important;
	float:left;
	width:15px;
	height:15px;
	text-align:center;
	margin:8px !important;
	color:white;
}

li.event_item{
	padding-left:20px;
	list-style:none;
	background:url('/wp-content/themes/tm/images/arrow.jpg') no-repeat top left;
}

div.event_title{
	color:#FFC000;
	cursor:pointer !important;
	font-weight:bolder !important;
	font-size:12px;
}

li.event_dates{
	margin-top:12px;
}

ul.todays-events{
	margin-bottom:12px;
}

.breadcrumb{
	padding-bottom:15px !important;
}

.alignleft{
	float:left;
}
.alignright{
	float:right;
}