* { margin:0;padding:0; font-family:Verdana, Tahoma, Sans-Serif;}
html {overflow: -moz-scrollbars-vertical;}
body { background:rgb(47,49,57);padding-bottom:1em;color:#7A7A7A;}
#ex { position:absolute;top:0;left:0;visibility:hidden;}
a img { border:0;text-decoration:none; }

.show_join_submit_button, .show_join_reset_button, .show_update_submit_button, .show_lostpass_submit_button, .sub, div.codesort .form_submitted { background:#151D23;margin:5px 0 0 0;padding: 5px 14px 5px 14px;}
.show_join_submit_button:hover, .show_join_reset_button:hover, .show_update_submit_button:hover, .show_lostpass_submit_button:hover, .sub:hover, div.codesort .form_submitted:hover { background:#2F3139;color:#9C9898;border:solid 1px #2F3139;}
.show_join_form, .show_update_form, .show_lostpass_form { padding: 0;margin: 10px 0 15px 27px;}
.show_join_error, .show_update_error { color:#E8BB32;}
.show_lostpass_email_field { padding: 5px 0 5px 0;}

.show_sort_form {margin: 3px 0 30px 0;font-size: 0.8em;}

div.codesort ul {  font-size:0.9em;padding: 7px 0 15px 5px; margin: 10px 0 15px 10px;}
div.codesort ul li { display:inline;	line-height: 1.3em;padding: 0 10px 0 10px;margin: 0 0 8px 15px;border-left:1px solid #3E464E;border-right:1px solid #3E464E;}
div.codesort{ margin-bottom:5px;}
div.codesort img { margin-left:1px;border:4px solid #1D2127;}
div.codesort img:hover { border:4px solid #14161A;}
div.credit { font-size: 0.8em;}
label { float: left; width: 8em; text-align: right; margin: 0 0.5em 0 0;}
#donate label { width: 13em;}

p.thanks { font-size:0.9em;font-weight:bold;font-style:italic;}

a, a:link { color: #AC332A; text-decoration: none;}
a:visited { color: #89312D; text-decoration: none;}
a:hover { color: #AF6B6D; text-decoration: none;}
div#wrap div.content div.c3 p.aff { line-height:3.5em;}
div#wrap div.content div.c3 p.aff img { padding:2px; border:1px solid #3D4855;}
div#wrap div.content div.c3 p.aff img:hover { border:1px solid #596C81;}

.upper  { text-transform:uppercase;}
.f  { margin: 0;padding: 0;visibility: hidden;border:0;height:0;}
.hr { border: 1px solid #353B43;height: 1px;clear: left;margin-bottom:10px;}

table.cast {
	width:585px;
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	margin: 0 0 15px 0;}
table.cast td {
	border-bottom: 1px dashed #393F49;}
table.arti {
	width:585px;
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	margin: 0 0 15px 0;}
table.arti td {
	border-bottom: 1px dashed #393F49;}
input, textarea {
	background: #33383F;
	border: 1px solid #151D23;
	font-family:Verdana, Tahoma, Sans-Serif;
	font-size: 1.0em;
	color:#7A7A7A;}
select {
	background: #33383F;
	border: 1px solid #151D23;
	font-family:Verdana, Tahoma, Sans-Serif;
	font-size: 1.0em;
	color:#7A7A7A;}
	
.stat { padding: 3px 0 0 0; margin: 0;}
.stat li {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 4px 15px;
	list-style-type:circle;}
	
.stat2 { padding: 16px 0 0 0; margin: 0;}
.stat2 li {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 4px 15px;
	list-style-type:circle;}
	
.ul { padding: 3px 0 15px 0; margin: 0;}
.ul li {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 15px;
	list-style-type:circle;}
	
.ulf { padding: 3px 0 5px 0; margin: 0;}
.ulf li {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 15px;
	list-style-type:circle;}
	
.ul2 { padding: 3px 0 0 0; margin: 0;}
.ul2 li {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 20px 15px;
	list-style-type:circle;}
	
.ul1 { padding: 8px 0 7px 31px; margin: 0;}
.ul1 li {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 15px;
	list-style-type:circle;}
	
.ul1a { padding: 5px 0 7px 31px; margin: 0;}
.ul1a li {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 15px;
	list-style-type:circle;}
.ul1a li.valittu { text-decoration: none;}
.ul1a li.valittu a { color: #6085AE; text-decoration: none;background:rgb(50,57,70);padding:1px;}
.ul1a li.valittu a:link { color: #6085AE; text-decoration: none;background:rgb(50,57,70);padding:1px;}
.ul1a li.valittu a:visited { color: #6085AE; text-decoration: none;background:rgb(50,57,70);padding:1px;}

div#intro p {
	width:285px;
	padding: 8px 0 7px 16px;
	margin: 0;
	color: #7A7A7A;
	text-align:left;
	font-size:.8em;
	line-height: 1.3em;}
div#intro h2 {
	background: url(img/title.gif) no-repeat;
	background-position: 0 4px;
	margin: 16px 0 4px 16px;
	padding: 0 0 0 15px;
	text-align:left;
	font-size:.9em;
	line-height: 1.3em;
	text-transform:uppercase;
	color: #67809D;
	font-weight:normal;
	letter-spacing: 1px;}

div#c1 {
	position: relative;
	float: left;
	width: 260px;
	padding: 6px 0 0 16px;
	margin: 0;}

div#c1 p, div#c2 p, div.c3 p {
	color:#7A7A7A;
	font-size:.8em;
	line-height: 1.3em;
	padding: 3px 0 15px 0;
	margin:0;}

div#c2 {
	position: relative;
	float: left;
	width: 320px;
	padding: 6px 0 0 0;
	margin: 0;}
div.c3 {
	position: relative;
	float: left;
	padding: 6px 16px 0 16px;
	margin: 0;}
div#c1 h2, div#c2 h2, div.c3 h2, div.codesort h3  {
	background: url(img/title.gif) no-repeat;
	background-position: 0 4px;
	margin: 0 0 13px 0;
	padding: 0 0 0 15px;
	text-align:left;
	font-size:.9em;
	line-height: 1.3em;
	text-transform:uppercase;
	color: #67809D;
	font-weight:normal;
	letter-spacing: 1px;}

div#foot p {
	text-align:center;
	color:#535863;
	font-size:.7em;
	line-height: 1.3em;
	padding: 10px 9px 2px 7px;
	margin:0;}

/* IE5.5 */
* html div#foot p { padding: 0 9px 2px 7px;}

/* divit
----------------------------------------------- */
#kokosivu {
	position: relative;
	background: url(/img/bg.gif) no-repeat 0 0;
	width: 716px;
	height: 547px;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	clear: both;}
#wrap {
	top: 0;
	left: 48px;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;}
#head {
	background: url(/img/head.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	width: 617px;
	height: 99px;
	position: relative;
	float: left;}
#head h1 { position:relative;float:left;left:95px;top:16px;margin:0; padding:0;}
#head h1 a {
	text-indent: -9000px;
	overflow: hidden;
	width: 330px;
	height: 72px;
	background: url(/img/logo.jpg) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
#head h1 a:hover {
	text-indent: -9000px;
	overflow: hidden;
	width: 330px;
	height: 72px;
	background: url(/img/logo.jpg) no-repeat 0 0;
	background-position: 0 -72px;
	display: block;
	border: 0;
	text-decoration: none;}
#navi {
	background: url(/img/navibg.gif) repeat-x 0 0;
	padding: 0;
	margin: 0;
	width: 617px;
	height: 42px;
	position: relative;
	float: left;}
#intro {
	background:url(/img/pic.jpg) no-repeat right top rgb(32,36,45);
	padding: 0;
	margin: 0;
	width: 617px;
	min-height: 179px;
	position: relative;
	float: left;}
/* IE5.5 */
* html #intro { height: 179px;}
.content {
	background:url(/img/titlebg.gif) repeat-x left top rgb(35,39,45);
	padding: 0 0 5px 0;
	margin: 9px 0 0 0;
	width: 617px;
	position: relative;
	float: left;clear:both;}
#foot1 {
	background:url(/img/footbg.gif) repeat-x left top;
	padding: 0;
	margin: 9px 0 0 0;
	width: 617px;
	height: 26px;
	position: relative;
	float: left;}
#foot {
	background:url(/img/foot.gif) no-repeat left top;
	padding: 0 0 20px 0;
	margin: 0;
	width: 617px;
	height: 67px;
	position: relative;
	float: left;}
	
/* navi
----------------------------------------------- */
#navigation {
	position: relative;
	float: left;
	text-align:center;
	width: 617px;
	top: 11px;
	left: 2.7%;
	list-style-type: none;
	letter-spacing: 1px;
	font-size: 0.8em;
	margin:0;
	padding:0;}
#navigation li {
	height:29px;
	text-align: center;
	float: left;
	margin-right: 6px;
	padding: 0;
	text-transform: uppercase;}
#navigation a {
	float: left;
	display: block;
	height:29px;
	color:#5C6F84;
	text-decoration: none;
	padding: 5px 6px 2px 6px;}
#navigation a:hover {
	height:29px;
	background:url(/img/navii.gif) repeat-x 0 0;
	color: #6085AE;
	text-decoration: none;
	padding: 5px 6px 2px 6px;}
