/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/

.comment .links a.active 
{
	font-weight: normal!important;
	text-decoration: underline!important;
	color: #6A985A!important;
}

.archive {
	list-style-type: none;
}

.archive-item {
	height: 30px;
	font-size: 18px;
}

.archive-item .archive-num {
	font-weight: bold;
	font-size: 18px;
}

#user-login .form-text
{
	width: 110px;
	font-size: 11px;
	background-position: left center;
	background-repat: no-repeat;
}

#user-login .username.l
{
	background-image: url("lbl-username.jpg");
}

#user-login .password.l
{
	background-image: url("lbl-password.jpg");
}

ul.taxonomy-term-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.taxonomy-term-item 
{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

.taxonomy-term-item a
{
	font-size: 18px;
	font-weight: bold;
}

.taxonomy-term-item-description
{
	font-size: 11px;
	color: #333;
}

.related-articles {
	width: 680px;
	height: 40px;
	padding: 5px;
	-moz-border-radius: 4px;
	background-color: #111;
	margin-bottom: 2px;
	text-align: center;
	
}

.related-current {
	line-height: 40px;
	height: 40px;
	color: #222;
	width: 500px;
	margin: 0 auto;
}

a.related-link {
	padding: 10px;
	-moz-border-radius: 4px;
	background-color: #000;
	font-size: 16px;
	width: 40px;
	text-align: center;
	font-weight: bold;
}

a.related-link {
	text-decoration: none;
}

a.related-link:hover {
	background-color: #222;
}

a.related-link.next {
	float: left;
}

a.related-link.previous {
	float: right;
}

ul.recent 
{
	margin: 0px!important;
	padding: 0px!important;
}

.recent-item
{
	height: 24px;
	line-height: 24px;
	color: #FFF;
	list-style-type: none;
	padding: 4px;
}

.recent-item a
{
	font-size: 18px!important;
	text-decoration: none!important;
	color: #6A985A;
	margin-right: 3px;
}

.recent-item a:hover, .recent-item a:visited 
{
	color: #BCD3B4!important;
}

.recent-item.current {
	background-color: #171717;
	-moz-border-radius: 4px;
	width: 225px;
}

.recent-item.current a {
	color:#FFF;
}
.recent-item.current .recent-item-category 
{	
	color: #FFF;
}

.recent-item-category
{
	font-size: 10px!important;
	color: #333;
}

.tabs.primary {
	border-bottom: 1px solid #333;
}

.tabs.primary a {
	color: #000!important;
	background-color: #FFF;
}

.tabs.primary a.active {
	color: #666!important;
	background-color: #000!important'
}

.tabs.secondary a {

	color: #333!important;
}

.tabs.secondary .active {
	background-color: #000!important;
	color: #666!important;
}

.ad {
	text-align: center;
	font-size: 11px;
	color: #666;
}

.ad img {
	border: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	background-color: #000;
	background-image: url("main-background.jpg");
	background-repeat: repeat-x;
	background-position: top center;
	background-attachment: scroll;
	color: #CCC;
}

h1,h2,h3,h4,h5,h6
{
	color: #728965;
	margin: 0;
	padding: 0;
}

a:link
{
	color: #6A985A;
}

a:visited
{
	color: #BCD3B4;
}

li a.active {
	color: #FFF!important;
	font-weight: bold!important;
	text-decoration: none!important;
}

table, thead, tbody, tr
{
	background-color: #000!important;
	border-color: #333!important;
}
 
a:hover
{
	color: #BCD3B4
}

ul.menu li {
	margin: 0 0 0 8px; 
}

ul.menu {
	padding: 0 0 0 10px;
}

li.collapsed {
	list-style-type: circle!important;
	color: #ccc!important;
	list-style-image: none!important;
}

.name { display: none; }

.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6
{
	color: #CCC;
}

.module
{
	border: 1px solid #222;
	margin-bottom: 5px;
	-moz-border-radius: 3px;
	padding: 8px;
	background-color: #111;
	
}

.module p, .module ul, .module li, .module .item-list
{
	font-size: 12px!important;
}

.module .heading
{
	font-weight: bold;
	color: #CCC;
}

.description
{
	color: #CCC;
	font-size: 13px;
	margin: 6px 0 0 0;
}

#page-header .logo
{
	width: 517px;
	height: 303px;
	background-image: url("main-logo.jpg");
	margin: 0 auto;
	padding: 0;
}

#page-header
{

	color: #CCC;
	font-size: 16px;
	height: 303px;
	padding: 0;
	text-align: center;
}

#page-content
{
	width: 1020px;
	background-position: top;
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: 0;
}

#page-content-inner
{
	margin: 0 20px;
	padding: 0;
}

#column-modules
{
	float: right;
	width: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#column-content
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
	width: 700px;
}

#column-content, #column-content p, #column-content .text
{
	color: #999;
	margin: 6px;
	margin-left: 0;
	text-align: justify;
	font-size: 14px;
}

#column-content .description
{
	color: #444;
}

#page-footer
{
	background-color: #111;
	clear: both;
	color: #CCC;
	font-size: 10px;
	margin-top: 15px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	padding: 10px;
	text-align: center;
}

#page-navigation
{
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-top: 10px;
	text-align: center;
	color: #111;
}

#page-navigation a
{
	background-color: #1D221C;
	border: 1px solid #000;
	/*color: #6A985A;*/
	color: #D0E0C9;
	font-size: 15x;
	margin-right: 1px;
	-moz-border-radius: 4px;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
}

#page-navigation a:hover
{
	background-color: #414B3F;
	color: #BCD3B4;
}

#page-navigation li {
	padding: 0;
}

