/*
|------------------------
| marathontheatre.com 
|------------------------
| author: joseph newing
| uri: http://binslashbash.org
| version: 1.0
|
| I am more than happy if others use the file for educational purposes only, you may NOT copy anything directly from it
| you may NOT "borrow" anything from it etc... you MAY learn from it.
|
| Notes: (icons)
|
*/

/* Includes
------------------------------------------------------*/
@import url(css/navigation.css);
@import url(css/slider.css);
@import url(css/jqtransform.css);
@import url(css/font.css);

/* General
------------------------------------------------------*/
body {
	background: #eac224 url(images/back_rays.gif) no-repeat top center;
	background-attachment: fixed;
	color: #330000;
	font: 72.5% 'Lucida Grande', Tahoma, Arial, Verdana;
	margin: 0 0;
	text-align: center;
}
a { color: #EDAB39; text-decoration: none; }
a:hover { background: #EDAB39; color: #FFFFFF; }
ul, li { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 {
	color: #68634D;
	font-family: 'Lucida Grande', Tahoma, Arial, Verdana;
}
h2.heading {
	font-size: 3em;
	font-weight: normal;
	letter-spacing: -2px;
	padding-left: 37px;
}
h3 { font-size: 1.5em; letter-spacing: -0.5px; }
img { border: none; }
hr {
	border: none;
	background: url(images/hrule.png) no-repeat top left;
	height: 4px !important;
}

/* Containers
------------------------------------------------------*/
#header {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#wrapper { 
	width: 800px;
	margin: 20px auto;
	text-align: left;
	position: relative;
}

.brown {
	background: #372200;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #ffe78a;
	padding: 10px;
}

#logo {
	width: 348px;
	height: 94px;
	float: left;
	position: relative;
	z-index: 2;
}

#nav {
	float: right;
	margin: 47px auto 0 auto;
}

.cform {
	background: #fff;
	opacity: 0.75;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px 10px;
}

#gotoCont a, #gotoAbout a {
	display: block;
	float: right;
}	

.inner {
	background: #fff;
	opacity: 0.65;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px 5px;
	width: 200px;
	margin: 10px;
}

.top:hover { background: transparent; }
.popcorn { 
	background: url(images/popcorn.gif) no-repeat top left; 
	width: 123px;
	height: 118px !important;
	position: absolute;
	top: 10px;
	left: -124px;
	z-index: 1;
}
.gotoTop {
	text-align: right;
	margin: 30px 0 10px 0;
}

.sticker {
	width: 191px;
	height: 198px;
	background: url(images/sticker.png);
	z-index: 9999999999;
	position: absolute;
	top: 309px;
	left: 629px;
}

/* Copyright & Valid
------------------------------------------------------*/
.copyright, .valid {
	color: #fff;
	font-size: 0.9em;
}

/* Misc
------------------------------------------------------*/
.clear { clear: both; }
* html .clearfix, * html .section, * html .navi { display: inline-block; }
.cfix:after, .client-login:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}