/**
 * main.css - pixie.tv main style sheet // 07-Mar-2005
 *
 * by Michael Guitton (michael/at/guitton/dot/name)
 *
 */

/*-( Generic Settings )-------------------------------------------------------*/

html {
	text-rendering: optimizeLegibility;
	word-wrap: break-word;
}

body {
	margin: 0;
	padding: 0;
	background: #113 url(../gui/waffle.gif);
	font-family: verdana, geneva, sans-serif;
	text-align: center;
	font-size: 12px;
}

abbr {
	font-style: normal;
	border: none;
}

a:link {
	outline: none;
}

dl,
dl * {
	margin: 0;
	padding: 0;
}

.org,
.fn,
.tel,
.title {
	color: #fff;
}

.vcard {
	margin: 1em 0;
}
.vcard dd {
	margin: .3em 0;
}

/*-( Basic Structure )--------------------------------------------------------*/

#wrap {
	margin: 0 auto;
	padding: 0 5px 0 1px;
	background: transparent url(../gui/bkg.gif) repeat-y;
	width: 740px !important;
	width /**/: 746px;
	text-align: left;
}

#header {
	position: relative;
	margin: 0 auto;
	padding: 0 260px 0 0;
	background: #fff url(../gui/flip-corporate.jpg) 100% 0;
	background-repeat: no-repeat; /* IE5.5/Win work-around */
	height: 128px;
}
.documentaries #header {
	background-image: url(../gui/flip.jpg);
}
#distribution #header {
	background-image: url(../gui/flip-distribution.jpg);
}

#content {
	background: #557 none;
	float: left;
	padding: 24px 12px 18px 84px;
	border-top: 3px solid #779;
	width: 384px !important;
	width /**/: 480px;
	color: #def;
	font-size: 14px;
}
.excerpts #content {
	padding-bottom: 0;
}
.notes #content {
	font-size: 12px;
}

#sidebar {
	background: #bbd none;
	float: right;
	margin: 0;
	padding: 24px 12px 12px;
	border-top: 3px solid #ddf;
	width: 236px !important;
	width /**/: 260px;
	color: #336;
}

#footer {
	clear: both;
	margin: 0;
	padding: 12px;
	background: #446 url(../gui/stripe.gif) repeat;
	border-bottom: 1px solid #113;
	font-size: 11px;
	text-align: center;
	color: #fff;
}

/*-( Form Elements )----------------------------------------------------------*/

label {
	margin: 0;
	padding: 0;
	outline: none;
}

input,
textarea {
	font: 12px arial, helvetica, sans-serif;
	outline: none;
}

label.control input,
textarea {
	margin: 2px 0;
	padding: 2px;
	border: 1px solid #fff;
	color: #336;
	background-color: #ddf;
	width: 314px !important;
	width /**/: 320px;
}
label.control input:focus,
textarea:focus {
	background-color: #fff;
	border-color: #ccf;
}

.button {
	margin-top: 4px;
	border: 1px solid #fff;
	float: left;
}
.button input {
	margin: 0;
	border-color: #f94 #e61 #e61 #f94;
	border-style: solid;
	border-width: 1px;
	padding: 2px 4px;
	color: #fff;
	background-color: #f72;
	font-weight: bold;
}
.button input:hover {
	background-color: #f50;
}

.caption {
	font: 12px arial, helvetica, sans-serif;
	color: #fff;
}

.notice {
	color: #fff;
	font-weight: bold;
	vertical-align: top;
}

/*-( Masthead )---------------------------------------------------------------*/

#header h1 {
	position: absolute;
	left: 16px;
	bottom: 16px;
	margin: 0;
	padding: 0;
	width: 66px;
	height: 94px;
}

#header h2 {
	position: relative;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 350px;
	height: 30px;
}

#banner {
	position: absolute;
	top: 17px;
	right: 270px;
	margin: 0;
	padding: 0;
	background-position: 100% 0;
	background-repeat: no-repeat; /* IE5.5/Win work-around */
	width: 350px; /* IE5/Win mandatory! */
}

#header img,
#switchbar img {
	display: block;
	color: #000;
}

/*-( Language Switcher )------------------------------------------------------*/

ul#switchbar {
	position: absolute;
	right: 270px;
	bottom: 14px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#switchbar li {
	margin: 0;
	padding: 0;
	display: inline;
}

#switchbar a {
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
	text-decoration: none;
	background-image: none;
}
#switchbar a:link,
#switchbar a:visited {
	color: #fff;
}
#switchbar a:hover img,
#switchbar a:focus img {
	color: #f50;
}

#switchbar a[rel='self'] {
	cursor: default;
}

#switchbar img {
	color: #528;
}

/*-( Breadcrumbs Widget )-----------------------------------------------------*/