#form-suggestion
{
	color: #999;
	font-size: 11px;
	margin-top: 10px;
}

#form-suggestion .field
{
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
}

#form-suggestion .field-final
{
	text-align: right;
}

#form-suggestion label
{
	display: block;
	float: left;
	width: 70px;
}

#form-suggestion input.text
{
	border: 1px solid #ccc;
	color: #999;
	display: block;
	float: right;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	width: 120px;
}

#form-suggestion input.button
{
	font-size: 11px;
}

.node-unpublished 
{
	background-color: #000;
	color: #999;
}

.comment {
	margin-top: 3px;
	margin-left: 8px;
	font-size: 12px;
	padding: 3px;
}

.comment .content {
	font-size: 12px!important;
}

.comment .submitted {
	color: #666;
	font-weight: bold;
}

.comment .links {
	background-color: #111;
	-moz-border-radius: 3px;
	border-color: #222;
	font-size: 11px;
	padding: 0px;
	marign: 0px;
	margin-top: 1px;
}

.rewatch_container {
	height: 60px;
	
}

.rewatch_thumb_container {
	float: left;
	width: 120x;
}

.rewatch_thumb {
	border: 3px solid #333;
}

.rewatch_details {
	width: 120px;
	font-size: 12px;
	float: right;	
}

.field-type-pollfield {
	color: #999;
	padding: 15px;
	background-color: #111;
}

.field-type-pollfield .field-label {
	color: #728965;
	font-size: 14px;
}

.field-type-pollfield .pollfield-title {
	font-weight: bold;
}

.table-watch .table-header-mid {
	text-align: center;
	background-color: #111!important;
	color: #666;
	font-size: 12px;
}

.table-watch {
	font-size: 12px;
	border: 0;
	width: 100%;
}

.table-watch .head {
	font-size: 13px!important;
}

#comments {
	padding: 15px;
	background-color: #111;
}

.node .links {
	background-color: #111;
	font-size: 11px;
	padding: 3px;
	-moz-border-radius: 3px;
}

.note {
	font-size: 11px;
	color: #666;
}

.movie-thing {
	width: 610px;
	background-color: #111;
}

.movie-thing-image {
	text-align: center;
	font-size: 12px;
	font-color: #FFF;
}

.movie-thing-heading {
	padding: 5px;
}
.movie-thing-heading h3 {
	margin: 0; padding: 0;
}

.movie-thing-heading a {
	text-decoration: none;
}

.movie-thing-description {
	padding: 4px;
	font-size: 11px;
	color: #CCC;
}

.demo-image {
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #000!important;
	-moz-border-radius: 10px!important;
	-webkit-border-radius: 10px!important;
}

.source 
{
font-size: 11px;
margin-left: 10px;
}

acronym { cursor: help; }

