/* 
Theme Name: Mystery Dinner Playhouse Theme
Theme URI: http://www.heroicdreams.com/
Description: Custom design for Mystery Dinner Playhouse.
Version: 1.0
Author: Nate Yungkans
Author URI: http://www.heroicdreams.com
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0px;
	padding: 0px;
}


body {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	background: #000000;
	color: #F4F4F4;
	background:url(images/mystBackground.jpg) center top no-repeat #000000;
}

a img {
	border: 0;
}


#wrapper {
	width: 845px;
	margin: 0 auto;
	text-align: left;
	background: url(images/MysteryMock5cuts_05.jpg) repeat-y;
}

#header {
	float:left;
	display:inline;
	width:845px;
	height:259px;
	background: url(images/MysteryMock5cuts_02.jpg) no-repeat;
}

#header2 {
	float:left;
	display:inline;
	width:845px;
	height:259px;
	background: url(images/killScriptsCuts_02.jpg) no-repeat;
}

#header h1 {
	height:0px;
	width:0px;
	overflow:hidden;
}

#header2 h1 {
	height:0px;
	width:0px;
	overflow:hidden;
}

#homeLink {
	float:left;
	display:inline;
	width:190px;
	height:259px;
}

#mysteryDinnerHomeLink {
	width:160px;
	height:40px;
	margin-top:-12px;
}

#topNavContainer {
	float:left;
	display:inline;
	width:655px;
	height:60px;
}

#willLink {
	float:left;
	display:inline;
	width:160px;
	height:60px;
	margin:0 3px;
}

#richLink {
	float:left;
	display:inline;
	width:135px;
	height:60px;
	margin:0 3px;
}

#rich2Link {
	float:left;
	display:inline;
	width:185px;
	height:60px;
	margin:0 3px;
}

#vaBeachLink {
	float:left;
	display:inline;
	width:170px;
	height:60px;
	margin:0 3px;
}

#vaBeach2Link {
	float:left;
	display:inline;
	width:200px;
	height:60px;
	margin:0 3px;
}

#washDCLink {
	float:left;
	display:inline;
	width:165px;
	height:60px;
	margin:0 3px;
}

#middleContentHome {
	float:left;
	display:inline;
	width:845px;
	padding:12px 0 0 0;
	background:url(images/MysteryMock5cuts_04.jpg) no-repeat top;
}

#middleContentHomeKC {
	float:left;
	display:inline;
	width:845px;
	padding:12px 0 0 0;
	background:url(images/killScriptsCuts_04.jpg) no-repeat top;
}

#middleContentKC {
	float:left;
	display:inline;
	width:845px;
	padding:12px 0 0 0;
	background:url(images/killScriptsCuts_04internal.jpg) no-repeat top;
}

#middleContent {
	float:left;
	display:inline;
	width:845px;
	padding:12px 0 0 0;
	background:url(images/MysteryMock5cuts_04inside.jpg) no-repeat top;
}

#leftSidebar {
	float:left;
	display:inline;
	width:160px;
	margin: 0 6px 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color: #E8AC27;
	text-align:center;
}

#content {
	float:left;
	display:inline;
	width:451px;
	margin: 0 10px;
}

.entry {
	margin-bottom:15px;
	border-bottom:1px solid #999999;
}


#rightSidebar {
	float:left;
	display:inline;
	width:176px;
	margin: 0 8px 0 6px;
}

#footer {
	float:left;
	display:inline;
	width:845px;
	height:53px;
	background:url(images/MysteryMock5cuts_07.jpg) no-repeat;
}


/* 
Text styling
*/

#leftSidebar ul {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	list-style:none;
	margin:0;
	padding:0;
	color: #E8AC27;
	text-align:center;
}


#leftSidebar ul li a, #leftSidebar ul li a:visited {
	display:inline-block;
	width:160px;
	padding:5px 0;
	color: #E8AC27;
	text-decoration:none;
	border-bottom:solid 1px #540107;
}

