/*	html and body
	----------------------------------------------------------------------*/

	html {}

		body {
			background: #000 url('/img/design/body.jpg') center top no-repeat;
			text-align: center;
		}

			.wrapper {
				margin:     0 auto;
				padding:    20px 0 0;
				position:   relative;
				text-align: left;
				width:      960px;
			}



	/*	header
	----------------------------------------------------------------------*/

	#header {}

		#header p {
			font-size:  1.6em;
			text-align: center;
		}

			#header p.logo {
				margin: 0 0 10px;
			}

				#header p.logo a {
					background:  url('/img/design/logo.png') center center no-repeat;
					display:     block;
					height:      66px;
					margin:      0 auto;
					text-indent: -9999px;
					width:       953px;
				}

			#header p.tagline {
				background:  url('/img/design/tagline.png') center center no-repeat;
				height:      44px;
				margin:      0 auto 10px;
				text-indent: -9999px;
			}

			#navigation {
				background:   #111;
				border:       solid #222;
				border-width: 1px 0;
				padding:      15px 0 15px 12px;
			}

				#navigation a {
					background:  url('/img/design/navigation.png') no-repeat;
					display:     block;
					text-indent: -9999px;
					height:      18px;
				}

					#navigation li.home       a { background-position: left   top; width: 81px;  }
					#navigation li.about      a { background-position: -82px  top; width: 95px;  }
					#navigation li.screenings a { background-position: -177px top; width: 190px; }
					#navigation li.videos     a { background-position: -367px top; width: 106px; }
					#navigation li.gallery    a { background-position: -473px top; width: 123px; }
					#navigation li.soundtrack a { background-position: -596px top; width: 198px; }

						#navigation li.home       a:hover { background-position: left   bottom; }
						#navigation li.about      a:hover { background-position: -82px  bottom; }
						#navigation li.screenings a:hover { background-position: -177px bottom; }
						#navigation li.videos     a:hover { background-position: -367px bottom; }
						#navigation li.gallery    a:hover { background-position: -473px bottom; }
						#navigation li.soundtrack a:hover { background-position: -596px bottom; }

						#navigation li.home       a.active { background-position: left   bottom; }
						#navigation li.about      a.active { background-position: -82px  bottom; }
						#navigation li.screenings a.active { background-position: -177px bottom; }
						#navigation li.videos     a.active { background-position: -367px bottom; }
						#navigation li.gallery    a.active { background-position: -473px bottom; }
						#navigation li.soundtrack a.active { background-position: -596px bottom; }

				#navigation li {
					display:    inline;
					float:      left;
					list-style: none;
					margin:     0 12px;
				}

					#navigation li.soundtrack {
						margin-right: 0;
					}



	/*	page layout
	----------------------------------------------------------------------*/

	#page {}

		#content {
			display:    inline;
			float:      left;
			margin:     0 10px;
			min-height: 300px;
			width:      620px;
		}

			#content:after {
				content: '\00A0'; /*   */
			}

			.home #content {
				display: block;
				float:   none;
				margin:  0;
				width:   auto;
			}

		#sidebar {
			display: inline;
			float:   left;
			margin:  0 10px;
			width:   300px;
		}



	/*	page elements
	----------------------------------------------------------------------*/

	div.alert {
		background: 10px 11px no-repeat;
		border:     1px solid;
		clear:      both;
		color:      #525252;
		margin:     0 auto 20px;
		padding:    10px 10px 10px 36px;
		-moz-box-shadow:    0 0 5px #999;
		-webkit-box-shadow: 0 0 5px #999;
		box-shadow: 0 0 5px #999;
	}

		div.done    { background-color: #e9fad0; background-image: url('/img/icons/tick.png');  border-color: #aee756; }
		div.error   { background-color: #ffe3df; background-image: url('/img/icons/cross.png'); border-color: #f08a73; }
		div.warning { background-color: #ffefb5; background-image: url('/img/icons/error.png'); border-color: #ffca0b; }

		.alert h2 {
			font-size:   1.6em;
			font-weight: bold;
			line-height: 1.1;
			margin:      0 0 .7em;
		}

		.alert p {
			margin-bottom: .5em;
		}

		.alert ul {
			margin:  10px 0 0;
			padding: 0;
		}



	div.content_image {
		margin: 0 0 20px;
	}

		div.image_left {
			display: inline;
			float:   left;
			margin:  0 20px 10px 0;
		}

		div.image_right {
			display: inline;
			float:   right;
			margin:  0 0 10px 20px;
		}

		.content_image img {
			border:  1px solid #fff;
			display: block;
			margin:  0 auto;
		}



	div.home_ost {
		background: url('/img/design/home_ost.png') center top no-repeat;
		display:    inline;
		float:      left;
		margin-top: 20px;
		width:      620px;
	}

		.home_ost img {
			vertical-align: middle
		}

		.home_ost p {
			text-align: center;
		}



	div.home_reviews {
		clear: both;
	}



	div.meanwhile {
		margin: 0 0 20px;
	}

		.home div.meanwhile {
			display: inline;
			float:   right;
			margin:  10px 10px 20px;
			padding: 10px 0;
			width:   300px;
		}

		.meanwhile h2 {
			font-size: 1.4em;
		}

		.meanwhile p {
			font-size: 1.1em;
		}

		.meanwhile ul {}

			.meanwhile li {
				list-style: none;
				margin:     0 0 20px;
			}

			.meanwhile li a {
				background:  center center no-repeat;
				display:     block;
				text-indent: -10000px;
				width:       200px;
			}

				.meanwhile li.facebook    a { background-image: url('/img/design/facebook.png');    height: 53px; }
				.meanwhile li.myspace     a { background-image: url('/img/design/myspace.png');     height: 35px; }
				.meanwhile li.dailymotion a { background-image: url('/img/design/dailymotion.png'); height: 39px; }
				.meanwhile li.twitter     a { background-image: url('/img/design/twitter.png');     height: 47px; }
				.meanwhile li.zomblog     a { background-image: url('/img/design/zomblog.png');     height: 41px; }



	div.newspaper {
		display: inline;
		float:   left;
		margin:  0 10px 20px;
		padding: 10px 0;
		width:   300px;
	}



	div.showing_now {
		margin:     0 0 20px;
		padding:    10px 0;
		text-align: center;
	}

		.home div.showing_now {
			display: inline;
			float:   right;
			margin:  0 10px 20px;
			width:   300px;
		}

		.showing_now a {
			color: #fff;
		}

		.showing_now p {
			line-height: 1;
			margin:      0 0 25px;
		}



	div.trailer {
		background: url('/img/icons/loading.gif') center center no-repeat;
		display:    inline;
		float:      left;
		margin:     0 10px 20px;
		height:     349px;
		width:      620px;
	}



	div.who {
		clear:   both;
		display: inline;
		float:   right;
		margin:  0 10px 20px;
		width:   620px;
	}


	form.contact_form {}

		.contact_form button {
			font-size: 1.4em;
		}

		.contact_form fieldset {}

		.contact_form input {
			width: 280px;
		}

		.contact_form label {
			display:       block;
			font-weight:   bold;
			margin-bottom: 1px;
			text-indent:   4px;
		}

		.contact_form legend {
			font-size:      1.5em;
			font-weight:    bold;
			margin-bottom:  .5em;
			text-transform: none;
		}

		.contact_form p {
			clear: both;
		}

		.contact_form textarea {
			height: 150px;
			width:  602px;
		}



	span.stars {
		display: block;
		margin:  0 auto;
		width:   130px;
	}

		.stars .star {
			background: url('/img/icons/stars.png') left center no-repeat;
			display:    inline;
			float:      left;
			margin:     3px;
			height:     20px;
			width:      20px;
		}

		.stars .off {
			background-position: right center;
		}



	ul.gallery_thumbs {
		margin: 0 0 40px -20px;
	}

		ul.gallery_thumbs a {
			display: block;
			height:  140px;
			width:   140px;
		}

		ul.gallery_thumbs img {
			border:  1px solid #000;
			display: block;
		}

			ul.gallery_thumbs a:hover img {
				border-color: #fff;
			}

		ul.gallery_thumbs li {
			display:    inline;
			float:      left;
			height:     140px;
			list-style: none;
			margin:     0 0 20px 20px;
			width:      140px;
		}




	ul.home_reviews {
		margin: 0 0 10px;
	}

		.home_reviews div {}

		.home_reviews li {
			display:    inline;
			float:      left;
			list-style: none;
			overflow:   hidden;
			margin:     0 10px 10px;
			width:      300px;
		}

		.home_reviews p {
			margin:     0;
			text-align: center;
		}

	ul.screenings_list {}

		.screenings_list a {
			color: #fff;
		}

		.screenings_list li {
			padding: 5px 0;
		}



	/*	footer
	----------------------------------------------------------------------*/

	div#footer {
		background: #111;
		border-top: 1px solid #222;
		margin:     30px 0 0;
		padding:    30px 0 15px;
		text-align: center;
	}

		#footer p {
			font-size:   1.1em;
			font-weight: bold;
			margin:      0;
		}

			#footer p.credits {
				background:  url('/img/design/credits.jpg') center center no-repeat;
				height:      114px;
				margin:      0 0 15px;
				text-indent: -10000px;
			}

			p.credits span {
				display:    none;
				visibility: hidden;
			}