blockquote.quote
{
	margin-left: 20px!important;
	border-left: 2px solid #CCC;
	padding: 15px!important;
	font-size: 13px;
	color: #666;
}

.script-snippet 
{
	width: 440px;
	background-image: url(paper-torn-bottom.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	border-bottom: 0;
	-moz-border-radius: 3px;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	padding-bottom: 29px;
}

.script-snippet * {
	margin: 0; padding: 0;
	font-size: 11px!important;
	color: #333!;
}

.script-snippet p {
	margin-bottom: 10px;
}

.script-snippet blockquote
{
	background-color: #FFF;
	font-size: 11px!important;
	font-family: Consolas, Courier New, courier, monospace;
	text-align: justify;
	color: #333;
	margin: 0;
	padding: 50px;
}

.script-snippet .quote-character 
{
text-align: center;
margin: 0 0 4px 0;
}

em.episode {
	font-style: normal;
	text-decoration: underline;
}

.theory-sites {
	width: 680px;
	font-size: 12px;
	padding: 0;
	border-spacing: 0;
	border-top: 1px solid #111!important;
}


.theory-sites tr, .theory-sites td {
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}

.theory-sites td {
padding: 5px;
border-bottom: 1px solid #111;
}

.theory-sites td *  {
margin: 0;
}

.theory-sites tr:hover {
	background-color: #111!important;
}

.theory-sites td h3 {
margin-bottom: 5px;
}

.theory-sites .thumbnail {
width: 115px;
}

.theory-sites .thumbnail img {
border: 4px solid #333;
}

/* Missing Pieces */

.player-container {
	width: 600px;
}

.mp-playlist-item {
	border: 1px solid #333;
	background-color: #111;
	color: #CCC;
	display: block;
	padding: 3px;
	text-align: left;
}

.mp-playlist-item:hover {
	color: #fff;
}

.mp-playlist-item.current {
	text-decoration: none;
	color: #fff;
	background-color: transparent;
	border: 1px solid transparent;
}	
/* End Missing Pieces */

/* Start 102 */
.license {
		font-size: 10px;
		background-color: #111;
		color: #333;
		border: 2px solid #333;
		padding: 5px;
		text-align: center;
	}
	
	.license a {
		color: #666;
	}
	
	.license a:hover {
		color: #CCC;
	}
	
	table.jackfaces {
		width: 600px!important;
		border-spacing: 5px!important;
		border-collapse: separate!important;
		
	}
	
	table.jackfaces .thumb {
		width: 106px;
		height: 106px;
		background-color: #222;
		text-align: center;
		vertical-align: middle;
	}
	
	table.jackfaces .details {
		vertical-align: top;
	}
	
	table.jackfaces .thumb-stensil {
		width: 110px;
	}
	
	table.jackfaces.jackface {
		border-bottom: 1px solid #111;
	}
	
	.jackface .details .description {
		height: 60px;
	}
	
	.jackface .details .download {
		height: 30px;
	}
	
	a.download-button
	{
		text-decoration: none;
		background-color: #111;
		color: #666;
		font-size: 11px;
		padding: 3px;
		padding-left: 22px;
		background-image: url(http://108things.co.uk/themes/lost/download.jpg);
		background-position: 2px 50%;
		background-repeat: no-repeat;
		border: 1px solid #222;
		font-weight: bold;
	}
	
	a.download-button:hover {
		background-color: #222;
	}
	
/* End 102 */

/* Start 101 */

	.game-thing {
		padding: 12px;
		background-color: #111;
		color: #666;
	}
	
	.game-things {
		margin:0;
		padding: 0;
		width: 610px;
	}
	
	.game-thing ol, .game-thing li {
		margin-left: 30px;
		padding: 0;
	}
	
	.game-thing-header {
		margin-bottom: 10px;
	}
	
	.game-thing-image {
		text-align: center;
	}
	
	.game-thing-image img {
		border: 2px solid #000;
		margin-bottom: 5px;
	}
	
	.game-thing-description {
		background-color: #000;
		font-size: 12px;
		color: #666;
		padding: 12px;
	}

/* End 101 */

/* Start 100 */

.table-mobisode-episodes {
width: 620px;
border-spacing: 0;
font-size: 12px;
color: #CCC;
background-color: #111;
border: 4px solid #111;
}

.table-mobisode-episodes td {
padding: 2px;
}

.table-mobisode-episodes .l-episode-number {
width: 20px;
}

.table-mobisode-episodes .episode-synopsis {
padding: 6px;
color: #666;
border-bottom: 2px solid #222;
}

.table-mobisode-episodes .l-episode-name, 
.table-mobisode-episodes .l-episode-centric,
.table-mobisode-episodes .l-episode-context
{
width: 200px;
}

.table-mobisode-episodes thead {
background-color: #222;
color: #666;
font-size: 12px;
font-weight: bold;
}

/* ENd 100 */

/* Start 96 */

	.halloween-game
	{
		height: 205px;
		width: 680px;
	}
	
	.halloween-game .image
	{
		float: left;
		margin-right: 20px;
	}
	
	.halloween-game .image img 
	{
		border: 3px solid #333;
	}
	
	.halloween-game .rules 
	{
		text-align: justify;
	}
/* End 96 */

/* Start 94 */

	.table-94-work
	{
	width: 620px;
	border-spacing: 4px;
	}

	.table-94-work .thumb
	{
	width: 100px;
	}

	.table-94-work .details
	{
	width: auto;
	}

	.table-94-work .details .title
	{
	font-size: 18px;
	}

	.table-94-work .details .description
	{
	font-size: 13px;
	}


/* End 94 */

/* Start 89 */

	#table-89-darkufo-stats {
		border-spacing: 0;
	}
	
	#table-89-darkufo-stats thead {
		font-weight: bold;
		background-color: #000;
		color: #CCC;
		font-size: 10px;
	}
	
	#table-89-darkufo-stats .year {
		width: 200px;
		color: #ccc;
		font-weight: bold;
	}
	
	#table-89-darkufo-stats .stat {
		color: #ccc;
		width: 200px;
	}
	
	#table-89-darkufo-stats tr.odd {
		background-color: #111;
	}
	
	#table-89-darkufo-stats tr.even {
		background-color: #222;
	}

