/* CSS Document */

/* Normalize margin and padding */
body, ul, li, h1, h2, h3 {
	margin: 0;
	padding: 0;
	}
	
/* Normalize font-size for headers */
h1, h2, h3	{
	font-size: 100%;
	}

/* Remove list-style from lists */
ul	{
	list-style: none;
	}

/* Remove border from img */
img	{
	border: none;
	}
	
* html body { /* Hack to Fix IE6 & prev. bug not recognizing hover on li - IE6 must be eradicated! */
	behavior: url(csshover.htc);
	}
	
body {
	background: #c4b3a2 url(images/bg.jpg) repeat center top;
	width: 100%;
	font-size: 80%;
	margin: 30px 0 0 0;
	text-align: center;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

a { 
	color: #ffc;
	text-decoration: none;
	}
	
a:hover {
	color: #331a00;
	text-decoration: underline;
	}
 
h2 {
	color: #331a00;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	margin:  0 0px 10px 0px;
	padding: 0 0px 10px 0px;
	}
	
p {
  margin: 5px;
  padding: 5px;
  font-size: 1.1em;
  }

/* Container Styles
-------------------------------------------------------------------------------------*/
#container {
  width: 808px;
  margin: 0 auto;
  text-align: left;
  }

/* Header/Logo/h1 Styles
-------------------------------------------------------------------------------------*/  
#header {
	background: url(images/header-bg.jpg) no-repeat left top;
	width: 808px;
	height: 361px;
	margin: 0;
	padding: 0;
	}
	
#logo h1 {
	width: 808px;
	height: 268px;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 268px;
	text-align: center;
	font-size: 1.8em;
	overflow: hidden;
	}
	
#logo h1 span {
	background: url(images/logo-bg.jpg) no-repeat left top;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
	
/* Navigation Styles
-------------------------------------------------------------------------------------*/	
#nav {
	width: 808px;
	height: 49px;
	}
	
div#nav ul {
	float: left;
	margin: 0 0 0 81px;
	padding: 0;
	}
	
* html div#nav ul {
	margin: 0 0 0 41px;
	}
	
div#nav li {
	float: left;
	height: 49px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
div#nav li a {
	display: block;
	text-decoration: none;
	height: 49px;
	line-height: 49px;
	font-size: 1.1em;
	}

div#nav li a:hover {
	text-decoration: none;
	cursor: pointer;
	}
	
div#nav li.home, div#nav li.production, div#nav li.previews,
div#nav li.screenings, div#nav li.press, div#nav li.about, div#nav li.contact {
	position: relative;
	height: 49px;
	}

div#nav li.home, div#nav li.about {
	width: 72px;
	}
	
div#nav li.production {
	width: 138px;
	}
	
div#nav li.previews {
	width: 102px;
	}
	
div#nav li.screenings {
	width: 117px;
	}
	
div#nav li.press {
	width: 70px;
	}
	
div#nav li.contact {
	width: 74px;
	}
			
div#nav li.home span , div#nav li.production span, div#nav li.previews span,
div#nav li.screenings span, div#nav li.press span, div#nav li.about span, div#nav li.contact span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}

#home div#nav li.home span, #in-production div#nav li.production span, #previews div#nav li.previews span,
#screenings div#nav li.screenings span, #press div#nav li.press span, #about div#nav li.about span, #contact div#nav li.contact span,
#home div#nav li.home:hover span, div#nav li.production:hover span, div#nav li.previews:hover span,
div#nav li.screenings:hover span, div#nav li.press:hover span, div#nav li.about:hover span, div#nav li.contact:hover span {
	background-position: left -98px;
	}
		
div#nav li.home:hover span, div#nav li.production:hover span, div#nav li.previews:hover span,
div#nav li.screenings:hover span, div#nav li.press:hover span, div#nav li.about:hover span, div#nav li.contact:hover span {
	background-position: left -49px;
	}
	
