/* Flannel - style.css */

/* COLORS

	light green		#b9e0cf

*/

/* @group GLOBALS
===================================== */

/* @group Resets
===================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	font-size: 62.5%;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	background: #cbe8db url(/images/style/bg-plaid.png) 50% 0;
	}

p, ul, ol, dl, table, blockquote { /* remove DL? */
	margin: 0 0 1.5em;
	line-height: 1.5em;
	}

p, li, dt, dd, table { font-size: 1.2em; }

li *, dt *, dd *, td *, th * { font-size: 1em !important; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }
blockquote {}
blockquote p {}
blockquote div cite { font-style: italic; }

ins { text-decoration: none; font-style: italic; color: green; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

sub { font-size: .75em; line-height: 1px; position: relative; bottom: -0.5em; }
sup { font-size: .75em; line-height: 1px; position: relative; top: -0.5em; }

pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font-size: 1em; font-family: 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* "Courier New", Monaco, Courier */

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 0 0 1em;
	height: 0;
	}

a:link {}
a:visited {}
a:hover {}
a:focus {}
a:active {}

/* @end Resets
-------------------------------- */


/* @group Headings (H1-H6)
===================================== */

h1 {
	width: 200px;
	height: 26px;
	position: absolute;
	top: 87px;
	left: -4px;
	}
h1 a {
	display: block;
	width: 200px;
	height: 26px;
	text-indent: -9999px;
	background: url(/images/style/logo.png) no-repeat 50% 50%;
	}

* html h1 a { background-image: url(/images/style/logo.gif); }

h2, h3, h4, h5, h6 { margin: 0 0 .5em; line-height: 1.2; }

h2 {
	overflow: hidden;
	margin: 0;
	padding: .9em 23px .25em;
	font-size: 2.0em;
	color: #4c4c4c;
	}
h2 span {
	float: left;
	}
h2 span.meta {
	float: right;
	padding-top: .667em;
	font-size: .6em;
	font-weight: normal;
	color: #959595;
	}
.section h2 {
	margin: 0 0 .4em;
	padding-right: 0;
	padding-left: 0;
	border-bottom: 1px dotted #dbeae3;
	}
.section.first h2 {
	padding-top: 0;
	}
.stage h2 {
	padding-left: 0;
	color: #b2b2b2;
	}

h3 { font-size: 2em; }

h4 { font-size: 1.8em; font-weight: bold;  }

h5 { font-size: 1.6em; font-weight: bold;  }

h6 { font-size: 1.4em; font-weight: bold;  }


/* extra top margin for headers preceded by other text-based elements */
p + h2, ul + h2, ol + h2, dl + h2, table + h2, blockquote + h2, hr + h2, h3 + h2,
p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3, h4 + h3,
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4, h5 + h4,
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5, h6 + h5
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 {
	margin-top: 1.8em;
	}

/* @end Headings (H1-H6)
-------------------------------- */


/* @group Lists (UL, OL)
===================================== */

ol, ul { margin: 0 1.5em 1em 1.5em; }
ol { margin-left: 2.5em; }

