body
{
	background-image: url('/img/poster-background-01.gif');
	font-family: Helvetica, Arial, Sans-serif, Georgia, Time New Roman, Times, Serif;
	line-height: 140%;
	margin: 0px auto 20px 0px;
	padding: 0px 0px 20px 0px;
	width: 820px;
}

img
{
	border: 0px;
}

h2
{
	margin: 0px;
}

h5
{
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
}

a
{
	color: #000000;
}

a:hover
{
	color: #009900;
}

p
{
	margin-top: 0px;
	background-color: #eeeeee;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	padding: 4px;
}

p a
{
	font-weight: bold;
}

/***
 *
 * Navigation layout
 *
 ***/

.navigation
{
	margin-left: 20px;
	height: 200px;
}

h1#masthead
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 200px;
	clear: none;
}

ul#navigation
{
	margin: 25px 0px 0px -32px;
	padding: 0px;
	float: left;
	list-style: none;
}


#navigation li
{
	height: 30px;
	margin: 0px;
	padding: 0px;
}

ul.items ul.items li
{
	padding: 2px 4px 2px 4px;
}

.current
{
	background-color: #eeeeee;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	padding: 4px;
}

/***
 *
 * sub Navigation
 *
 ***/

.subNavigation 
{
	position: absolute;
	top: 53px;
	left: 200px;
	height: 30px;
	margin: 0px 0px 20px 232px;
	width: 350px;
}


.subNavigation ul 
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.subNavigation ul li
{
	height: 30px;
	display: block;
}

.subNavigation ul li.current a
{
	font-weight: bold;
}

/*** 
 *
 * Contents layout
 *
 ***/

.contents .left
{
	float: left;
	width: 220px;
	margin-right: 10px;
	margin-left: 10px;
}

.contents .right
{
	width: 580px;
	float: left;
}

.left h2
{
	text-align: right;
}

.left h2 img
{
	padding-right: 10px;
}

/***
 * 
 * items list /subnavi
 *
 ***/

ul.items
{
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	clear: both;
}

ul.items li
{
	margin: 0px 0px 0px 10px;
	width: 180px;
	display: block;
	clear: both;
}

ul.items li a
{
	float: left;
	clear: left;
}
ul.items li .count
{
	float: right;
	clear: right;
}

/***
 *
 * Blog entry
 *
 ***/

.blog .left
{
	margin-top: 20px;
}

.entry
{
	padding-bottom: 10px;
	border-bottom: 1px dotted #777777;
	margin-bottom: 30px;
}

.entry .byline
{
	text-align: right;
	font-size: 0.8em;
}

.entry ul.topics
{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.entry ul.topics li
{
	display: inline;
	padding-right: 10px;
}

div.topics
{
	background-color: #eeeeee;
}

p.byline
{
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/***
 *
 * Item attachment
 *
 ***/

.attachment
{
	margin: 0px 20px 20px 0px;
	float: left;
	background: #eeeeee;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}

.attachment.flv
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;	
}

.attachment.medium
{
	width: 250px;
	max-width: 250px;
	text-align: center;
}

.attachment h5
{
	padding: 2px;
	margin: 0px;
}

/***
 *
 * Form Elements
 *
 ***/

form
{
	padding: 0px;
	margin: 0px;
}

input.text,
textarea
{
	font-family: courier, monospace;
	padding: 4px;
	margin: 0px;
	border: 1px dotted #777777;
	width: 98%;
	font-size: 0.9em;
}

p.buttons
{
	text-align: right;
	background: none;
}

/***
 *
 * Generic Classes 
 *
 ***/

.clear
{
	clear: both;
}

p.first
{
	margin-top: 2px;
}

.error
{
	font-weight: bold;
	color: #AA0000;
}

.success,
.message
{
	font-weight: bold;
	color: #00AA00;
}

/****
 *
 * pages classes
 *
 ****/

.pages ul 
{
	margin: 0px;
	padding: 0px;
	display: inline;
}


.pages ul li
{
	position: relative;
	display: inline;
	height: 22px;
}

.pages a
{
	position: relative;
	padding: 3px 4px 3px 4px;
}

.pages .inactive
{
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

.right ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.right ul li
{
	margin: 0px 0px 40px 0px;
}

h3
{
	font-size: 16pt;
}

h4
{
	font-size: 14pt;
	margin: 0px;
}

h4 .role
{
	font-weight: normal;
}

.home h1#masthead
{
	display: none;
}

.home ul#navigation
{
	margin-left: 10px;
}

.home ul#navigation li
{
	width: 190px;
	text-align: right;
}

.home h2.news
{
	margin: 20px 0px 0px 10px;
}

.home #news
{
	position: absolute;
	left: 470px;
	top: 450px;
	width: 600px;

	z-index: 4;
}

.home #news ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin: 0px;
}

.home #news .date
{
	font-size: 80%;
	display: block;
}

.home #news a
{
	font-weight: bold;
}

.home #shopFront
{
	position: absolute;
	background: url('/img/shop-front.gif'); 
	background-repeat: no-repeat; 
	background-position: 165px 0px; 
	width:900px; 
	height: 580px; 
	z-index: 3;
}

.mailinglist .entry
{
	padding: 0px;
	margin: 0px;
}

.mailinglist p.buttons
{
	margin-bottom: 0px;
}

/****
 *
 * Shop Styles
 *
 ****/

.shop .contents
{
	width: 960px;
}

.shop ul.contributions,
.images .contents ul
{
	list-style: none;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	width: 960px;
}

.shop ul.contributions
{
	width: 600px;
}

.shop ul.contributions li,
.images .contents ul li
{
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	position: relative;
	list-style: none;
	display: block;
	max-width: 180px;
	min-height: 100px;
	margin: 0px 10px 15px 0px;
	float: left;
	text-align: center;
}

.shop ul.contributions li:hover,
.images .contents ul li:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.shop ul.contributions li.first,
.shop .contents ul li.first
{
	clear: left;
}

..shop ul.contributions li.last,
shop .contents ul li.last
{
	clear: right;
}

.shop .contents ul li h3
{
	font-size: 1em;
	padding: 0px;
	bottom: 0px;
	margin: 0px;
}

.shop .contents ul li a
{
	text-decoration: none;
	text-align: center;
	color: #222222;
}

.shop .contents .left
{
	padding: 40px 0px 0px 20px;
	width: 200px;
	text-align: center;
}

.shop .contents .left img
{
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

.details .contents ul
{
	list-style: none;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	width: 960px;
	margin-left: 245px;
}

.details .contents ul li
{
	position: relative;
	list-style: none;
	display: block;
	margin: 0px 10px 10px 0px;
}
