/* Savage Theatre CSS */
/* Checked and updated Tuesday, January 2, 2007 */

body {
	background: #ffffcc;
	font: .8em "Trebuchet MS", "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#main {
	margin: 0 auto;
	background: url(images/bg_main.png) repeat-y;
	width: 743px;
}

div.head {
	width: 743px;
	height: 146px;
	margin-top: 0px;
	float: left;
	clear: left;
}

li.head1 {
	background: url(images/head_l.png) no-repeat;
	width: 288px;
	height: 146px;
	display: block;
	float: left;
	list-style: none;
}

li.head2 {
	width: 259px;
	height: 146px;
	display: block;
	float: left;
	background: url(images/head_c.png) no-repeat;
	list-style: none;
}

li.head3 {
	background: url(images/head_r.png) no-repeat;
	display: block;
	float: left;
	width: 196px;
	height: 146px;
	list-style: none;
}

#content {
	float: left;
	clear: left;
	width: 743px;
	background: url(images/bg_main.png) repeat-y;
}

/* @group header navigation */

#nav {
	left: 488px;
	top: 0px;
	height: 198px;
	width: 141px;
	float: left;
}

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

#nav ul li, #nav ul li a {margin:0;padding:0;border:none; float: left;}

#nav #home {background: url(images/nav_home.png) repeat;width: 121px;height: 42px; display: block; text-indent: -3000px;}

#nav #review {background: url(images/nav_review.png) no-repeat;width: 121px;height: 38px; display: block; text-indent: -3000px;}

#nav #history {background: url(images/nav_history.png) no-repeat;width: 121px;height: 40px; display: block; text-indent: -3000px;}

#nav #pictures {background: url(images/nav_pictures.png) no-repeat;width: 121px;height: 37px; display: block; text-indent: -3000px;}

#nav #contact {background: url(images/nav_contact.png) no-repeat;width: 121px;height: 41px; display: block; text-indent: -3000px;}

#nav #btm {background: url(images/nav_btm.png) no-repeat;width: 121px;height: 69px; display: block; text-indent: -3000px;}

#nav #home:hover, 
#nav #review:hover,
#nav #history:hover,
#nav #pictures:hover,
#nav #contact:hover {background-position: -121px 0px;}
	
/* @end */

#ccol {
	float: left;
	width: 406px;

}

#text {
	margin-top: -15px;
	margin: 5px;
}

.post-title {
	font: 18px "Trebuchet MS", "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#post img {
	width: 165px;
	height: 225px;
	background: #fff  no-repeat;
	padding: 5px;
	float: left;
	margin: 5px;
	border: 2px outset #ccc;
	margin-top: 0px;
	margin-top: -15px; 
	}

#cs {
	text-align:center;
	margin: auto;
}

#cs img {
	width: 265px;
	height: 365px;
	background: #fff  no-repeat;
	padding: 5px;
	float: left;
	margin: 5px;
	border: 2px outset #ccc;
	margin-top: 0px;
	margin-top: -15px; 
	}

#history  {
	width:400px;
	height:300px;
	background: #fff  no-repeat;
	padding: 5px;
	margin: 5px;
	border: 2px outset #ccc;
}

img .poster {
	background: url(images/posterbg.png) no-repeat;
	width: 175px;
	height: 240px;
}

#rcol {
	width: 195px;
	background: url(images/right_top.png) no-repeat;
	float: right;
}

#foot {
	width: 743px;
	height: 30px;
	background: url(images/bg_footer.png) no-repeat;
	float: left;
}