/* change bullet style when nesting lists */
ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }
ol { list-style: decimal; }
ol ol, ol.alpha { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

p + ul, p + ol { margin-top: -0.5em; } /* get lists below paragraphs closer to the paragraph - may need tweaking */

li ul, li ol { margin-top: .5em; margin-bottom: .75em; } /* lists inside of LI's usually need room to breathe */

li { margin: 0 0 .5em; }

/* MLA outline style
ol.outline { list-style: upper-roman; }
ol.outline ol { list-style: upper-alpha; }
ol.outline ol ol { list-style: decimal; }
ol.outline ol ol ol { list-style: lower-alpha; }
ol.outline ol ol ol ol { list-style: lower-roman; }
*/

/* @end Lists (UL, OL)
-------------------------------- */


/* @group Definition Lists (DL)
===================================== */

dt {
	margin: 0 0 .2em;
	line-height: 1.2em;
	font-weight: bold;
	}

dt a { text-decoration: none; }

dd {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.25em;
	}

dd p {
	margin: 0 0 .5em;
	padding: 0;
	}

/* special DL
dd.description {}
dd.meta {}
dd.date {}
dd.pic {}
dd.pic img {}
*/

/* @end Definition Lists (DL)
-------------------------------- */


/* @group Forms
===================================== */

form {
	position: relative;
	border-top: 1px dotted #c8c7c7;
	}

form p.required {
	position: absolute;
	right: 22px;
	top: -2em;
	color: #959595;
	}

input,
select,
textarea {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	}

form ul {
	margin: 0;
	padding: 0 0 14px;
	list-style: none;
	}
.sidebar form ul {
	padding-bottom: 6px;
	}

legend {
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	}

fieldset,
form div.intro {
	margin-top: 14px;
	padding: 0 22px;
	border-bottom: 1px dotted #c8c7c7;
	}
form div.intro {
	padding-bottom: 14px;
	}

fieldset fieldset {
	padding: 0;
	border: none;
	}

form div.intro { padding-right: 200px; }

form div.intro p:last-child { margin: 0; }

form p.fineprint { color: #959595; }
	

label,
.field-label {
	margin: 0;
	line-height: 1.5em;
	}

label abbr,
.field-label abbr {
	border: none;
	color: #959595;
	}

form .column {
	float: left;
	width: 130px;
	margin: 0 0 1em;
	font-size: 1.2em;
	}
form .column span {
	display: block;
	margin: 0 0 .5em;
	}
form .column input {
	margin-right: 5px;
	vertical-align: middle;
	}

form h3 {
	padding: 14px 22px;
	border-bottom: 1px dotted #c8c7c7;
	font-size: 1.2em;
	font-weight: bold;
	}

.control {
	clear: both;
	margin: 0 0 1em;
	font-size: 1.2em;
	}
.control.spacer { padding-top: 1em; }

form li { clear: both; }

li label,
li .field-label,
.control label,
.control .field-label {
	float: left;
	width: 168px;
	}

label.small { width: 110px; }

.field-label {
	position: relative;
	}
.field-label label {
	float: none;
	width: auto;
	}
.field-label img {
	position: absolute;
	right: 20px;
	bottom: 0;
	margin: 0 !important;
	}


label.flow {
	float: none;
	width: auto;
	}

label.note {
	width: 342px;
	}

label.long {
	float: none;
	display: block;
	width: 100%;
	}

.sidebar label {
	display: block;
	}


textarea {
	height: 126px;
	margin-left: 168px;
	margin-bottom: 1em;
	}

input.indent,
select.indent {
	margin-left: 168px;
	}

input.text,
textarea {
	width: 346px;
	padding: 2px 3px;
	border: 1px solid #999;
	border-color: #737373 #999 #999;
	}
input.text-tiny { width: 36px; }
input.text-small { width: 64px; }

.sidebar input.text {
	width: 158px;
	}


form div.buttons { padding: 2.5em 22px; }

.sidebar form div.buttons {
	padding: 0;
	}

.buttons input {
	width: 166px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: none;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
	color: #505955;
	background: #b9e0cf;
	
	padding-left: 6px;
	}
.buttons input:hover {
	color: #b9e0cf;
	background: #505955;
	}

button, .buttons input { cursor: pointer; }
input[type=submit] { cursor: pointer; }

form a {
	font-weight: bold;
	text-decoration: underline;
	color: #7e7c7c;
	}

/* @end Forms
-------------------------------- */


/* @group Tables
===================================== */

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th { text-align: left; font-weight: bold; }

th, td {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	}

td {}

tr.alt td { background: #eee; }

tfoot { font-style: italic; }

/* @end Tables
-------------------------------- */


/* @group Helper Classes
===================================== */

.hide { display: none !important; }

.left { float: left !important; }
.right { float: right !important; }

img.left { margin: 0 1em 1em 0; }
img.right { margin: 0 0 1em 1em; }
img.center { display: block; margin: 1em auto; }

.compact p {
	margin-bottom: 1.417em;
	line-height: 1.167em;
	}

p.intro { font-size: 1.5em; }
p.center { text-align: center; }
p.fineprint { font-size: .9em; }

a.prompt {
	display: block;
	width: 166px;
	margin: 0 0 1.375em;
	font-size: 1.6em;
	line-height: 1.75em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-indent: 8px;
	color: #505955;
	background: #b9e0cf;
	}
a.prompt:hover {
	color: #b9e0cf;
	background: #505955;
	}
p a.prompt {
	font-size: 1.334em;
	}

a.more {}


/* @group Columns
===================================== */

.col {
	float: left;
	margin-right: 10px;
	display: inline; /* ie6 double-margin float fix */
	}

.columns-2 .col { width: 47.5%; }

.columns-3 .col { width: 171px; }
.columns-3 .col-first { width: 166px; }
.columns-3 .col-last { width: 166px; margin-right: 0; }

.colums-3 .cols-2 { width: 64%; }


.col p {
	line-height: 1.167em;
	margin: 0 0 1.167em;
	color: #808080;
	}


.split #content {
	padding: 0 0 2.2em;
	}

.split #content .column {
	float: left;
	display: inline;
	position: relative;
	width: 431px;
	min-height: 165px;
	margin: 0 22px;
	}

.split #content .column h2 {
	margin: 0 0 .3em;
	padding-bottom: .17em;
	padding-left: 0;
	border-bottom: 1px dotted #d0e4da;
	}

