/*

SITE COLOURS
green: #ABD600;
green (on white): 7fc200

brown: #B29962

light blue: #77e0ff

*/


body {
  background: #FFF url(/images_saddestboy/pattern.gif) repeat top center;
}

h2 {
	background: #FFF url(/images_saddestboy/tab_left.gif) no-repeat bottom left;
	margin-top: -30px;
	padding: 0 0 0 10px;
	color: #000;
	font-style: italic;
	font-size: 13px;
	width: 357px;
	overflow: hidden;
	text-transform: none;
}

h2 span {
	background: #FFF url(/images_saddestboy/tab_right.gif) no-repeat bottom right;
	display: block;
	padding: 0px 10px 6px 0;
	float: left;
}

h3 {
	font: 9px arial, sans-serif;
	letter-spacing: .1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #52c0ff;
	margin-top: 20px;
	margin-bottom: 5px;
}

#header {
  height: 60px;
  background: transparent;
  padding: 25px 0 0 0;
  border-bottom: none;
}

#footer {
  color: #B29962;
  display: none;
}

a:link,
a:visited {
	color: #7fc200;
}

a:hover {
	border-bottom: dotted 1px #468a20;
}

.tech-specs {
  font: 9px/1.5em arial, sans-serif;
  display: block;
  color: #B29962;
  margin-bottom: 15px;
}


/* intro */

#nav {
  border-bottom: 4px solid #47cdff;
  background: #FFF url(/images_saddestboy/nav_background.jpg) no-repeat top left;
  color: #ABD600;
  }

#nav a {
	color: #FFF;
}

#nav a:hover {
	color: #000;
	border: none;
}

/* content */


#content #banner {
  padding: 0 0 2px 0;
}

#h2 {
	background: #FFF ;
}

#content #banner,
#content #banner img {
  background: #47cdff;
  border-bottom: none;
}

.synopsis #content li {
  list-style: none;
  background: none;
  padding: 0 0;
  line-height: 1.5em;
}

.directors-q-and-a #content strong {
	color: #B29962;
	font-size: 12px;
	text-transform: none;
	margin-top: 30px;
	display: block;
}

/* stills */

#still_number {
	color: #B29962;
}

#caption {
	margin-bottom: 10px;
}

#photo_credit {
  font: 9px/1.5em arial, sans-serif;
  color: #B29962;
}

#image-nav {
	font: 10px arial, sans-serif;
}

#image-nav a:hover {
	color: #000;
}

/* stills */

.trailers #trailer-nav li a:visited {
	color: #000;
}

.trailers #trailer-nav li a:hover {
	color: #000;
	border: none;
}

/* bios */

#frame.bios h3 {
	font: normal 10px georgia, serif;
	color: #B29962;
	font-style: italic;
	margin-bottom: 10px;
	letter-spacing: 0px;
	text-transform: none;
}

#frame.bios h3 strong {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #52c0ff;
	font-style: normal;
	font: normal 9px arial, sans-serif;
}


/* reviews */

#frame.reviews h3 {
	font: normal 10px georgia, serif;
	color: #B29962;
	font-style: italic;
	margin-bottom: 10px;
	letter-spacing: 0px;
	text-transform: none;
}

#frame.reviews h3 em {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #52c0ff;
	font-style: normal;
	font: normal 9px arial, sans-serif;
}


/* credits */

#frame.credits dl dt,
#frame.credits li em {
  color: #B29962;
  margin: 9px 0 1px 0;
  font: 10px arial, sans-serif;
  line-height: 1.2em;
  font-style: italic;
  display: block;
}

#frame.credits dl dd,
#frame.credits li {
  font: 10px georgia, serif;
  text-transform: none;
  line-height: 1.3em;
}

#frame.credits #content img {
	margin: 20px 0 10px 0;
}


#frame.credits #banner img {
	margin: 0 0;
}

#frame.credits ul {
	margin-top: 9px;
}

/* directors-q-and-a */

#frame.directors-q-and-a strong {
	font: normal 10px arial, sans-serif;
}

/* sidebar */


#sidebar img {
  margin: 45px 0 35px 40px;
}

#sidebar ul {
  margin: 35px 0 0 25px;
}

#sidebar li:hover {
  background: url(/images_saddestboy/tear.png) no-repeat top left;
}

#sidebar li a {
  color: #7fc200;
  margin-left: 2px;
}

#sidebar a strong {
  font-family: arial, sans-serif;
  font-size: 9px;
  letter-spacing: .3em;
}

#sidebar a:hover {
	color: #B29962 !important;
}


/* sidebar background */
/* * html and important added for unknown IE cascade bug */

* html .stills,
body #frame.stills {
  background: white url(/images_saddestboy/sidebar_backgrounds/short1.jpg) top right repeat-y !important;
}

* html .trailers,
body #frame.trailers {
  background: white url(/images_saddestboy/sidebar_backgrounds/short2.jpg) bottom right repeat-y !important;
}

* html .festivals,
body #frame.festivals {
  background: white url(/images_saddestboy/sidebar_backgrounds/short3.jpg) top right repeat-y !important;
}

* html .directors-q-and-a,
body #frame.directors-q-and-a {
  background: white url(/images_saddestboy/sidebar_backgrounds/tall2.jpg) top right repeat-y !important;
}

* html .credits,
body #frame.credits { 
  background: white url(/images_saddestboy/sidebar_backgrounds/tall2.jpg) top right repeat-y !important;
}

* html .bios,
body #frame.bios {
  background: white url(/images_saddestboy/sidebar_backgrounds/tall1.jpg) top right repeat-y !important;
}

* html .reviews,
#frame.reviews {
  background: white url(/images_saddestboy/sidebar_backgrounds/tall3.jpg) bottom right repeat-y !important;
}

* html .awards-and-nominations,
body #frame.awards-and-nominations {
  background: white url(/images_saddestboy/sidebar_backgrounds/medium1.jpg) top right repeat-y !important;
}

* html .synopsis,
body #frame.synopsis {
  background: white url(/images_saddestboy/sidebar_backgrounds/medium1.jpg) right top repeat-y !important;
}


/* IE fixes */

* html #sidebar a:hover strong {
	color: #77e0ff;
}