/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Typodermic
 * License URL: http://www.fontspring.com/fflicense/typodermic
 *
 *
 */

@font-face {
	font-family: 'ChineseRocksRgRegular';
	src: url('chinese_rocks_rg-webfont.eot');
	src: local('☺'), url('wft/chinese_rocks_rg-webfont.woff') format('woff'), url('wft/chinese_rocks_rg-webfont.ttf') format('truetype'), url('wft/chinese_rocks_rg-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}





body
{
	background-color: #000;
	color: #000;
	font-family: Helvetica;
	background-image: url('img/back3.png');
	background-repeat: repeat-y;
	background-position: top center;
	text-align: center;
	margin:0px;
	padding: 0px;
	}
	
#top img
{
margin: 1em;
}
	
div.tl
{
position: absolute;
left: 0px;
top: 0px
}
	
	div.headercont
{
background-color: #e1d3bc;
text-align: center;
padding: 0px;
margin-bottom: 16px;
}

div.footercont

{
background-color: #e1d3bc;
text-align: center;
margin-top: 16px;
clear: both;
padding: 0.5em;
}


p
{
text-align:left;
margin: 0.5em 0em 0.5em 0em;
}
form
{
margin: 0.5em 0em 0.5em 0em;
}
a, img
{
border-style: none;
}
a.order
{
padding: 2px;
background-color: #636363;
margin-bottom: 6px;
font-size: 0.8em;
}
div
{
text-align: left
}
div.main
{
margin-left: auto;
margin-right: auto;
width: 720px;
clear: both;
}

div.object
{
background-color: #e1d3bc;
padding: 8px;
margin-bottom: 8px;
text-align: center;
}

div.ad
{
background-color: transparent
}

ul
{
width: 100%;
margin: 0px;
padding: 0px;
}

#spiel li
{
text-align: left;
list-style-type:disc;
margin: 0.5em 1em 0.5em 2em;
}

div.pckg
{
float: left; width: 209px; margin-right: 8px; padding: 10px;
color: #000; background-color: #beb19c;
}

#contact label
{
width: 10em;
}

#nav li
{
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #636363;
padding: 5px;
list-style-type: none;
}

#nav a
{
color: #000;
text-decoration: none;
}
#nav li:hover
{
background-color: #beb19c;
}
em
{
font-style: normal;
color: #217f00;
}
h1
{
margin: 0px;
padding: 0px;
font-family: 'ChineseRocksRgRegular', Helvetica;
font-weight: normal;
}
h2
{
border-bottom-style: solid;
margin: 0px 0px 4px 0px;
padding: 2px;
font-size: 20px;
font-family: 'ChineseRocksRgRegular', Helvetica;
font-weight: normal;
}
h1
{
padding: 8px;
font-size: 2em;
color: #e1d3bc;
font-family: 'ChineseRocksRgRegular', Helvetica;
text-align: center
}
h3
{
padding: none;
margin: none;
font-size: 1em;
display: inline;
}

a
{
color: #217f00;
}

div.left
{
float:left;
width:500px;
padding: 8px;
margin-right: 8px;
background-color: #e1d3bc;
margin-bottom: 16px;
}
div.right
{
float:right;
width:180px;
padding: 8px;
background-color: #e1d3bc;
margin-bottom: 8px;
}
p.newsattrib
{
font-style: italic;
font-size: 0.8em;
text-align: right;
margin: 0px;
}
q
{
clear: both;
background-color: #c2b6a1;
display: block;
padding: 10px;
font-size: 1em;
font-weight: bold;
font-style: italic;
margin-bottom: 0.5em;
}

div.comment
{
clear: both;
display: block;
margin-bottom: 0.8em;
}
textarea
{
width: 100%;
}
span.attrib
{
font-weight: bold;
font-size: 0.8em;
color: #217f00;
}
span.datetime
{
color: #9E9483;
}

#pagination a
{
margin: 5px;
padding: 5px;
background-color: #d0c3ad;
text-decoration: none;
color: #000;
}

a.selected
{
border-style:solid;
border-color: #beb19c;
}

#pagination a:hover
{
background-color: #beb19c;
}

#pagination
{
text-align: center;
}

#levellist a
{
text-decoration: none;
color: #000;
}

#tablist a
{
text-decoration: none;
color: #000;
}

#levellist li
{
float: left;
background-color: #d0c3ad;
display: block;
padding: 10px;
font-size: 0.75em;
margin-bottom: 0.5em;
margin: 3px;
width:140px;
font-weight: bold;
border-style: none;
}

#tablist li
{
float: left;
background-color: #d0c3ad;
display: block;
padding: 10px;
font-size: 0.75em;
text-align: center;
margin-bottom: 0.5em;
margin: 3px;
width: 99px;
font-weight: bold;
border-style: none;
}

#levellist li:hover
{
background-color: #beb19c;
}

a.loadmore
{
background-color: #d0c3ad;
display: block;
padding: 10px;
font-size: 0.75em;
margin-bottom: 0.5em;
margin: 3px;
font-weight: bold;
border-style: none;
}

div.ie6
{
display: none;
}

span.gbold
{
color: #217f00; font-weight: bold;
}
span.rbold
{
color: #b90000; font-weight: bold;
}
span.ybold
{
color: #db8800; font-weight: bold;
}
a.expander
{
background-color: #000;
color: #fff;
padding: 4px;
}
a.expander:hover
{
color: #f0f;
}

div.leftad{
position: absolute; left: 50%; top: 62px; margin-left: -498px;}
div.rightad{
position: absolute; left: 50%; top: 62px; margin-left: 378px;}

#top img
{
margin: 10px;
}

label
{
	float: left;
	width: 170px;
}
input
{
	width: 300px;
	height: 14px;
	margin-bottom: 10px;
}