.split #content .column h3 {
	margin: 0;
	font-size: 1.4em;
	}
.split #content .column h3 span {
	font-size: .858em;
	font-weight: normal;
	}

.split #content .column p {
	line-height: 1.2;
	}

.split #content .column ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.split #content .column li {
	margin: 0;
	padding: 0 0 .8em;
	}

.split #content .column li a {
	font-weight: bold;
	color: #7baf94;
	}

.split #content .column a.prompt {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
	}

/* @end Columns
-------------------------------- */

/* @end Helper Classes
-------------------------------- */

/* @end GLOBALS, RESETS
-------------------------------- */



/* @group LAYOUT
===================================== */

/* @group Header
===================================== */

#header {
	width: 952px;
	height: 130px;
	position: relative;
	margin: 0 auto 4em;
	background: url(/images/style/bg-header.gif) no-repeat 0 118px;
	}
.player #header {
	margin-bottom: -1px;
	}
#tagline {
	display: block;
	width: 173px;
	height: 18px;
	position: absolute;
	top: 94px;
	right: 7px;
	text-indent: -9999px;
	background: url(/images/style/tagline.png) no-repeat 0 100%;
	}
* html #tagline { background-image: url(/images/style/tagline.gif); }

#section-title {
	display: block;
	position: absolute;
	top: 90px;
	right: 0;
	width: 180px;
	font-size: 2.1em;
	font-weight: bold;
	font-style: normal;
	letter-spacing: -0.025em;
	color: #4c4c4c;
	}
	
/* @end Header
-------------------------------- */


#main {
	position: relative;
	z-index: 1;
	width: 950px;
	min-height: 661px;
	margin: 0 auto 1px;
	padding: 0 0 2.3em;
	background-image: url(/images/style/bg-main.png);
	}
.player #main {
	min-height: 1px;
	padding: 0;
	background: transparent;
	}
.player #main.split {
	background: #fff url(/images/style/bg-split.gif) repeat-y 50% 0;
	}

#film-meta {
	position: relative;
	z-index: 1;
	width: 950px;
	margin: 4.2em auto 1px;
	padding: 0 0 2.3em;
	background-image: url(/images/style/bg-main.png);
	}

#content .section {
	padding: 1.9em 23px 2.3em;
	border-top: 1px dotted #c8c7c7;
	}
#content .section.first { border-top: none; }

.section p:last-child { margin: 0; }

#content,
#film-meta #content {
	float: left;
	width: 569px;
	}
.player #content {
	float: none;
	width: auto;
	padding-top:79
	}


.stage {
	position: relative;
	color: #b2b2b2;
	background: #000;
	}
.stage div.intro {
	width: 523px;
	margin: 0 auto;
	}

.stage .map {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	}

.stage .nav-map {
	position: absolute;
	bottom: 9px;
	left: 9px;
	z-index: 2;
	margin: 0 0 2px;
	list-style: none;
	}
.stage .nav-map li {
	width: 118px;
	margin: 0 0 2px;
	line-height: 26px;
	font-weight: bold;
	}
.stage .nav-map li a {
	display: block;
	padding: 0 7px;
	text-decoration: none;
	color: #b8e2d0;
	background: url(/images/style/bg-heading-trans.png);
	}
.stage .nav-map li a:hover {
	color: #c1c1c1;
	}

#content p a {
	font-weight: bold;
	text-decoration: underline;
	color: #7BAF94;
	}

#content p a:visited {
	color: #7e7c7c;
	}

#content img {
	display: block;
	margin: 0 0 1.5em;
	}
#content .flash img {
	margin: 0;
	}
#content .flash {
	margin: 0;
	background: #000;
	}

#utilities {
	width: 950px;
	margin: 0 auto 1px;
	}

