html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

body {
	background: #210e08 url(img/body.jpg) top left;
	padding: 0;
	margin: 0;
	font: 500 11px/18px Arial, Helvetica, sans-serif;
	color: #a09984;
	}

legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	}

fieldset {
	border: 1px dotted #807964;
	}

input, textarea, select {
	border: 1px solid #807964;
	background: #060504;
	color: #a09984;
	font: 11px Arial, Helvetica, sans-serif;
	}

input:focus, textarea:focus, select:focus {
	border: 1px solid #fff;
	}

a {
	color: #e3cd88;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	}

a:hover {
	color: #fff;
	}

h2 {
	font: 700 14px/16px Georgia "Times New Roman", Times, serif;
	color: #fff;
	margin: 0;
	padding: 15px 0 5px 0;
	}

h4 {
	font: 700 12px/14px Georgia "Times New Roman", Times, serif;
	color: #fff;
	margin: 0;
	padding: 10px 0 0 0;
	}

p {
	padding: 5px 0 10px 0;
	margin: 0;
	}

img {
	border: none;
	}

form {
	padding: 0;
	margin: 0;
	}

.pvm {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #908974;
	}


.line {
	width: 100%;
	height: 20px;
	background: url(img/line.gif) no-repeat center center;
	}

.line2 {
	width: 100%;
	height: 20px;
	background: url(img/line_2.png) repeat-x center center;
	}

.line3 {
	width: 100%;
	height: 11px;
	background: url(img/line_2.png) repeat-x center center;
	}


#ylapalkki {
	width: 100%;
	height: 23px;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	background: url(img/top_bg.gif);
	}

#shadeempirecom {
	width: 240px;
	float: left;
	padding: 0 10px;
	}

#ylapalkki a {
	border: none;
	}


#login {
	width: 500px;
	float: right;
	padding: 0 10px;
	text-align: right;
	line-height: 23px;
	font-size: 10px;
	color: #666;
	}

#login input {
	border: 1px solid #333;
	background: #000;
	color: #999;
	font: 10px Arial, Helvetica, sans-serif;
	}


#televisio {
	position: absolute;
	left: 9px;
	top: 66px;
	z-index: 150;
	padding: 0 1px 0 0;
	}


#header {
	position: absolute;
	left: 0;
	top: 23px;
	z-index: 1;
	width: 100%;
	height: 158px;
	background: url(img/header.jpg) no-repeat top left;
	}

#menu {
	position: absolute;
	left: 0;
	top: 371px;
	z-index: 3;
	width: 299px;
	height: 330px;
	background: url(img/menu_bg.jpg) no-repeat top left;
	padding: 3px 0 0 0;
	}

#menu a {
	border: none;
	}

#main_bg {
	width: 548px;
	padding: 0 0 10px 0;
	position: absolute;
	left: 299px;
	top: 181px;
	z-index: 2;
	}

#main {
	width: 430px;
	background: url(img/main.jpg) no-repeat top left;
	padding: 40px 73px 20px 45px;

	}



#tv {
	position: absolute;
	top: 181px;
	left: 0;
	z-index: 3;
	width: 299px;
	height: 190px;
	background: url(img/tv.jpg) top left;
	}

#tv_right {
	position: absolute;
	top: 158px;
	left: 299px;
	width: 51px;
	height: 152px;
	z-index: 50;
	}

#album {
	position: absolute;
	top: 181px;
	left: 847px;
	right: 0px;
	height: 291px;
	background: url(img/album.jpg) no-repeat;
	}

#levykauppax {
	position: absolute;
	left: 935px;
	top: 365px;
	width: 41px;
	height: 46px;
	z-index: 500;
	}

#levykauppax a {
	border: none;
	}

.right, .secondary {
	position: absolute;
	top: 260px;
	left: 540px;
	width: 160px;
	}

.album {
	padding: 2px;
	background: #111;
	border: 1px solid #685543;
	}

.red {
	color: #993300;
	}

.reply {
	font-style: italic;
	color: #e3cd88;
	}

.kuva {
	float: left;
	width: 140px;
	height: 140px;
	padding: 0 3px 3px 0;
	background: url(img/photoalbum.png) no-repeat;
	}

.kuvathumb {
	background-position: center center;
	background-repeat: no-repeat;
	width: 140px;
	height: 140px;
	}

.kuva a {
	border: none;
	}

.small {
	font-size: 10px;
	}

.admin a {
	color: #993300;
	}

.admin a:hover {
	color: #CC6600;
	}