#breadcrumbs {
	margin: 0;
	padding: 1px 16px 3px;
	border-top: 3px solid #336;
	background: #446 url(../gui/shade.gif) repeat-x;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
	text-decoration: none;
	color: #ccf;
}
#breadcrumbs a:hover {
	color: #fff;
}
#breadcrumbs a:active {
	color: #09f;
}

/*-( Toggle Widget )----------------------------------------------------------*/

.minitoc {
	margin: 6px 0;
	padding: 0;
	font-size: 11px;
/* {{{ IE6/Win kludge: prevents disappearing text (!?) */
	float: left;
	float /**/: none !important;
	width: 100%;
/* }}} */
}

.minitoc span {
	color: #fff;
}

/*-( Main Content )-----------------------------------------------------------*/

#content h1 {
	margin: 0 12px 0 -21px;
	padding-left: 21px;
	background: url(../gui/big_square.gif) 0 8px;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 18px;
}

#content h2 {
	margin: 12px 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

#content p {
	margin: 12px 10px 12px 0;
}
#about #content p {
	font-size: 11px;
}

#content a {
	text-decoration: none;
	background: url(../gui/underline_dotted_fff.gif) 0 100%;
	background-repeat: repeat-x;
}
#content a:link,
#content .minitoc a:visited {
	color: #ccf;
}
#content a:visited {
	color: #fff;
}
#content a:hover,
#content .minitoc a:hover {
	color: #f72;
	background-image: url(../gui/underline_dotted_f72.gif);
}
#content a:active,
#content .minitoc a:active {
	color: #09f;
	background-image: url(../gui/underline_dotted_fff.gif);
}

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

#content li {
	margin: 0;
	padding: 0;
}

#content table {
	margin: 12px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#content td,
#content th {
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}
#content th {
	padding-right: 6px;
	font-weight: normal;
	letter-spacing: -.25px;
	white-space: nowrap;
	color: #fff;
}

#content .vodeo img {
	border: none;
	vertical-align: middle;
}

/*-( Video Player )-----------------------------------------------------------*/

#flv {
	margin: 18px 0;
	padding: 2px;
	width: 320px !important;
	width /**/: 324px;
	background: #fff none;
}

#flv div {
	margin: -2px;
	background: #557 none;
}

/*-( Video Thumbs )-----------------------------------------------------------*/

#thumbs {
	margin-right: -12px;
	padding: 12px 24px 24px 0;
	background: #335 url(../gui/thumbs_shade.gif) repeat-y;
}

#thumbs h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
/* {{{ IE6/Win kludge: prevents disappearing text (!?) */
	float: left;
	float /**/: none !important;
	width: 100%;
/* }}} */
}

#thumbs img {
	display: block;
	margin-bottom: 1px;
}

#thumbs ul {
	margin: 0;
	padding-top: 6px;
	list-style-type: none;
/* {{{ IE6/Win kludge: prevents disappearing text (!?) */
	clear: left;
	clear /**/: none !important;
/* }}} */
}

#thumbs li {
	display: inline; /* IE5/Win mandatory! */
}

#thumbs li a {
	margin: 0 8px 8px 0;
	padding-bottom: 2px;
	float: left;
	display: block;
	width: 80px;
	background: #113 none;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.2;
}
#thumbs li a:link,
#thumbs li a:visited {
	border: 1px solid #ccf;
	color: #ccf;
}
#thumbs li a:hover {
	background-image: none;
	border-color: #fff;
	color: #fff;
}
#thumbs li a:active {
	background-image: none;
	border-color: #09f;
	color: #09f;
}

#thumbs-clear {
	clear: left;
	margin-top: 0 !important;
	padding: 0;
	font-size: 1px;
}

.segment {
	clear: left;
}

/*-( Expandable Menu )--------------------------------------------------------*/

.menu {
/*	this element should be set to "display: none" via JavaScript - mg */
	width: auto;
	margin: 0 0 0 -2px;
	padding: 0;
}

#root {
	margin: 0;
	padding: 0 4px 12px;
	background-color: #bbd; /* fix IE peekaboo bug with li bullets (!?) */
}

.menu li {
/* block element */
	margin: 4px 0;
	padding-left: 14px;
	list-style: none outside;
	background: transparent url(../gui/square.gif) no-repeat 0 2px;
	font: 12px/14px arial, helvetica, sans-serif;
}

.menu h1,
.menu h2,
.menu h3,
.menu h4,
.menu h5,
.menu h6 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

.menu a {
	text-decoration: none;
	color: #336;
	outline: none;
	background-position: 0 100%;
	background-repeat: repeat-x;
}
.menu a:link,
.menu a:visited {
	background-image: none;
}
.menu a:hover {
	background-image: url(../gui/underline_solid_fff.gif);
}
.menu a:active {
	background-image: url(../gui/underline_solid_557.gif);
}

a.actuator:hover,
a.actuator:active {
	background-image: none;
}

span.key { text-decoration: underline; }