#utilities #breadcrumbs {
	float: left;
	width: 752px;
	height: 21px;
	padding: 18px 0 0 8px;
	font-weight: bold;
	color: #c1c1c1;
	background: url(/images/style/bg-heading-trans.png);
	}
#utilities #breadcrumbs a {
	color: #b9e0cf;
	}

#passes {
	float: right;
	width: 189px;
	height: 39px;
	background: url(/images/style/bg-heading-trans.png);
	}

#passes p {
	padding: 18px 0 0 8px;
	margin: 0;
	line-height: 1.167em;
	font-weight: bold;
	color: #b9e0cf
	}

#passes em {
	font-style: normal;
	color: #c1c1c1;
	}

/* @group Column Headings
===================================== */

.heading {
	width: 100%;
	min-height: 2em;
	position: relative;
	margin: -4.1em 0 0;
	border-bottom: 1px solid #c3e4d6;
	line-height: 1.167em;
	font-weight: bold;
	color: #b9e0cf;
	}

.heading div {
	height: 2em;
	padding: 2em 0 0 10px;
	background-image: url(/images/style/bg-heading2.png);
	}

.heading strong { font-size: 1.2em; }

.heading strong em {
	font-style: normal;
	color: #C1C1C1;
	}


#film-info .heading {
	cursor: pointer;
	}
#film-info .heading strong {
	padding-left: 14px;
	background-image: url(/images/style/icon-arw-grn-dn.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	}

.collapsed #film-info .heading strong {
	background-image: url(/images/style/icon-arw-grn-rt.gif)
	}

.collapsed #film-info.sidebar {
	width: 100%;
	}

.collapsed#film-meta {
	padding-bottom: 0;
	margin-bottom: 0;
	}

/* @end Column Headings
-------------------------------- */


/* @group Sidebars
===================================== */

.sidebar {}

.sidebar#navigate,
.sidebar#film-info {
	float: left;
	width: 190px;
	padding: 0 1px 0 0;
	}

.sidebar#donate,
.sidebar#film-tags {
	float: right;
	width: 189px;
	}

.sidebar .section { padding: .5em 9px 0; }

.sidebar#donate p { margin: 0 0 .334em; }

/* @end Sidebars
-------------------------------- */


/* @group Footer
===================================== */

#footer {
	width: 950px;
	min-height: 3.1em;
	margin: 0 auto;
	padding: .7em 0 0;
	background-image: url(/images/style/bg-footer.png);
	}

#footer p.copyright {
	float: right;
	margin: 0 16px 0 0;
	font-size: 1em;
	color: #999;
	}
#footer p.copyright a {
	text-decoration: none;
	color: #999;
	}
#footer p.copyright a:hover { color: #B9E0CF; }
	

#end {
	display: block;
	width: 952px;
	height: 40px;
	margin: 0 auto 3em;
	background-image: url(/images/style/bg-end-trans.png);
	}

/* @end Footer
-------------------------------- */

/* @end LAYOUT
-------------------------------- */



/* @group NAV/UI
===================================== */

/* @group Breadcrumb Nav
===================================== */
/* parent: '#content .heading' */

#breadcrumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1em;
	}
#breadcrumbs li {
	display: inline;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.167em;
	}
#breadcrumbs a {
	text-decoration: none;
	color: #999;
	}
#breadcrumbs a:hover { color: #fff; }

/* @end Breadcrumb Nav
-------------------------------- */


/* @group Main Nav
===================================== */

#nav-main {
	width: 950px;
	margin: 0 auto;
	list-style: none;
	}

#nav-main li {
	float: left;
	width: 189px;
	height: 70px;
	overflow: hidden;
	margin: 0 0 0 1px;
	font-weight: bold;
	}

#nav-main a {
	display: block;
	width: 189px;
	height: 21px;
	padding-top: 49px;
	text-indent: 10px;
	text-decoration: none;
	color: #fff;
	background: url(/images/style/nav-main3.png);
	position: relative;
	z-index: 1;
	}

#nav-main li a:hover,
#nav-main li.on a,
#nav-main li.selected a { background-position: 0 70px; }


#nav-main li:first-child a,
#nav-main li:first-child {
	width: 190px;
	margin: 0;
	}

/* @end Main Nav
-------------------------------- */


/* @group Player Nav
===================================== */

ul#nav-player {
	width: 950px;
	margin: 0 auto 1px;
	list-style: none;
	}