#navigation li.valittu {
	background:url(/img/navii.gif) repeat-x 0 0;
	color: #6085AE;
	text-decoration: none;}
#navigation li.valittu a { color: #6085AE; text-decoration: none;}
#navigation li.valittu a:link { color: #6085AE; text-decoration: none;}
#navigation li.valittu a:visited { color: #6085AE; text-decoration: none;}

/* Start of CSS for Dagon Design Form Mailer */

fieldset { border:0;}
.fmerrorbox ul { padding: 0 15px 0 40px;}
.mailwrapper { font-size: 0.8em;padding: 12px 0 0 0;margin: 0 0 30px 27px;}
.maildiv { text-align: left;}
.maildiv form { text-align: left;}
.maildiv label { vertical-align: top;padding: 0 0 0 3px;}
.maildiv .sidelbl {
	/* used for left side labels */
	text-align: left;
    margin: 0;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
	display: block; }
.maildiv a { color: #005ABE;}
.maildiv h2 { color: #BD0808;font-size: 150%;}
.maildiv input { margin-bottom: 10px;}
.maildiv select { margin-bottom: 10px;}
.maildiv textarea { margin-bottom: 0;}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 4px;
	vertical-align:bottom;  
	border: 0; }
.maildiv fieldset { padding: 0;margin-bottom: 10px;}
.maildiv .legendspacing { height: 10px;}
.maildiv .fmcredits { font-size: 90%;}
.maildiv .fmrequired { color: #7A7A7A;}
.maildiv .fmspacer { height: 5px;}
.maildiv .fminfofull { padding: 0;color: #7A7A7A;margin-bottom: 30px;}
.maildiv .fminfohalf { padding: 0;color: #7A7A7A;margin-left: 110px;margin-bottom: 10px;}
.maildiv li { margin: 0 0 4px 0;}
.maildiv .fmerrortitle { margin: 0 0 5px 0;padding: 0;color: #CC261E;font-size: 150%;}

.maildiv .fmsubmit input#Submit { background:#151D23;margin:0 0 0 113px;padding: 5px 14px 5px 14px;}
.maildiv .fmsubmit input#Submit:hover { background:#2F3139;color:#9C9898;border:solid 1px #2F3139;}


/* End of CSS for Dagon Design Form Mailer */

/* fanlist table
---------------------------------------------------------------------------------------------------------------- */
div#wrap div.content table.fanlist { padding:0; margin:10px 0 25px 0;width:618px;}
div#wrap div.content table.fanlist td { margin:0; padding:8px; text-align:center;border:1px solid #DBDBDB;}
div#wrap div.content table.fanlist th { background: #DBDBDB;margin:0; padding:2px 12px 2px 12px; text-align:center;border:1px solid #DBDBDB;}