/* TEMPLATE */

body {
    font: 12px/1 Arial, sans-serif;
    color: #333;
    background: #000;
	background-image:url(../img/background.jpg);
	background-repeat:no-repeat;
	background-position: top center;
}

.smalltext {
    font: 10px Arial, sans-serif;
    color: #333;;
	line-height: 12px;
}

p {
    line-height: 16px;
    margin: 0 0 12px;
}

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

a:hover {
    text-decoration: underline !important;
}

#page {
    position: relative;
    width: 860px;
    padding: 9px;
    margin: 0 auto 0;
}

#header {
    width: 860px;
    height: 120px;
}

#tabs {
    margin: 130px 0 0 0;
	width: 860px;
    height: 50px;
}

#wrapper {
    position: relative;
    width: 860px;
    height: 470px;
    z-index: 10;
}

#content {
    float: right;
    display: inline;
    position: relative;
    width: 560px;
    height: 470px;
    margin: 20 px;
    padding: 25px 25px 0px 20px;
}

#sidebar {
    float: left;
    display: inline;
    width: 230px;
    padding: 0;
    margin: 0 0 0 6px;
}

#sidebar #insert {
    position: absolute;
    bottom: 200px;
    left: 20px;
}


#footer {
    width: 800px;
    margin: 10px auto;
	height: 30px;
}


div#footer-contents {
	float:left;
	width: 800px;
	height: 30px;
    margin: 0;
}

#footer p {
    font-size: 10px;
    color: #ffffff;
    text-align: center;
    margin: 0 0 16px;
}

#footer p a {
    color: #ffffff;
    text-decoration: none;
}

div#photo-gallery { margin: 8px 0 0;}
div#photo-gallery img { padding: 3px; border: 1px solid #ccc; }
ul#photo-gallery-thumbnails li {display: inline;  }
ul#photo-gallery-thumbnails li a img { width: 50px; height: 50px; padding: 3px; border: 1px solid #ccc; margin: 0 10px 10px 0;}

/* COMMON ELEMENTS */

.scrollPane {
    height: 400px;
    padding: 5px 0 5px;
    overflow: auto;
}

.bodyboldcaps {
	font-weight: bold;
	text-transform: capitalize;
}

.smalltext {
	font-size: 10px;
}
/* HOME PAGE */

.homePage #wrapper {
    background: url(../img/bg-home.jpg) no-repeat;
}

.homePage #content {
    float: right;
    display: inline;
    width: 412px;
    padding: 0;
	margin: 15px 12px 0 0;
}

/* INDEX PAGE */

.indexPage #wrapper {
    background: url(../img/index.jpg) no-repeat;
}

.indexPage #quote {
    background: url(../img/quote-index.gif) no-repeat;
}

/* ABOUT PAGE */

.aboutPage #wrapper {
    background: url(../img/wrap-about.jpg) no-repeat;
}

.aboutPage #quote {
    background: url(../img/quote-about.gif) no-repeat;
}

.aboutPage #content {
    xxbackground: url(../img/content-about.png) no-repeat;
}

.aboutPage #content h1 {
	color: #fff;
}
xxx.aboutPage #content p {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin: 0 0 24px;
}

.aboutPage sup {
	font-size: 12px;
}

.aboutPage .columnOne {
	float: left;
	width: 48%;
}

.aboutPage .columnTwo {
	float: right;
	width: 48%;
}


/* BILL/JULIA PAGE */

.castPage #wrapper {
    background: url(../img/wrap-bill.julia.jpg) no-repeat;
}

.castPage #quote {
    background: url(../img/quote-cast.gif) no-repeat;
}


.castPage .columnOne {
	float: left;
	width: 45%;
	margin: 10px;
	line-height: 15px;
}

.castPage .columnTwo {
	float: right;
	width: 45%;
	line-height: 15px;
	margin: 10px 30px 10px 15px;
}

.casttext {

font: 12px/1 Arial, sans-serif;
    color: #333;
}


/* DAVID MAMET PAGE */

.mametPage #wrapper {
    background: url(../img/wrap-david.jpg) no-repeat;
}

.mametPage #quote {
    background: url(../img/quote-mamet.gif) no-repeat;
}


/* CREATIVE PAGE */

.creativePage #wrapper {
    background: url(../img/wrap-creative.jpg) no-repeat;
}

.creativePage #quote {
    background: url(../img/quote-creative.gif) no-repeat;
}


/* PRESS PAGE */

.pressPage #wrapper {
    background: url(../img/wrap-press.jpg) no-repeat;
}

.pressPage #quote {
    background: url(../img/quote-press.gif) no-repeat;
}


/* REVIEWS PAGE */

.reviewsPage #wrapper {
    background: url(../img/wrap-reviews.jpg) no-repeat;
}

.reviewsPage #quote {
    background: url(../img/quote-reviews.gif) no-repeat;
}


/* PHOTOS PAGE */

.photosPage #wrapper {
    background: url(../img/wrap-photos.jpg) no-repeat;
}

.photosPage #quote {
    background: url(../img/quote-photos.gif) no-repeat;
}


/* VIDEOS PAGE */

.videoPage #wrapper {
    background: url(../img/wrap-video.jpg) no-repeat;
}

.videoPage #quote {
    background: url(../img/quote-video.gif) no-repeat;
}


/* SIDES PAGE */

.sidesPage #wrapper {
    background: url(../img/wrap-sides.jpg) no-repeat;
}

.sidesPage #quote {
    background: url(../img/quote-sides.gif) no-repeat;
}