div#nav li.home span {
	background: url(images/button-home.png) no-repeat left top;
	}
	
div#nav li.production span {
	background: url(images/button-production.png) no-repeat left top;
	}
	
div#nav li.previews span {
	background: url(images/button-previews.png) no-repeat left top;
	}

div#nav li.screenings span {
	background: url(images/button-screenings.png) no-repeat left top;
	}

div#nav li.press span {
	background: url(images/button-press.png) no-repeat left top;
	}
	
div#nav li.about span {
	background: url(images/button-about.png) no-repeat left top;
	}
 
div#nav li.contact span {
	background: url(images/button-contact.png) no-repeat left top;
	}
	
/* Content Styles
-------------------------------------------------------------------------------------*/
#content-wrapper {
	margin: 20px 0 30px 0;
	padding: 10px 30px 30px 10px;
	}
	
#content {
	margin: 0 0 0 232px;
	padding: 10px;
	min-height: 300px;
	height: 300px;
	height: auto !important;
	}

/* Sidebar Styles
-------------------------------------------------------------------------------------*/		
#sidebar {
	float: left;
	width: 202px;
	margin: 0;
	padding: 0 0 30px 0;
	}

#sidebar #wpsb.widget h2.widgettitle {
	width: 182px;
	height: 113px;
	background: url(images/mail.jpg) no-repeat left top;
	}
	
#sidebar h3 {
	position: relative;
	width: 182px;
	height: 56px;
	line-height: 56px;
	text-indent: 5px;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#sidebar h3 span {
	background: url(images/news-sidebar.jpg) no-repeat left top;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}
	
#news #sidebar h3 span {
	background: url(images/news-sidebar2.jpg) no-repeat left top;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}
	
#post-section {
	display: block;
    clear: left;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	}
		
#post-date {
	float: left;
	position: relative;
	width: 68px;
	margin: 0 20px 0 0;
	padding: 0;
	background: url(images/date-bg-middle.jpg) repeat-y left top;
	}
	
#post-date-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 18px;
	background: url(images/date-bg-top.jpg) no-repeat left top;
	}
	
#post-date-bottom {
	width: 68px;
	background: url(images/date-bg-bottom.jpg) no-repeat left bottom;
	}

.day p {
	position: relative;
	width: 68px;
	margin: 0 0 0 4px;
	padding: 6px 0 0 0;
    font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	}
	
.month p {
	position: relative;
	width: 68px;
	margin: 0 0 0 4px;
	padding: 6px 0 0 0;
    font-size: 1.0em;
	line-height: 1.0em;
	font-weight: bold;
	text-align: center;
	}
	
.year p {
	position: relative;
	width: 68px;
	margin: 0 0 0 4px;
	padding: 6px 0 22px 0;
    font-size: 0.9em;
	line-height: 0.9em;
	font-weight: bold;
	text-align: center;
	}
	
#sidebar #post {
	font-size: 0.85em;
	margin: 1px;
	padding: 5px 5px 5px 10px;
	}

#post-section p.post-link {
	font-size: 0.85em;
	margin: 0;
	padding: 5px 0 10px 5px;
	}
	
#post-section a {
	font-style: italic;
	text-decoration: none;
	}
	
#post-section a:hover {
	text-decoration: underline;
	}
	
/* Footer Styles
-------------------------------------------------------------------------------------*/	
#footer {
	clear: both;
	background: url(images/footer-bg.jpg) center top no-repeat;
	margin: 10px 0 20px 0;
	padding: 45px 0 50px 0;
	}

#footer p {
	text-align: center;
	}
	
#footer p.design {
	font-size: 0.9em;
	}
	
/* Miscellaneous Styles
-------------------------------------------------------------------------------------*/
.center {
	text-align: center;
	}
	
.clearRight {
	clear: right;
	}
	
.floatLeft {
	float: left;
	padding: 5px 10px 5px 5px;
	}
	
.floatRight {
	float: right;
	padding: 5px 5px 5px 16px;
	}