ul#nav-player li {
	float: left;
	width: 189px;
	margin: 0;
	padding: 0 0 0 1px;
	}
ul#nav-player li.first {
	width: 190px;
	padding: 0;
	}

ul#nav-player a {
	display: block;
	min-height: 19px; /* temp */
	padding: 10px 0 0 8px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: url(/images/style/nav-main3.png) repeat-x 0 0;
	}
ul#nav-player a:hover {
	background-position: 0 100%;
	}

ul#nav-player form {
	height: 29px;
	overflow: hidden;
	border: none;
	}

ul#nav-player form div {
	float: left;
	width: 113px;
	padding: 5px 0 5px 5px;
	background: url(/images/style/bg-heading-trans.png);
	}

ul#nav-player input {
	width: 104px;
	height: 16px;
	padding: 3px 2px 0;
	border: 0;
	color: #656263;
	}

ul#nav-player button {
	float: right;
	width: 70px;
	height: 29px;
	padding: 4px 0 0 6px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background: url(/images/style/nav-main3.png) repeat-x 0 0;
	}
ul#nav-player button:hover {
	background-position: 0 100%;
	}

/* @end Player Nav
-------------------------------- */


/* @group Sequential
===================================== */

.nav-sequential {
	padding-top: 2.2em !important;
	}

.nav-sequential ol {
	overflow: hidden;
	list-style: none;
	margin: 0;
	}
.nav-sequential li {
	float: left;
	width: 166px;
	font-size: 1em;
	margin: 0;
	}
.nav-sequential a {
	display: block;
	font-size: 1.6em !important;
	font-weight: bold;
	line-height: 1.75em;
	text-decoration: none;
	color: #505955;
	background-color: #b9e0cf;
	background-position: 0 50%;
	background-repeat: no-repeat;
	}

.nav-sequential li.previous a {
	padding-left: 27px;
	background-image: url(/images/style/icon-arw-lf.gif);
	}
.nav-sequential li.previous a:hover { background-image: url(/images/style/icon-arw-lf-on.gif); }

.nav-sequential li.next {
	float: right;
	}
.nav-sequential li.next a {
	padding-right: 27px;
	text-align: right;
	background-image: url(/images/style/icon-arw-rt.gif);
	background-position: 100% 50%;
	}
.nav-sequential li.next a:hover { background-image: url(/images/style/icon-arw-rt-on.gif); }

.nav-sequential a:hover {
	background-color: #505955;
	color: #b9e0cf;
	}

/* @end Pagination
-------------------------------- */


/* @group Sub Nav
===================================== */

#nav-sub {
	margin: 0;
	padding: .5em 0 0;
	list-style: none;
	line-height: 1em;
	font-weight: bold;
	}

#nav-sub li {
	margin: 0 0 1px;
	}

#nav-sub a {
	display: block;
	width: 172px;
	padding: .084em 9px;
	line-height: 1.25em;
	text-decoration: none;
	color: #4d4d4d;
	}

#nav-sub a:hover {
	color: #fff;
	background: #808080;
	}


#nav-sub li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1em;
	}

#nav-sub li li a {
	width: 146px;
	padding-left: 35px;
	color: #868a88;
	}

/* @end Sub Nav
-------------------------------- */

/* @group Utility Nav (#footer)
===================================== */

#nav-utility {
	float: left;
	margin: 0 0 0 6px;
	list-style: none;
	}

#nav-utility li {
	float: left;
	margin: 0 5px 0 0;
	font-size: 1em;
	}

#nav-utility a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
	}

#nav-utility a:hover { color: #B9E0CF; }

/* @end Sub Nav
-------------------------------- */

/* @end NAV/UI
-------------------------------- */



/* @group COMPONENTS
===================================== */

/* @group Chart
===================================== */

.chart {
	overflow: hidden;
	padding: 144px 0 0;
	background: url(/images/style/bg-chart.png) repeat-y;
	}

.chart dl {
	float: left;
	width: 189px;
	position: relative;
	margin: 0;
	padding: 0 1px 2.4em 0;
	}
.chart dl.last { padding: 0; }

.chart dt {
	margin: 0;
	padding: 0 15px;
	font-size: 1.6em;
	line-height: 1.063em;
	font-weight: bold;
	color: #b9e0cf;
	}

.chart dd {
	margin: 0;
	padding: 0 15px;
	font-size: 1.6em;
	line-height: 1.063em;
	font-weight: bold;
	color: #999;
	}