/* */

/* 86 */

#table-86-ozchar
	{
		width: 680px;
		font-size: 13px;
		border-spacing: 0;
		
	}
	
	#table-86-ozchar tr
	{
		vertical-align: top;
	}
	
	#table-86-ozchar .image 
	{
		width: 80px;
	}
	
	#table-86-ozchar .actor
	{
		width: 120px;
	}
	
	#table-86-ozchar .onoz
	{
		width: 120px;
	}
	
	#table-86-ozchar .onlost
	{
		width: 120px;
	}
	
	#table-86-ozchar .notes 
	{
		width: 200px;
		font-size: 10px;
	}
	
	#table-86-ozchar thead 
	{
		font-weight: bold;
		font-size: 11px;
		background-color: #333;
		color: #FFF;
	}

/* End 86 */


/* 85 */

#table-85-appearances 
	{
		width: 600px;
		border-spacing: 0;
	}
	
	#table-85-appearances thead 
	{
		color: #FFF;
		background-color: #222;
		font-size: 11px;
		font-weight: bold;
	}
	
	#table-85-appearances thead .episode, #table-85-appearances thead .notes
	{
		font-size: 10px;
	}
	
	#table-85-appearances td
	{
		padding-bottom: 10px;
		vertical-align: top;
	}
	
	#table-85-appearances .image
	{
		width: 120px;
	}
	
	#table-85-appearances .episode
	{
		width: 150px;
		font-size: 12px;
	}
	
	#table-85-appearances .notes
	{
		font-size: 10px;
	}

/* End 85 */

/* 83 */

		.warning
		{
			width: 680px!important;
			border: 1px solid #202020!important;
			background-color: #202020!important;
		}
		
		.warning .title
		{
			color: #CC0000;
			height: 50px;
			margin: 0px;
			padding-left: 10px;
			font-size: 26px;
			font-weight: bold;
			line-height: 50px;
			background-image: url(sf.png);
			background-repeat: no-repeat;
			background-position: 508px 3px;
		}
		
		div.warning div.title:hover 
		{
			background-image: url(sf_.png);
		}
		
		.warning .text
		{	
			color: #CCC;
			font-size: 14px;
			text-align: justify;
			padding: 10px;
			background-color: #101010;
		}

/* End 83 */