#leftSidebar ul li a:hover {
	background: #510002;
}

#rightSidebar ul {
	font-family:Arial, Helvetica, sans-serif;
}

#rightSidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}

#rightSidebar ul ul li {
	margin:4px 0 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#rightSidebar ul ul li a, #rightSidebar ul ul li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E8AC27;
}

#rightSidebar ul ul li a:hover {
	text-decoration:none;
}

#rightSidebar a, #rightSidebar a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E8AC27;
}

#rightSidebar a:hover {
	text-decoration:none;
}

#rightSidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#cbcbcb;
	margin-top:15px;
}

#rightSidebar #callUs p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#cbcbcb;
}

#rightSidebar #callUs h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #C08C14;
	margin-top:8px;
}

#rightSidebar #sidebar .upcoming-events ul li{
	margin:0 0 5px 4px;
	color:#CCCCCC;
}

#content p {
	margin-bottom:12px;
}

#content a, #content a:visited {
	margin-bottom:10px;
	color:#E8AC27;
	text-decoration:underline;
}

#content a:hover {
	text-decoration:none;
}

#content h2 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#E8AC27;
	border-bottom:1px solid #E8AC27;
	margin-bottom:15px;
	clear:both;
}

#content h3 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#E8AC27;
}

#content h4 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#E8AC27;
	border-bottom:1px solid #E8AC27;
	margin-bottom:13px;
	clear:both;
}

#content h5 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF;
}

#searchContainer {
	width:176px;
	height:30px;
	margin:5px 0 10px 0;
	text-align: center;
	}
	
.clear {
	clear:both;
}

#searchform {
	margin:0;
	text-align: center;
	}

#searchform #s {
	float:left;
	display:inline;
	padding:3px 1px 1px 1px;
	width: 106px;
	height:24px;
	margin:0;
	background: url(images/searchBackField.jpg) no-repeat;
	border:none;
	color:#FFFFFF;
	}

#searchsubmit {
	float:left;
	display:inline;
	margin:0;
	width:67px;
	height:24px;
	background: url(images/searchBack.jpg) no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#searchsubmit:hover {
	cursor:pointer;
}

#emailForm #emailField {
	float:left;
	display:inline;
	padding:5px 1px 1px 1px;
	width: 104px;
	height:23px;
	margin:0;
	background: url(images/mailField.jpg) no-repeat;
	border:none;
	color: #000000;
	font-size:10px;
	}

#emailForm #emailSubmit {
	float:left;
	display:inline;
	margin:0;
	width:59px;
	height:23px;
	background: url(images/mailsubmit.jpg) no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#emailForm #emailSubmit:hover {
	cursor:pointer;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 350px;
	}
	

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
.navigation {
	display: block;
	text-align: center;
	clear:both;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

#newsletter {
	width:166px;
	height:50px;
	margin-top:15px;
	padding:2px 4px 2px 6px;
	background: #3e0e05;
	border: 1px solid #808080;
}

#newsletter h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#cbcbcb;
	margin:2px 2px 4px 2px;
}

#calendar_wrap {
	margin-left:2px;
}

#calendar_wrap td {
	padding: 0 4px;
	font-size:12px;
	color:#cbcbcb;
}


#footer ul {
	list-style:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:19px 0 0 6px;
	padding:0;
	text-align:center;
}

#footer ul li{
	float:left;
	display:inline;
}

#footer ul li a, #footer ul li a:visited {
	color:#CCCCCC;
	font-weight:bold;
	text-decoration:none;
	padding: 2px 5px;
	border-right: 1px solid #CCCCCC;
}

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

#footer p a, #footer p a:visited {
	font-size:11px;
	float:right;
	display:inline;
	color:#CCCCCC;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
}

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

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:4px;
	margin-bottom:4px;
	}
	
img.aligncenter {
	display: block;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	margin-top:4px;
	margin-bottom:4px;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 0 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.textwidget {
     margin:10px 0;
}