.chart dd.pic {
	width: 100%;
	height: 144px;
	position: absolute;
	top: -144px;
	left: 0;
	padding: 0;
	}

#content .chart dd.pic img {
	display: block;
	margin: 18px auto 0;
	}

/* @end Chart
-------------------------------- */



/* @group Comment List
===================================== */

ol.comments {
	margin: 0 0 4.2em;
	border-top: 1px dotted #C8C7C7;
	list-style: none;
	}

ol.comments li {
	margin: 0;
	padding: 2em 23px 0;
	border-bottom: 1px dotted #C8C7C7;
	}

ol.comments .meta {
	float: left;
	width: 100%;
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px dotted #DBEAE3;
	color: #828282;
	}

ol.comments .meta strong { float: left; }

ol.comments .meta span { float: right; }

ol.comments p {
	margin: 0;
	padding: 0 0 1.5em;
	}
ol.comments p:last-child { padding-bottom: 0; }

/* @end Comment List
-------------------------------- */



/* @group Entry (rename?)
===================================== */

#content .entry {
	padding-bottom: 23px;
	}

p.comments {
	margin: 0;
	font-size: 1.6em;
	font-weight: bold;
	}
#content p.comments a {
	display: block;
	padding: 8px 14px;
	text-decoration: none;
	color: #fff;
	background: #656363;
	}
#content p.comments a.logged-out {
	color: #a3a2a2;
	}

#content p.comments a:hover {
	color: #656363;
	background: #B9E0CF;
	}

/* @end Entry
-------------------------------- */



/* @group Form - Post Comment
===================================== */

form.post-comment label {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	color: #828282;
	}

form.post-comment textarea { margin-left: 0; }

form.post-comment .buttons { padding: 9px 0 0; }

/* @end Form - Post Comment
-------------------------------- */



/* @group Promos
===================================== */

ul.promos {
	margin: 1px 0 0;
	height: 190px;
	list-style: none;
	}
ul.promos li {
	float: left;
	height: 190px;
	margin: 0;
	padding: 0 0 0 1px;
	}
ul.promos li.first {
	padding-left: 0;
	}
ul.promos a {
	display: block;
	height: 190px;
	overflow: hidden;
	}
ul.promos img {
	display: block;
	margin: 0 !important;
	}
ul.promos a:hover img {
	margin-top: -190px !important;
	}

/* @end Promos
-------------------------------- */



/* @group Quick Note
===================================== */

#content .quick-note {
	padding-bottom: 2.3em;
	}
.quick-note h2 {
	margin: 0 0 .25em;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	border-bottom: 1px dotted #dbeae3;
	}

/* @end Quick Note
-------------------------------- */



/* @group Quote
===================================== */

#content .quote {
	padding-top: 2.3em;
	padding-bottom: 2.3em;
	}

.quote blockquote {
	margin: 0;
	padding: 76px 0 0;
	background: #e6e6e6 url(/images/style/bq-quote-open.gif) no-repeat 23px 23px;
	}

.quote blockquote p {
	padding: 0 26px 0 23px;
	font-size: 1.6em;
	line-height: 1.563em;
	font-weight: bold;
	color: #4D4D4D;
	}

.quote div a {
	display: block;
	padding: 70px 0 1em;
	text-decoration: none;
	color: #fff;
	background: #656363 url(/images/style/bg-quote-close.gif) no-repeat 0 0;
	}
.quote div a cite {
	display: block;
	margin: 0 0 1.167em;
	padding: 0 0 0 82px;
	font-size: 1.2em;
	font-style: normal;
	color: #fff;
	}
.quote div a cite strong {
	display: block;
	}
.quote div a cite em {
	font-style: normal;
	color: #a3a2a2;
	}
.quote div a span {
	padding: 0 0 0 82px;
	font-size: 1.6em;
	font-weight: bold;
	}
.quote div a.logged-out span {
	color: #a3a2a2;
	}

.quote div a:hover {
	background-color: #b9e0cf;
	background-position: -525px 0;
	}
.quote div a:hover cite em {
	font-style: none;
	color: #dcf0e7;
	}
.quote div a:hover span {
	color: #656363;
	}



/* @end Quote
-------------------------------- */



/* @group Video
===================================== */

.video {
	padding-bottom: 1.5em;
	}

.video img {
	margin: 0 !important;
	padding: 0;
	}

.video .caption p {
	margin: 0;
	font-size: 1em;
	}

