/* @override http://localhost:8888/jamesteh/wp-content/themes/jamesteh/style.css */

/*  
Theme Name: James Teh
Theme URI: http://finnrobertson.com
Description: James Teh Custom Theme.
Version: 1.0
Author: Finn Robertson
Author URI: http://finnrobertson.com

	James Teh v1.0
	 http://jamesteh.com

	This theme was designed and built by Finn Robertson,
	whose site you will find at http://finnrobertson.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

html {
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #5d0000;
	font: small/1.5em Georgia, "Times New Roman", Times, serif;
	overflow: visible;
	background: url(img/bodyBG.jpg) fixed;
}

#background {
	position: static;
	width: 100%;
	background: url(img/containerBG.jpg) repeat-x fixed;
	display: block;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ffee78;
}

#header {
	height: 100px;
	background: url(img/topbar.png) repeat-x;
	position: absolute;
	width: 100%;
	left: 0;
}

.shadow
 {
	background: url(img/pictureShadow.png) repeat-x 0 bottom;
	padding: 0 0 22px;
	margin-top: 47px;
}

#TVCPage .shadow, #MVPage .shadow, #SFPage .shadow {
	margin-top: 51px;
}

h1 {
	height: 219px;
	width: 272px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
}

h1 a {
	display: block;
	height: 100%;
	text-indent: -10000px;
	background: url(img/logonoshowreel.png) no-repeat;
}

h1 a:hover {
	background-position: 0 -224px;
}

/* @group Menu */

#menu .current-cat a {
	background-position: 0 -91px;
}

#menu {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
}

#menu li a {
	text-indent: -10000px;
	float: left;
	padding: 20px 26px 50px;
	margin-right: -46px;
}

#menu li a:hover {
	background-position: 0 -91px;
}

.cat-item-9 a {
	background: url(img/TVCButton.png) no-repeat;
	width: 105px;
}

.cat-item-7 a {
	background: url(img/MVButton.png) no-repeat;
	width: 183px;
}

.cat-item-8 a {
	background: url(img/SFButton.png) no-repeat;
	width: 160px;
}



/* @end */

#container {
	margin: 0 auto;
	background: url(img/contentBG.png) repeat-y;
	width: 800px;
	height: 100%;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
	font-size: 110%;
	line-height: 150%;
}

#content {
	padding: 0 70px 10px;

}

/* @group Movie */

.movie {
	background: url(img/movieBottomBG.png) no-repeat 0 bottom;
	padding-bottom: 77px;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

.movie a {
	margin: 0;
	padding: 0;
	border-width: 0;
}

.movie div {
	background: url(img/movieMiddleBG.png) repeat-y;
	padding: 0 31px 0 34px;
}

#content div.movie div.hvlog.hvlog-processed {
	padding-bottom: 0;
}

.movie img {
	border-width: 0;
	padding-bottom: 16px;
	background: url(img/movieBottomControls.png) no-repeat 0 bottom;
}

.movie h2 {
	background: url(img/movieTopBG.png) no-repeat;
	padding-bottom: 22px;
	padding-top: 36px;
	margin-bottom: 0;
	padding-left: 40px;
	margin-top: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ffc200;
	font-style: normal;
	font-weight: normal;
}



/* @end */

.quote {
	padding: 20px 150px 40px;
	font-style: italic;
	color: #fff;
}

#footer {
	padding: 40px 70px;
	text-align: center;
}

#containerBottom {
	background: url(img/containerBGbottom.png) no-repeat 1px top;
	height: 100px;
	width: 800px;
	padding-right: 50px;
	padding-left: 50px;
	margin-left: auto;
	margin-right: auto;
}