/* @end Video
-------------------------------- */



/* @group Vusion Player
===================================== */

#vusion-player {
	background: #000;
	}
#vusion-player,
#vusion-player * {
	font-family: Arial, Helvetica, sans-serif;
	}

#Vusion_installFrame {
        border: none;
}

.myImgCls {
  background-color: #4a4141;
}

/*body {
     height: 500px;
}*/

/*.jtr-videoDiv {
        border: #4a4141 4px solid;
}*/

.jtr-controlDiv {
	position: relative;
	width: 483px;
	height: 36px;
	text-align: left;
	}

/*.jtr-playerLogo {
        float: left;
        margin: 2px 4px 0 2px;
        height: 25px;
}*/

.clsPlayerState {
	position: absolute;
	top: 8px;
	left: 482px;
	display: block;
	width: 126px;
	height: 26px;
	padding: 0;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background: #000;
	}

.clsPlayer_Play {
        float: left;
	background: url(/images/play_pause.png) 0 center no-repeat;
        cursor: pointer;
        border: none;
        margin-top: 2px;
        height: 18px; 
        width: 36px;
}

/*.clsPlayer_Play:hover {
        background: url(/images/play_pause.png) 0px center no-repeat;
}*/

/*.clsPlayer_Play:active {
        background: url(/images/play_pause.png) 0px center no-repeat;
}*/

.clsPlayer_Pause {    
	position: absolute;
	top: 8px;
	left: 10px;
	background: #000 url(/images/style/vusion-pause.gif)no-repeat 50% 50%;
	cursor: pointer;
	border: none;
	margin: 0;
	height: 26px;
	width: 52px;
	} 

.clsPlayer_Pause:hover {    
	background-color: #928d8d;
	}

.clsPlayer_Pause:active {    
        background: url(/images/play_pause.png) -37px center no-repeat;
}

.clsPlayer_Unmute { 
	position: absolute;
	top: 8px;
	left: 611px;
	height: 26px;
	width: 54px;
	background: #000 url(/images/style/vusion-mute.gif);
	cursor: pointer;
	}

/*.clsPlayer_Unmute:hover {
        background: url(/images/play_pause.png) -144px center no-repeat;
}

.clsPlayer_Unmute:active {
        background: url(/images/play_pause.png) -144px center no-repeat;
}*/

.clsPlayer_Mute {
	position: absolute;
	top: 8px;
	left: 611px;
	height: 26px;
	width: 54px;
	background: #000 url(/images/style/vusion-unmute.gif);
	cursor: pointer;
	}

/*.clsPlayer_Mute:active {
        background: url(/images/play_pause.png) -180px center no-repeat;
}*/

.clsPlayer_Fullscreen {
	position: absolute;
	top: 8px;
	left: 838px;
	width: 100px;
	height: 26px;
	background: #000 url(/images/style/vusion-fullscreen.gif);
	}

.clsPlayer_Fullscreen:hover {
        background: url(/images/play_pause.png) -74px center no-repeat;
}

.clsPlayer_Fullscreen:active {
        background: url(/images/play_pause.png)  -74px center no-repeat;
}

.jtr-headingDiv {
        font-weight: bold;
        margin-bottom: 8px;
}

.jtr-spacer {
    width:100%;
}

.jtr-timelineSlider {
	position: absolute;
	top: 8px;
	left: 62px;
	width: 390px;
	margin: 0px 400px 0 3px;
	padding: 8px 12px;
	background: #000;
	}

.clsSlider {
	width: 390px !important;
	height: 10px;
	cursor: pointer;
	background-color: #928d8d;
	}

.clsProgress {
     background-color: #b8e2d0;
}

.jtr-volumeSlider {
	position: absolute;
	top: 8px;
	left: 668px;
	height: 10px;
	padding: 8px 12px;
	background: #000;
	}

.jtr-volumeSlider div {
	height: 10px;
	}

.clsVolumeSlider {
     cursor: pointer;
     background-color: #928d8d;
}

.clsVolumeProgressSlider {
     background-color: #b8e2d0;
}

/* @end Vusion Player
-------------------------------- */

/* @end COMPONENTS
-------------------------------- */



/* @group CLEARFIX
===================================== */
/* http://www.positioniseverything.net/easyclearing.html */

.group { display: inline-block; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .group { height: 1%; }
.group { display: block; }

/* @end CLEARFIX
-------------------------------- */


/* EOF */