/*
Harhakuva 3.0.0
Visual lead | Iikka Koistinen
Site building | Tuomo Tomperi
Backend | Tuomo Ala-Vannesluoma
Design | uusmediatoimisto Delusion 2005-2009
2009-05-24
*/ 

body {
	padding: 0; 
	margin: 15px 0;
	color: #51271B;
	text-align: center;
	font: 11px/1.5em tahoma,verdana,geneva,sans-serif;
	background: #b7a081 url(../i/bodybg.gif) repeat-x;
	}

table, table tr, table td {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, p {
	margin: 0;
	padding: 0 0 10px 0;

	}

h1, h2, h3, h4 { }

h1 { 
	font-size: 218%;
	padding-bottom: 20px;
	letter-spacing: -1px;
	}

h2 { 
	font-size: 164%;
	letter-spacing: -1px;
	}

h3 { 
	font-size: 145%;
	}

h4 { 
	font-size: 118%;
	}

p {
	
	}

acronym {
	cursor: help;
	}

img {
	padding: 0;
	border: 0;
	margin: 0;
	}

ul {
	list-style: disc;
	margin: 0 0 10px 25px;
	padding: 0;
	}

ol {
	list-style: disc;
	margin: 0 0 10px 25px;
	padding: 0;
	}

li {
	margin: 0;
	padding: 0;
	}

a, a:link, a:visited {
	color: #51271B;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	outline: none;
	}

a:hover {
	text-decoration: underline;
	color: #230f09;
	}

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

/* */

#frame {
	width: 974px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../i/faux.gif) repeat-y;
	}	
	
#modalFrame #frame {
	width: 752px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
	}	
	
#frame #rng {
	padding: 0 3px;
	}

#frame #contentframe {
	margin-top: 1px;
	width: 968px;
	position: relative;
	}

#frame #rounders {
	display: block;
	width: 968px;
	height: 31px;
	position: relative;
	z-index: 2;
	}

#frame #roundersmax {
	display: block;
	width: 968px;
	height: 31px;
	position: relative;
	z-index: 2;
	}

#frame #floatingpoint {
	width: 968px;
	margin-top: -31px;
	display: block;
	}

#frame .max #floatingpoint {
	margin-top: -32px;
	}

/* 

Taustat erilevyisille sivuille. Samalla myös pyöristykset.

.regular on se ihan basic 3-pylväinen. Esim. etusivulla.
.max on sitten kokolevyinen, yms

*/

#frame .regular {
	background: url(../i/contentframe-regular.gif) repeat-y;
	}

#frame .max {
	background: url(../i/contentframe-max.gif) repeat-y;
	}

#frame .maxdark {
	background: url(../i/contentframe-maxdark.gif) repeat-y;
	}	
	
#frame .twocolumn {
	background: url(../i/contentframe-2column.gif) repeat-y;
	}

/* */

#frame .regular #rounders {
	background: url(../i/regular-rounders.gif) no-repeat;
	}

#frame .twocolumn #rounders {
	background: url(../i/2column-rounders.gif) no-repeat;
	}

/* */

#frame #gallerytabs{
	padding: 3px 0 0 0;
	
	}

#frame  #contentcenter #gallerytabs{
	padding: 10px 0 0 0;
	}	
	
#frame .max #gallerytabs{
	padding: 5px 0 0 0;
	background: url(../i/contentframe-max-tabs.gif) repeat-y;
	}

#frame #gallerytabs .maintabs {
	padding-left: 16px;
	}	

#frame #contentcenter #gallerytabs .maintabs {
	padding-left: 12px;
	}	
	
/* */

#header {
	width: 976px;
	height: 31px;
	padding: 0;
	margin: 0 auto;
	/*background: url(../i/hk-orgbg.gif) repeat-x;*/
	background: url(../i/hk-org.gif) no-repeat;
	position: relative;
	}

#header h1 {
	text-indent: -5000px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: left;
	}

#header h1 a {
	display: block;
	width: 170px;
	height: 31px;
	}

#header form {
	padding: 0;
	margin: 0;
	}

#header #search{
	position: absolute;
	top: 0;
	right: 2px;
	width: 31px;
	height: 31px;
	}	
	
#header #search a#searchopen {
	display: block;
	width: 31px;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../i/searchinvoke.gif) no-repeat;
	}		
	
#header table {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 175px;
	}

#header table tr {
	padding: 0;
	margin: 0;
	}
 
#header table tr td {
	padding: 0;
	margin: 0;
	}

#header #user {
	display: block;
	width: 80px;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	margin-right: 2px;
	background: url(../i/search_top.gif) no-repeat;
	}

#header .searcharrow {
	display: block;
	width: 17px;
	height: 34px;
	text-indent: -5000px;
	overflow: hidden;
	border: none;
	background: url(../i/search_top.gif) no-repeat;
	background-position: 0px -46px;
	}

#header #work {
	display: block;
	width: 60px;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../i/search_work.gif) no-repeat;
	}

#header div.inputs {
	display: block;
	width: 80px;
	height: 33px;
	background: url(../i/search_top.gif) no-repeat;
	background-position: -80px -1px;
	}

#header div.inputs span {
	display: block;
	padding-top: 13px;
	}

#header div.inputs span input.text {
	width: 74px;
	height: 14px;
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background: transparent;
	border: 0 solid #000;
	padding: 0;
	margin: 0;
	}

#mainmenu {
	display: block;
	width: 974px;
	height: 39px;
	padding: 0;
	margin: 0;
	background: url(../i/mainbgs.gif) no-repeat;
	position: relative;
	}

#mainmenu .insides {
	margin: 0 3px;
	padding: 0 5px;
	background: url(../i/ululli_bg.gif) repeat-x;
	height: 39px;
	}

#mainmenu ul {
	display: block;
	width: 958px;
	height: 39px;
	list-style: none;
	padding: 0;
	margin: 0;
	}

#mainmenu ul li {
	float: left;
	padding: 0;
	margin: 0;
	height: 39px;
	background: url(../i/ululli_bg.gif) repeat-x;
	background-position: 0px -39px;
	}

#mainmenu ul li a {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	color: #FFF;
	text-decoration: none;
	text-indent: -5000px;
	overflow: hidden;
	height: 39px;
	}

#mainmenu ul li#mm_logout {
	position: absolute;
	top: 0;
	right: 5px;
	display: block;
	height: 39px;
	width: 45px;
	}

/* Opera7 tahtoo myös li-elementeille leveydet :) */

#mainmenu #mm_front{ width: 62px; }
#mainmenu #mm_mypage		{ width: 70px; }
#mainmenu #mm_logout		{ width: 45px; }
#mainmenu #mm_work{ width: 46px; }
#mainmenu #mm_forums		{ width: 120px;}
#mainmenu #mm_members		{ width: 61px; }
#mainmenu #mm_reg{ width: 120px;}
#mainmenu #mm_info{ width: 119px;}
#mainmenu #mm_contact		{ width: 98px; }
#mainmenu #mm_stats{ width: 67px; }
#mainmenu #mm_exif{ width: 73px; }

#mainmenu a { background: url(../i/mm_buttons.gif) no-repeat; }

#mainmenu #mm_members a		{ width: 61px; background-position: 0px 1px; }
#mainmenu #mm_mypage a		{ width: 70px; background-position: -61px 1px; }
#mainmenu #mm_reg a			{ width: 120px; background-position: -131px 1px; }
#mainmenu #mm_stats a		{ width: 67px; background-position: -251px 1px; }
#mainmenu #mm_work a			{ width: 46px; background-position: -318px 1px; }
#mainmenu #mm_contact a		{ width: 98px; background-position: -364px 1px; }
#mainmenu #mm_exif a			{ width: 73px; background-position: -462px 1px; }
#mainmenu #mm_forums a		{ width: 120px; background-position: -535px 1px; }
#mainmenu #mm_front a		{ width: 62px; background-position: -655px 1px; }
#mainmenu #mm_info a			{ width: 119px; background-position: -717px 1px; }
#mainmenu #mm_logout a		{ width: 45px; background-position: -836px 1px; }

#mainmenu #mm_members a:hover	{ background-position: 0px -38px; }
#mainmenu #mm_mypage a:hover		{ background-position: -61px -38px; }
#mainmenu #mm_reg a:hover		{ background-position: -131px -38px; }
#mainmenu #mm_stats a:hover		{ background-position: -251px -38px; }
#mainmenu #mm_work a:hover		{ background-position: -318px -38px; }
#mainmenu #mm_contact a:hover	{ background-position: -364px -38px; }
#mainmenu #mm_exif a:hover		{ background-position: -462px -38px; }
#mainmenu #mm_forums a:hover		{ background-position: -535px -38px; }
#mainmenu #mm_front a:hover		{ background-position: -655px -38px; }
#mainmenu #mm_info a:hover		{ background-position: -717px -38px; }
#mainmenu #mm_logout a:hover		{ background-position: -836px -38px; }

#login {
	position: relative;
	margin-top: 2px;
	margin-bottom: -1px;
	background: url(../i/login_bgr.gif) repeat-x;
	}

#login .insides {
	display: block;
	width: 968px;
	height: 39px;
	background: url(../i/mainbgs.gif) no-repeat;
	background-position: 0px -80px;
	position: relative;
	}

#login .insides div.left {
	padding: 0 5px;
	}

#login .insides div.left p#newstatus {
	padding: 0 5px;
	margin: 0;
	line-height: 33px;
	color: #fff;
	font-size: 90%;
	}

#login .insides div.left p#newstatus a {
	color: #faead1;
	font-weight: bold;
	text-decoration: none;
	}

#login .insides div.left p#newstatus a:hover {
	color: #fff;
	text-decoration: none;
	}

#login .insides div.left p#newstatus span {
	font-weight: bold;
	}

#login .insides div.left p#newstatus span.pipeline {
	font-weight: bold;
	padding: 0 5px;
	font-size: 109%;
	color: #faead1;
	}

#login .insides div.left form {
	margin: 0;
	padding: 0;
	}

#login .insides .left div.desc{
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	height: 36px;
/*	background: url(../i/login_uname.gif) no-repeat;*/
	}

#frame #login .insides .left .uname	{ width: 220px; float: left;}
#frame #login .insides .left .pass		{ width: 191px; float: left;}
#frame #login .insides .left .remm		{ width: 93px; float: left; padding-right: 9px;	}

#frame #login .insides .left .uname div.desc	{ width: 80px; height: 36px; background: url(../i/nav_images.gif) no-repeat 50% 0; background-position: 4px -171px; }
#frame #login .insides .left .pass div.desc	{ width: 51px; height: 36px; background: url(../i/nav_images.gif) no-repeat 50% 0; background-position: 4px -207px; }
#frame #login .insides .left .remm div.desc	{ width: 72px; background: url(../i/login_remm.gif) no-repeat 50% 0;	}

#frame #login .insides .left div.inputs {
	display: block;
	width: 140px;
	height: 28px;
	float: left;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px 9px;
	}
	
#frame #login .insides .left div.inputs span {
	display: block;
	padding: 12px 3px 0 3px;
	}
	
#frame #login .insides .left .remm:hover { cursor: pointer;}




#frame #login .insides .left div.inputs input {
	color: #000;
	width: 134px;
	height: 14px;
	font-size: 81%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	border: 0 solid #000;
	padding: 0;
	margin: 0;
	}

#frame #login .insides div.right {
	position: absolute;
	top: 9px;
	right: 9px;
	}

#frame #login .insides div.right a {
	margin-left: 9px;
	}

/* */

#showroom {
	display: block;
	width: 968px;
	/*height: 140px;*/
	height: 140px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #280500 url(../i/showroombg.gif) repeat-x;
	position: relative;
	}

#showroom #shroom,
#showroom #shroomc { 
	position: absolute;
	top: 120px;
	right: 5px;
	display: none;
	width: 15px;
	height: 15px;
	background: #280500 url(../i/morearrows.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden; z-index: 200;
	}	

#showroom #shroomc { 
	top: 390px;
	background: #280500 url(../i/morearrows.gif) no-repeat bottom left;
	}	
	
#showroom .innerborder {
	 margin-top: 2px
	}

#showroom .innerborder table { 
	margin: 0;
	padding: 0;
	width: 968px;
	height: 127px;
	border-collapse: collapse;
	}

#showroom .innerborder table td { 
	margin: 0;
	padding: 0;
	width: 138px;
	height: 135px;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	background: url(../i/showroomtd.gif) 50% 50% no-repeat;
	}

#showroom .innerborder a img {
	margin: 0;
	padding: 0;
	border: 1px solid #bfadad;
}

#frame #categories {
	margin: 5px 0 0 0;
	background: url(../i/cg_bgs.gif) repeat-y;
	background-position: -1164px 0px;
	}

#frame #categories .top {
	background: url(../i/cg_bgs.gif) no-repeat;
	width: 582px;
}

#frame #categories .bottom {
	width: 582px;
	background: url(../i/cg_bgs.gif) no-repeat bottom center;
}

#frame #categories .rng {
	padding: 0 8px 1px 8px;
}

#frame #categories table {
	padding: 0;
	margin: 5px 0;
	border-collapse: collapse;
	}

#frame #categories table tr {
	padding: 0;
	margin: 0;
	vertical-align: top;
	}

#frame #categories table td {
	padding: 0 13px 0 0;
	margin: 0;
	vertical-align: top;
	}

#frame #categories dl {
	list-style: none;
	width: 131px;
	padding: 0;
	margin: 00;
	font-size: 90%;
	}

#frame #categories dl dd {

	line-height: 16px;
	background: #34110B;
	color: #FFF;
	margin: 1px 0;
	text-align: left;
	border: 0;
	}

#frame #categories dl dd a {
	display: block;
	background: #34110B;
	line-height: 16px;
	padding: 2px;
	color: #FFF;
	text-decoration: none;
	display: block;
	}

#frame #categories dl dd a:link {
	text-decoration: none;
	}

#frame #categories dl ddi a:visited {
	text-decoration: none;
	}

#frame #categories dl dd a:hover {
	text-decoration: none;
	background: #4c1510;
	}

#frame #categories dl dd a:active {
	text-decoration: none;
	}

/* Trolex, varjoja */

.shadow {
	padding: 6px !important;
	display: block;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}
.shadow a {
	z-index: 1;
}
.shadow a img {
	box-shadow: 0px 0px 7px #b09778;
	-moz-box-shadow: 0px 0px 7px #b09778;
	-webkit-box-shadow: 0px 0px 7px #b09778;
	behavior: url('/css/PIE.htc');
	}

/* */

#frame #contentmax .content .roundshade .bl-hover { 
	background-position: 0 -85px;
}

#frame #contentmax .content .roundshade .bl-hoverauthor { 
	background-position: bottom left;
}

#frame .gallery-ml { 
	width: 572px;
	height: 84px;
	position: relative;
	z-index: 1;
}

#frame .content .gallery-ml { 
	width: 451px;
	height: 85px;
	background: url(../i/item-musiikki.jpg) no-repeat;
	position: relative;
	float: left;
	z-index: 1;
}

#frame .content .gallery-ml a {
	color: #220a0a;
	background: none;
	text-decoration: none;
}

#frame .content .gallery-ml a:hover {
	color: #220a0a;
	background: none;
	text-decoration: none;
}

#frame  .gallery-ml span.gal-image  {
	float: left;
	display: block;
	height: 56px;
}

#frame .gallery-ml span.gal-image img {
	margin: 0;
	padding: 10px 0 0 20px;
	border: none;
	background: transparent;
}

#frame .content .gallery-ml span.gal-image img {
	padding: 15px 0 0 15px;
}

#frame .gallery-ml span.gal-title {
	float: left;
	line-height: 16px;
	padding: 28px 0 0 20px;
}

#frame .gallery-ml span.album {
	padding: 21px 0 0 20px;
}

#frame .content .gallery-ml span.gal-title {
	line-height: 14px;
	padding: 28px 0 0 20px;
}

#frame .gallery-ml span.gal-title strong {
	font-size: 12px;
	font-weight: bold;
}

#frame  .gallery-ml span.gal-author a:hover {
	text-decoration: underline;
}

#frame  .gallery-ml small {
	text-size: 100%; color: #826f5f; 
}



#frame .gallery-ml span.gal-etc {
	line-height: 75px;
	text-align: right;
	float: right;
	padding: 0 25px;
}

#frame .content .gallery-ml span.gal-etc {
	line-height: 85px;
	}


	
/* */

#frame .content .shadegallery-evolved {
	margin: 3px 0 0 0;
	z-index: 1;
}

#frame .content .shadegallery-evolved p {
	text-align: left;
}

#frame .content .shadegallery-evolved img {
	background: #FFF;
	margin: 3px 3px 10px 3px;
	padding: 2px;
	border: 0px solid #A39E85;
	margin: 0;
	}

#frame .content .shadegallery-evolved table {
	width: 100%;
	padding: 0;
	}

#frame .content .shadegallery-evolved table tr {
	margin: 0;
	padding: 0;
	}

#frame .content .shadegallery-evolved table tr td {
	width: 20%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#frame .content .shadegallery-evolved .gallery-zebras {
	padding: 5px 26px 5px 26px;
	margin: 0 0 0 0;
	background: #daccb1;
	border-top: 1px dotted #693D2F;
	border-bottom: 1px dotted #693D2F;
	}

#frame .content .shadegallery-evolved .gallery-zebras2 {
	padding: 5px 26px 5px 26px;
	margin: 0;
	background: #dfd2bb;
	}

#frame #contentcenter .rounded .previewsilver .imginfo {
	position:relative;
	}

#frame .content .shadegallery-evolved .lastrow {
	border-bottom: 1px dotted #693D2F;
	}	
	
#frame .content .shadegallery-evolved .gallery-ml-contain {
	background: #daccb1;
	display: block;
	padding: 8px 7px;
	}
	
#frame .content .shadegallery-evolved .gallery-rhino {
	width: 902px;
	z-index: 1;
	}

/* */

#frame .post2 {
/*	position: relative;*/
	padding: 0;
	margin: 5px 0 5px 0;
/*	border-top: 1px dotted #693e2e;
	border-bottom: 1px dotted #693e2e;
*/	color: #edeadb;
}

#frame .post2 table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	line-height: 32px;
	background: #290b09;
}

#frame  .post2 table td {
	padding: 0 10px 0 0;
	margin: 0;
}

#frame .post2 table td.lefty {
	text-align: left;
	padding-left: 15px;
}

#frame  .post2 table td.righty {
	text-align: right;
	padding-right: 15px;
}

#frame .post2 table td.lefty a, #frame .content .post2 table td.righty a {
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #edeadb;
	margin: 0;
}

/* */

#frame .content .post3 {
	width: 100%;
	margin-top: 15px;
	padding-bottom: 10px;
}


#frame .content .post3 div.lefty a {
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 125px;
	height: 36px;
	background: url(../i/nextprev-light.gif) no-repeat; 
}

#frame .content .post3 div.righty a {
	float: right;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 125px;
	height: 36px;
	background: url(../i/nextprev-light.gif) no-repeat top right; 
}

/* */

#frame .gallerycats {
	background: #2b0c09;
	position: relative;
	margin-bottom: 7px;
	overflow: visible;
	display: block;
	width: 100%;
	height: 32px;
	z-index: 400;
	}

#frame .gcbw {
	background: #0c0c0c;
	}	
	
	
	
#frame .notfirst{
	margin-top: 5px;
	}	
	
#frame .gallerycats .incats {
	padding: 0 5px;
	}

#frame #multilevel  {
	height: 32px;
	}		
	
#frame #multilevel .incats {
	padding: 0 5px 0 0;
	}	
	
#frame .gallerycats h4.categoryhead{
	padding: 0 10px 0 7px;
	line-height: 32px;
	color: #e9eada;
	display: block;
	font-size: 100%;
	height: 32px; 
	}	


	
#frame .gallerycats h4.categoryhead span{
	padding: 0 8px 0 0;	
	}	
	

	
#frame table.messages th.subhead,
#frame table.messages td.subhead{
	width: 115px;
	color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background: #400a07 url(../i/subhead.gif) repeat-x; 
	}
	
	
	
#frame .gallerycats h4.categoryhead a {
	color: #d4d2c3;
	text-decoration: underline;
	}		

#frame .gallerycats h4.categoryhead a:hover {
	color: #e9eada;
	text-decoration: underline;
	}	
	
#frame .gallerycats h4.categoryhead a.current,	
#frame .gallerycats h4.categoryhead a.current:hover{
	color: #fff;
	text-decoration: underline;
	}
	
#frame .gallerycats p a {
	color: #e9eada;
	text-decoration: underline;
	font-weight: normal;
	}		
	
#frame .gallerycats p a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#frame .ssort {
	background: #2b0c09 url(../i/ssort.gif) repeat-x top right;
	color: #daccb1;
	font-size: 90%;
	width: 100%;
	margin: -7px 0 7px 0; 
	}

#frame .ssort form{
	padding: 0;
	margin: 0;
	}	
	
#frame .ssort a {
	color: #f6f3ee;
	text-decoration: underline;
	}	
	
#frame .ssort a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
	
#frame .ssort h4{
	color: #f3ebde;
	}	
	
#frame .ssort .caption{
	width: 100px;
	}	


	
#frame .ssort .quicksearch .caption{
	width: auto; padding-right: 10px;
	}		
	
#frame .ssort td.inputs select {
	width: 132px;
	font-size: 90%;
	margin-bottom: 2px;
	}	

#frame .ssort .field input{
	width: 142px;
	font-size: 90%;
	background: #f7f1db;
	border: 1px solid #916e5b;
	margin-bottom: 2px;
	padding: 2px;
	}	
	
#frame .ssort input.ssortbutton {
	width: auto;
	font-size: 90%;
	margin-bottom: 2px;
	color: #420802;
	background: #d8ceb5;
	border: 1px solid #916e5b;
	padding: 2px;
	}		
	
#frame .ssortpost {
	float: left;
	width: 310px;
	padding: 18px 0 8px 0; 
	}	
	
.ssort-entity{
	padding: 0 0px 0 20px;
	}	

.quicksearch { padding-bottom: 7px; }	
	
#frame .ssortpostdouble  {
	float: left;
	width: 620px;
	padding: 18px 0 8px 0; 
	}		

#frame .ssortposthalf  {
	float: left;
	width: 370px;
	padding: 18px 0 8px 0; 
	}		

#frame .ssortpostprettywide  {
	float: left;
	width: 430px;
	padding: 18px 0 8px 0; 
	}		
	
#frame .ssortpostverywide  {
	float: left;
	width: 500px;
	padding: 18px 0 8px 0; 
	}	
	
#frame .ssortposthalf img {
	border: 1px solid #f7f1db;
	margin-top: 16px;
	}		

#frame #contentcr .ssort .ssortposthalf table.regphase1 tr td.reginputs input,
#frame #contentcr .ssort .ssortposthalf table.regphase1 tr td.reginputs textarea {
	width: 312px;
	}	
	
#frame #seduction .ssort  table.regphase1 tr td.reginputs input {
	width: 110px;
	}		

#frame #seduction .ssort .longer table.regphase1 tr td.reginputs input {
	width: 192px;
	}	
	
#frame .ssortpostfull {
	padding: 18px 0 8px 0; clear: both;
	}	

#frame .constrainedup {
	padding-top: 0px;
	}	
	
#frame .constraineddn {
	padding-bottom: 0;
	}		
	
#frame .ssortpostwide  {
	float: left;
	width: 310px;
	padding: 18px 0 8px 0; 
	}	

	
#frame .ssort .ssortpost td.reginputs select,
#frame .ssort .ssortpostfull td.reginputs select,
#frame .ssort .ssortpostflexible td.reginputs select  {
	width: auto; /* whee */
	font-size: 11px;
	}	

	
#frame .ssortpostnarrow  {
	float: left;
	width: 110px;
	padding: 18px 0 8px 0;
	}	
	


#frame .ssortpostmedium {
	float: left;
	width: 210px;
	padding: 18px 0 8px 0;
	}	

#frame .ssortpost180 {
	float: left;
	width: 180px;
	padding: 18px 0 8px 0;
	}	
	
#frame .ssortpostflexible{
	float: left;
	padding: 18px 0 8px 0;
	}		

#frame .ssortpostflexible img{
	padding: 0px;
	border: 1px solid #bfadad;
	}	
	
#modalFrame #frame .ssortpostwide,
#modalFrame #frame .ssortpostmedium ,
#modalFrame #frame .ssortpostflexible,
#modalFrame #frame .ssortpostnarrow ,
#modalFrame #frame .ssortposthalf,
#modalFrame #frame .ssortpostverywide,
#modalFrame #frame .ssortpostfull,
#modalFrame #frame .ssortpost {
	padding: 8px 0 8px 0; 
	}	
	
	
/* */	

#frame .gallerycats form {
	line-height: 32px;
	padding: 0;
	margin: 0;
	}

#frame .gallerycats p {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 10px;
	margin: 0;
	color: #e9eada;
	font-weight: bold;
	line-height: 32px;
	height: 32px;
	}

#frame .gallerycats select {
	padding: 2px;
	margin: 0;
	background: #f7f1db;
	border: 1px solid #553027;
	color: #52261b;
	font-size: 90%;
	}

#frame .gallerycats .okbutton {
	display: block;
	width: 29px;
	height: 19px;
	border: none;
	line-height: 19px;
	background: transparent url(../i/ok2.gif) no-repeat top right;
	color: #2b0c09;
	line-height: 1px;
	font-size: 1px;
	text-align: left; 
	}

/* */

#contentmax .content h4.cat_replace {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 300px;
	height: 27px;
	background-position: 0 2px;
	background-repeat: no-repeat;
}

/* */

.content h2.bareHeader {
	margin: 0;
	padding: 0;
	display: block;
	width: 300px;
	height: 40px;
}

.content h2.bareHeader a {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 300px;
	height: 40px;
}

.content h2#forumMain { background: url(../i/h2-forummain.gif) no-repeat bottom left; }


/* */

#contentmax .content .outercontentbox {
	width: 934px;
	z-index: 666;
	position: relative;
	}

#contentmax .content .outercontentbox #comments {
	float: left;
	display: block;
	width: 570px;
	}	

	
#contentmax .content .contentbox {
	width: 916px;
	}

#frame .content .imagegallery {
	text-align: center;
	}	
	
#frame .content .image {
	text-align: center;
	padding-bottom: 14px;
	}

#frame .content .presentation {
	padding-bottom: 0px;
	}	
	
#frame .content .literature-box .presentation {
	padding-bottom: 25px;
	}		
	
#frame .content .literature-box .presentation img {
	border: none;
	}			
	
#frame .content .image img {
	margin: 15px 0;
	padding: 0;
	border: 0px solid #2b0f0c; /* eiks näin */
	}

#frame .content .band {
	padding: 0 0 2px 0;
	}		
	
#frame .content .band img {
	margin: 0;
	padding: 0;
	}	
	
#frame .content .buttonholder {
	text-align: center;
	padding: 10px 10px 7px 10px;
	}

#frame .content .buttonholder form {
	margin: 0 8px;
	padding: 0;
	}

#frame .content .imageholder {
	text-align: center;
	padding: 25px 10px 0px 10px;
	}	

#frame .content .outercontentbox .presthumbs .imageholder img {
	border: 1px solid #727064;
	}		
	

	
#frame .content .ssort .imageholder {
	text-align: center;
	padding: 10px 10px 20px 10px;
	}	
	
#frame .content .imageholder img.pop	{
	padding: 1px;
	background: #360508;
	border: 1px solid #fff;
	margin: 0 5px;
	}
	
#frame input {

	}

#frame .shadedcontent table.divided td.inputs input.rngradio {
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background: transparent;	
	}

#frame textarea {
	padding: 2px;
	margin: 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	font: 11px/1.5em tahoma,verdana,geneva,sans-serif;
	}

#frame select {
	padding: 2px;
	margin: 0 2px 0 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	}

.title, .title774 {
	position: relative;
	height: 32px;
	}

#contentleft .title {
	width: 193px;
	background: url(../i/bars.gif) no-repeat;
	height: 32px;
	}

#contentright p, #contentleft p {
	text-align: left;
	}

#contentright textarea {
	padding: 2px;
	margin: 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	}

#contentright input {
	padding: 2px;
	margin: 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	}

.shout-inputs {
	margin-top: 3px;
	}

#contentright .title {
	width: 192px;
	background: url(../i/bars.gif) no-repeat;
	height: 32px;
	background-position: 0px -32px;
	}

#contentcenter .title {
	width: 582px;
	background: url(../i/bars.gif) no-repeat;
	height: 32px;
	background-position: 0px -64px;
	}
	
#contentmax .content {
	position: relative;
	color: #000; z-index: 666;
	}

#contentmax .content .top {
	width: 968px;
	background: url(../i/max_con_top.gif) no-repeat top left;
	}

#contentmax .content .top .dn {
	background: url(../i/max_con_dn.gif) no-repeat bottom left;
	padding: 10px 17px 17px 17px;
	}

#contentmax .title {
	border-top: 1px solid #f6f0e4;
	width: 968px;
	background: url(../i/bars.gif) no-repeat;
	background-position: 0px -128px;
	height: 39px;
	/* hobo */
	}

#contentmax .content img {
	background: transparent;
	margin: 0;
	padding: 0;
	border: none;
}
	
#contentcr .title {
	height: 39px;
	/* hobo */
	}	



#titlemax {
	display: block;
	width: 968px;
	height: 34px;
	clear: both;
	}

#titlemax .title {
	border-top: 0px solid #f6f0e4;
	width: 968px;
	background: url(../i/bars.gif) no-repeat;
	background-position: 0px -128px;
	height: 39px;
	}

#contentcr {
	float: left;
	width: 774px;
	overflow: hidden;
	}

#contentcr .content {
	position: relative;
	color: #000;
	width: 774px;
	background: url(../i/cr_con.gif) repeat-y;
	}

#contentcr .content .top {
	width: 774px;
	background: url(../i/cr_con_top.gif) no-repeat top left;
	}

#contentcr .content .top .dn {
	background: url(../i/cr_con_dn.gif) no-repeat bottom left;
	padding: 10px 17px 17px 17px;
	}

#contentmax .content .right {
	position: absolute;
	bottom: 15px;
	right: 15px;
	}

#contentmax .newspost p {
	padding: 5px 5px 15px 5px;
}

#contentmax textarea {
	padding: 2px;
	margin: 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	}

#contentmax input, #contentmax select {

	}

#contentmax .new.newspost h4.rightside {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 90%;
	font-weight: normal;
	color: #FFF;
}

.newspost h4.ins a {
	color: #51271B;
	text-decoration: underline;
}

.newspost h4.ins a:link {
	color: #51271B;
	text-decoration: underline;
}

.newspost h4.ins a:visited {
	color: #51271B;
	text-decoration: underline;
}

.newspost h4.ins a:hover {
	color: #693D2F;
	text-decoration: underline;
}

.newspost h4 a {
	color: #D5C6BC;
	text-decoration: none;
}

.newspost h4 a:link {
	color: #D5C6BC;
	text-decoration: none;
}

.newspost h4 a:visited {
	color: #D5C6BC;
	text-decoration: none;
}

.newspost h4 a:hover {
	color: #F1E2D8;
	text-decoration: none;
}

.newspost .remove-comment {
	padding: 0;
	margin: 0;
}

.newspost .remove-comment input {
	font-size: 10px;
}

#contentmax .newspost h3 {
	padding: 0 10px;
	margin: 0 0 5px 0;
	height: 26px;
	line-height: 26px;
	background: #380F0B;
	color: #FFF;
	font-size: 100%;
	font-weight: normal;
}

#contentmax .newspost h4.ins {
	padding: 0 10px;
	line-height: 26px;
	color: #000;
	font-size: 100%;
	font-weight: normal;
	border-bottom: 1px dotted #943F44;
}

#contentmax .newspost h4 {
	padding: 0 5px;
	line-height: 32px;
	color: #000;
	font-size: 100%;
	font-weight: normal;
}



#contentmax .newspost h4 span.woozy {
	padding: 0 0 0 10px;
}

h4.standalone {
	padding: 10px 10px 0px 10px;
	margin: 0;
	color: #000;
}

#contentcenter .title774, #contentcr .title {
	width: 774px;
	background: url(../i/bars.gif) no-repeat;
	height: 32px;
	background-position: 0px -96px;
	margin-bottom: 8px;
	}

.title h4, .title774 h4 {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 200px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-indent: -100em;
	overflow: hidden;
	}

#contentcenter .title h4{
	width: 240px;
	}
	
#contentleft {
	width: 193px;
	overflow: hidden;
	float: left;
	padding-bottom: 7px;
	}

/* */	

.maxdark .title{
	height: 34px;
	}

#contentmaxdark {
	padding: 3px 0 0 0;
	}		
	
#contentmaxdark #contentleft{
	padding: 7px 0;
	}	
	
#contentmaxdark #contenttabs{
	float: right;
	width: 767px;
	overflow: hidden;
	padding: 7px 0;
	}	
	
#contentmaxdark #contenttabs .content{
	width: 767px;
	background: url(../i/contentttabs-content.gif) repeat-y top left;
	}		

#contentmaxdark #contenttabs .content .top{
	width: 767px;
	background: url(../i/contentttabs-content-top.gif) no-repeat top left;
	}		
	
#contentmaxdark #contenttabs .content .dn{
	background: url(../i/contentttabs-content-dn.gif) no-repeat bottom left;
	padding: 10px 17px 12px 10px;
	}
	
#contentmaxdark .content .outercontentbox {
	width: 740px;
	}	
	
#frame #contentmaxdark .roundshade {
	width: 740px;
	padding: 0;
	/*margin: 0 0 11px 0;*/
	}

#contentmaxdark .content .roundshade .rs-top {
	width: 740px;
	background: url(../i/roundshade_top_740.gif) no-repeat top left;
	}

#contentmaxdark .content .roundshade .rs-top .rs-dn {
	background: url(../i/roundshade_dn_740.gif) no-repeat bottom left;
	padding: 6px 9px;
	}	
	
.sidetabs {
	padding-left: 14px;
	}
	
ul#userinfotabs {
	display: block;
	width: 160px;
	height: 28px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

ul#userinfotabs li {
	padding: 0;
	margin: 0;
	float: left;
	}

ul#userinfotabs li a {
	display: block;
	height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../i/userinfotabs.gif);
	background-repeat: no-repeat;
	}
	
ul#userinfotabs li#usertabs a {width: 82px; background-position: 0 0px;}
ul#userinfotabs li#usertabs a:hover {background-position: 0 -28px;}
ul#userinfotabs li#usertabs a.activelink{background-position: 0 -56px;}

ul#userinfotabs li#infotabs a {width: 70px;background-position: -82px 0;}
ul#userinfotabs li#infotabs a:hover {background-position: -82px -28px;}
ul#userinfotabs li#infotabs a.activelink {background-position: -82px -56px;}	
	
.maintabs {
	padding-left: 8px;
	}
	
ul#maincategorytabs {
	display: block;
	width: 276px;
	height: 28px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

ul#maincategorytabs li {
	padding: 0;
	margin: 0;
	float: left;
	}

ul#maincategorytabs li a {
	display: block;
	height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../i/maincattabs.gif);
	background-repeat: no-repeat;
	}
	
ul#maincategorytabs li#imgtabs a {width: 86px; background-position: 0 0;}
ul#maincategorytabs li#imgtabs a:hover {background-position: 0 -28px;}
ul#maincategorytabs li#imgtabs a.activelink{background-position: 0 -56px;}

ul#maincategorytabs li#mustabs a {width: 86px;background-position: -86px 0;}
ul#maincategorytabs li#mustabs a:hover {background-position: -86px -28px;}	
ul#maincategorytabs li#mustabs a.activelink {background-position: -86px -56px;}	
	
ul#maincategorytabs li#littabs a {width: 103px;background-position: -172px 0;}
ul#maincategorytabs li#littabs a:hover {background-position: -172px -28px;}
ul#maincategorytabs li#littabs a.activelink {background-position: -172px -56px;}	

ul#mainsitetabs {
	display: block;
	width: 341px;
	height: 28px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

ul#mainsitetabs li {
	padding: 0;
	margin: 0;
	float: left;
	}

ul#mainsitetabs li a {
	display: block;
	height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../i/mainsitetabs.gif);
	background-repeat: no-repeat;
	}
	
ul#mainsitetabs li#generaltabs a {width: 106px; background-position: 0 0;}
ul#mainsitetabs li#generaltabs a:hover {background-position: 0 -28px;}
ul#mainsitetabs li#generaltabs a.activelink{background-position: 0 -56px;}

ul#mainsitetabs li#admintabs a {width: 76px;background-position: -106px 0;}
ul#mainsitetabs li#admintabs a:hover {background-position: -106px -28px;}	
ul#mainsitetabs li#admintabs a.activelink {background-position: -106px -56px;}	
	
ul#mainsitetabs li#supporttabs a {width: 159px;background-position: -182px 0;}
ul#mainsitetabs li#supporttabs a:hover {background-position: -182px -28px;}
ul#mainsitetabs li#supporttabs a.activelink {background-position: -182px -56px;}	
	
	
/*negros */	
	
.maxdark .maxleft {
	background: url(../i/contentleft-maxdark.gif) repeat-y;
	width: 193px;
	}	
	
.maxdark .maxtop {
	background: url(../i/maxtop.gif) no-repeat;
	width: 193px;
	}	
	
.maxdark .maxdn {
	background: url(../i/maxdn.gif) no-repeat bottom right;
	padding: 10px 0 0px 13px;
	}		

.sidemodule { padding: 10px 0 0px 10px; }	
.description { padding: 6px 0 8px 7px; }	
		
/* */	
	
#frame .sidebarcontent {
	width: 173px;
	background: #e5dccd;
	}

#frame .sidebarcontent .top {
	width: 173px;
	background: url(../i/sidebar_con.gif) no-repeat top left;
	}

#frame .sidebarcontent .top .dn {
	width: 173px;
	background: url(../i/sidebar_con.gif) no-repeat bottom right;
	padding: 1px 0 13px 0;
	}
	
#frame .sidebarcontentsharp,
#modalBox .sidebarcontentsharp {
	width: 173px;
	background: #f5efe3;
	color: #281912;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 0px;
	overflow: hidden;
	}

#modalBox .sidebarcontentsharp {
	width: 173px;
	background: #f5efe3;
	color: #281912;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 5px;
	overflow: hidden;
	}	
	
#frame .even{
	background-color: transparent;
	background-image: none;
	color: #281912;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: none;
	}	
	
#frame .sidebarcontentsharp .top,
#modalBox .sidebarcontentsharp .top {
	width: 173px;
	background: url(../i/sidebar_shp_top.gif) repeat-x top left;
	}

#frame .description .sidebarcontentsharp,
#frame .description .sidebarcontentsharp .top,
#frame .description .sidebarcontentsharp .top .dn { width: 179px; }	
	
#frame .even .top {
	background-image: none;
	border: none;
	margin: 0;
	padding: 0;
	}	
	
#frame .sidebarcontentsharp .top .dn,
#modalBox  .sidebarcontentsharp .top .dn {
	width: 173px;
	background: url(../i/sidebar_shp_dn.gif) repeat-x bottom left;
	padding: 1px 0 7px 0;
	margin: 0;
	}

#frame .even .top .dn {
	background-image: none;
	padding: 0;
	border: none;
	margin: 0;
	}		
	
#modalBox .sidebarcontentsharp {width: 326px; }
#modalBox .sidebarcontentsharp .top {width: 100%;}
#modalBox  .sidebarcontentsharp .top .dn {width: 100%;position: relative; }	

#contentcenter .contentsharp {
	width: 100%;
	background: #f5efe3;
	color: #281912;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 8px;
	}

#contentcenter .contentsharp .top {
	width: 100%;
	background: url(../i/sidebar_shp_top.gif) repeat-x top left;
	}

#contentcenter .contentsharp .top .dn {
	width: 100%;
	background: url(../i/sidebar_shp_dn.gif) repeat-x bottom left;
	padding: 1px 0 7px 0;
	margin: 0;
	}

#frame .shoutbox  {
	margin: 6px 0 0 0;
	}
	
#frame .shoutbox textarea {
	width: 171px;
	border-top: none;
	border-bottom: 1px dotted #603e34;
	border-left: 1px dotted #603e34;
	border-right: 1px dotted #603e34;
	background: #f5efe3 url(../i/sidebar_shp_top.gif) repeat-x top left;
	padding: 3px;
	margin: 0 0 8px 0;
	}	
	
#frame .shoutbox input{
	padding: 0;
	margin: 0;
	border: none;
	}	
	
/* img.feature on Viikon kuva & Satunnainen tuttavuus */

/* p.feature on niihin liittyvät tekstit */

#frame .sidebarcontent .top .dn .xotwimage {
	text-align: center;
	}

#frame .sidebarcontent .top .dn img.feature {
	background: #444;
	padding: 1px;
	border: 2px solid #FFF;
	margin: 7px 13px 5px 13px;
	}

#frame .sidebarcontent .top .dn div.banner140 {
	margin: 7px 0 6px 15px;
	}	
	
.banner728 * {
	margin-bottom: 10px;
	}
	
#frame .sidebarcontent .top .dn div.banner140 .adspace {
	background: #444;
	padding: 1px;
	border: 2px solid #FFF;
	margin: 7px 14px 5px 13px;
	}	
	
#frame .sidebarcontent .top .dn p {
	color: #222;
	margin: 0;
	padding: 0 10px;
	}

#frame .sidebarcontent .top .dn p.description {
	padding: 5px 10px 15px 10px;
	}

#frame .sidebarcontent .top .dn p a {
	color: #222;
	font-weight: normal;
	text-decoration: underline;
	}

#frame .sidebarcontent .top .dn p.feature {
	padding: 0 15px;
	}

#frame .sidebarcontent .top .dn p.feature a {

	}

/* dl.xotw on Viikon kappale ja Viikon kaunokirjallinen teos */

#frame a.potw {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 173px;
	height: 26px;
	background: url(../i/awotws.gif) no-repeat;
	background-position: 0px 0px;
	}

#frame a.motw {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 173px;
	height: 26px;
	background: url(../i/awotws.gif) no-repeat;
	background-position: 0px -26px;
	}

#frame a.lotw {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 173px;
	height: 26px;
	background: url(../i/awotws.gif) no-repeat;
	background-position: 0px -52px;
	}

#frame dl.xotw {
	margin: 7px 11px;
	padding: 0;
	}

#frame dl.xotw dt {
	color: #222;
	}

#frame dl.xotw dd {
	padding: 0;
	margin: 0;
	display: block;
	text-align: left;
	border-bottom: none;
	color: #222;
	}

#frame dl.xotw dd span {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	}

#frame dl.xotw dd a {
	text-decoration: underline;
	color: #222;
	font-weight: bold;
	}

#frame dl.xotw dd a:link {
	text-decoration: underline;
	}

#frame dl.xotw dd a:visited {
	text-decoration: underline;
	}

#frame dl.xotw dd a:hover {
	text-decoration: underline;
	color: #520c02;
	}

#frame dl.xotw dd a:active {
	text-decoration: underline;
	}

#frame dl.xotw dd a.author {
	padding-left: 8px;
	}

/* */

#contentright p {
	margin: 0;
	padding: 10px;
	}
		
#contentcenter {
	width: 582px;
	overflow: hidden;
	float: left;
	overflow: hidden;
	}

#seduction {
	position: relative;
	width: 582px;
	height: 216px;
	background: url(../i/site_banner.jpg) no-repeat;
	color: #FFF; overflow: hidden;
	}

#seduction select {
	z-index: 1;
	}
	
#contentcenter .newspost {
	position: relative;
	padding: 0;
	margin: 0 5px 5px 5px;
	background: #f6f2eb url(../i/newspost_bg.gif) repeat-y;
}

#contentcenter .newspost .top {
	width: 572px;
	background: url(../i/newsposttd_bg.gif) top left no-repeat;
}

#contentcenter .newspost .dn {
	width: 572px;
	background: url(../i/newsposttd_bg.gif) bottom right no-repeat;
	padding: 10px 0 5px 0;
}

#contentcenter .newspost h3 {
	padding: 0px 10px;
	margin: 0 10px;
	line-height: 32px;
	background: #2a0d09;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Tahoma;
}

#contentcenter .newspost h3 a {text-decoration: underline;color: #fff;}		
#contentcenter .newspost h3 a:hover {text-decoration: underline;color: #fff;}		
		

#contentcenter .newspost a {	
	text-decoration: underline;
}

#contentcenter .newspost a:link {	
	text-decoration: underline;
}

#contentcenter .newspost a:visited {	
	text-decoration: underline;
}

#contentcenter .newspost a:hover {	
	text-decoration: underline;
}

#contentcenter .newspost h3 span.no-arrow {
	padding: 2px 5px 0 5px;
	background: none;
}

#contentcenter .newspost h4 {
	position: absolute;
	right: 20px;
	top: 18px;
	font-size: 90%;
	font-weight: normal;
	color: #f5f1e8;
}

#contentcenter .newspost .gallerycats h4.categoryhead {
	position: relative;
	right: auto;
	top: auto;
	padding: 0 10px 0 7px;
	line-height: 32px;
	color: #e9eada;
	display: block;
	font-size: 100%;
	height: 32px; 
	font-weight: bold;
}	


#contentcenter .newspost .conwide {
	padding: 0 10px;
}

#contentcenter .newspost .con {
	padding: 5px 5px 5px 5px;
	margin: 0 10px 5px 10px;
	background: #f2ebde;
	border-bottom: 1px solid #e5dccd;
}

#contentcenter .newspost p {
	padding: 5px 5px 10px 5px;
}

/* PROFILE */

#contentcenter .profile {
	position: relative;
	padding: 0;
	margin:0;
	width: 572px;
	background: #f6f2eb url(../i/newspost_bg.gif) repeat-y; 
}

#contentcenter .profile .top {
	width: 572px;
	margin: 0;
	padding: 0;
	background: url(../i/newspostt_bg.gif) top left no-repeat;
}

#contentcenter .profile .dn {
	width: 572px;
	background: url(../i/newspostd_bg.gif) bottom left no-repeat;
	padding: 5px 0 0 0;
	margin: 0;
}

#contentcenter .profile h3 {
	padding: 0 5px;
	margin: 0 5px;
	line-height: 23px;
	background: url(../i/profile_hbg.gif) repeat-x bottom left;
	color: #f3f0e9;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Tahoma;
}

#contentcenter .profile h4 {
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 10px;
	font-weight: bold;
	color: #f3f0e9;
}

#contentcenter .profile .profilecontent {
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	width: 572px;
	overflow: hidden; 
}

#contentcenter .profile .profilecontent .innerborder {
	padding: 5px;
}

#contentcenter .profile .profilecontent .info {
	width: 359px;
	padding: 0 0 5px 0;
	margin: 0;
	background: #efe7da;
}



#contentcenter .profile .profilecontent dl {
	padding: 5px;
	margin: 0;
}

#contentcenter .profile .profilecontent dl dd {
	clear: both;
	margin: 0;
	padding: 0 5px 2px 5px; 
}


#contentcenter .profile .profilecontent img.userpic {
	position: absolute;
	top: 5px;
	right: 6px;
	padding: 6px;
	background: #fdfdfd;
	border: 1px solid #e2d6c6;
}

#contentcenter .profile .controlbuttons {
	position: absolute;
	top: 222px;
	left: 372px;
}

/* */

#contentcenter .gallery {
	position: relative;
	padding: 0;
	margin: 10px;
}

#contentcenter .gallery .gallerycontent {
	position: relative;
	padding: 0;
	margin: 0;
	background: #E1D5BD;
	border-top: 1px dotted #846D5D;
	border-bottom: 1px dotted #846D5D;
	height: 163px;
}

#contentcenter .gallery .gallerycontent dl {
	width: 335px;
	padding: 10px 0 5px 150px;
	margin: 0;
}

#contentcenter .gallery .gallerycontent dt {
	margin: 10px 0 0 0;
	padding: 0;
}

#contentcenter .gallery .gallerycontent img {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #FFE;
	padding: 3px;
	border: 1px solid #846D5D;
}

#contentcenter .content h4 {
	padding: 5px 5px 10px 5px;
	color: #000;
}

#contentcenter .content p {
	padding: 5px 5px 10px 5px;
}

#contentcenter .content dl {
	margin: 10px 5px;
	padding: 0;
	display: block;
	}

#contentcenter .content dl dt {
	color: #000;
	padding: 0 0 5px 0;
	margin: 0;
	}

#contentcenter .content dl dd {
	padding: 0;
	margin: 0;
	display: block;
	text-align: left;
	border-bottom: 1px dotted #51271B;
	font-style: italic;
	}

#contentcenter .content dl dd span {
	padding: 0 10px 0 0;
	margin: 0;
	display: block;
	font-style: normal;
	color: #000;
	}

#contentright {
	width: 193px;
	overflow: hidden;
	float: left;
	}

#frame dl {
	margin: 10px 7px;
	padding: 0;
	}

#frame dl dt {
	color: #000;
	}

#frame dl dd {
	padding: 0;
	margin: 0;
	display: block;
	text-align: right;
	border-bottom: 1px dotted #51271B;
	}
	
#frame dl dd span {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	}

#frame dl.forumpost dd {
	padding: 0;
	margin: 0;
	display: block;
	text-align: left;
	border-bottom: 1px dotted #51271B;
	}	
	
#frame dl.forumpost dd span {
	float: right;
	padding: 0;
	margin: 0;
	display: block;
	}	

#frame dl.forumpost dd span a  {
	text-decoration: underline;
	}	
	
#frame dl.forumpost dd span a:hover  {
	text-decoration: underline;
	color: #000;
	}	
	
#frame dl dd span img{
	position: relative; top: 2px; left: -3px;
	}	
	
#frame dl dd a {
	text-decoration: none;
	}

#frame  #contentleft dl dd a {
	display: block;
	}	
	
#frame dl dd a:link {
	text-decoration: none;
	}

#frame dl dd a:visited {
	text-decoration: none;
	}

#frame dl dd a:hover {
	text-decoration: none;
	}

#frame dl dd a:active {
	text-decoration: none;
	}

#sitelogin p {
	padding: 0 10px 5px 10px;
	}

#sitelogin .site-login {
	padding: 0;
	margin: 0;
	}

#sitelogin .checkbox {
	background: #ECEADB;
	color: #000;
	margin: 0; 
	padding: 0; 
	width: 13px;
	}

#sitelogin input {
	width: 166px;
	background: #3E130D;
	color: #FFF;
	border: 0;
	padding: 2px;
	margin: 0 10px 5px 10px;
	font: 11px tahoma;
	}

#sitelogin .mainoption {
	width: auto;
	font-size: 100%;
	margin: 0 50px 15px 10px;
	}

	
#banner140 {
	width: 140px;
	margin: 16px auto;
	position: relative;
	background: url(../i/slash.gif);
	}

#banner140 .banner140 img {
	width: 140px;
	height: 350px;
	margin: 0;
	padding: 2px;
	background: white;
	border: 1px solid #A39E85;
}

.banner400 {
	margin: 0px auto 15px auto;
	width: 400px;
}

.banner728 {
	margin: 10px auto 0px auto;
	width: 728px;
	overflow: hidden;
	z-index: -1;
}

/* */

#footer {
	display: block;
	width: 974px;
	height: 41px;
	padding: 0;
	margin: 0;
	background: url(../i/mainbgs.gif) no-repeat;
	background-position: 0px -39px;
	}

#footer .insides {
	margin: 0 3px;
	padding: 0 5px;
	background: url(../i/ululli_bg.gif) repeat-x;
	height: 41px;
	background-position: 0px -78px;
	}

#footer ul {
	display: block;
	width: 958px;
	height: 41px;
	list-style: none;
	padding: 0;
	margin: 0;
	}

#footer ul li {
	float: right;
	padding: 0;
	margin: 0;
	background: url(../i/ululli_bg.gif) repeat-x;
	height: 41px;
	background-position: 0px -119px;
	}

#footer ul li a, #footer ul li#foot_copyright span {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	color: #FFF;
	text-decoration: none;
	text-indent: -5000px;
	overflow: hidden;
	height: 41px;
	}

#footer ul li#foot_copyright	{ width: 395px; float: left;}
#footer #foot_conditions		{ width: 92px;	}
#footer #foot_reg	{ width: 110px;	}
#footer #foot_adds	{ width: 95px;	}

#footer a { background: url(../i/mm_buttons.gif) no-repeat; }

#footer #foot_conditions a { width: 92px; background-position: -1086px 1px; }
#footer #foot_reg a	{ width: 110px; background-position: -881px 1px;}
#footer #foot_adds a{ width: 95px; background-position: -991px 1px; }

#footer #foot_conditions a:hover				{ background-position: -1086px -38px;	}
#footer #foot_reg a:hover					{ background-position: -881px -38px;	}
#footer #foot_adds a:hover					{ background-position: -991px -38px;	}

#footer ul #foot_copyright span { width: 395px; background: url(../i/mm_buttons.gif) no-repeat; background-position: -1178px 1px; }

/* STATSIT */

.statcolumns table {
	margin: 2px;
	padding: 0;
	}

.statcolumns table td.first {
	padding-right: 8px;
	}

.statcolumns table td.second {
	font-size: 11px; 
	margin: 0; 
	padding: 0; 
	vertical-align: middle;
	}

.statcolumns span {
	padding-left: 5px; 
	font-size: 9px;
	}

.statcolumns img.red {
	border: 1px solid #f7f4ec;
	}

.statcolumns img.blue {
	border: 1px solid #f7f4ec;
	}

#contentright #shoutbox {
	margin: 11px 0;
	}

#contentright p.shout {
	display: block;
	border-top: 1px dotted #603e34;
	margin: 0 6px;
	padding: 14px 7px 18px 7px;
	color: #010000;
	}

#contentright p.shout a {
	color: #53281f;
	text-decoration: underline;
	}

#contentright p.zebra {
	background: #e7e2ce;
	}

#contentright p.showall {
	display: block;
	border-top: 1px dotted #603e34;
	margin: 0 6px;
	padding: 14px 7px 18px 7px;
	color: #010000;
	}

#contentright p.showall a {
	display: block;
	width: 73px;
	height: 19px;
	background: url(../i/showall.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	}

#contentright #shoutbox #shoutboxbox {
	display: block;
	border-top: 1px dotted #603e34;
	margin: 0 6px;
	padding: 14px 7px 18px 7px;
	color: #010000;	
	}

#contentright #shoutbox #shoutboxbox textarea {
	border: 1px solid #434544;
	background: #e2d8bf;
	width: 90%;
	}

/* */

#contentcenter .contentarea{ padding: 5px; }

#contentcenter .rounded {
	position: relative;
	width: 572px;
	background: #f6f2eb url(../i/newspost_bg.gif) repeat-y;
	}

#contentcenter .rounded .top {
	width: 572px;
	background: url(../i/newspostt_bg.gif) top left no-repeat;
	}

#contentcenter .rounded .dn {
	width: 572px;
	background: url(../i/newspostd_bg.gif) bottom left no-repeat;
	padding: 11px 0 6px 0;
	}

#contentcenter .rounded .roundedevent {
	background: url(../i/rounded-roundedevent.gif) top left no-repeat;
	display: block;
	width: 572px;
	height: 84px;
	position: relative;
	}

#frame #contentcenter .rounded .bl-hover { 
	background: url(../i/rounded-roundedevent.gif) bottom left no-repeat;
}		
	
#contentcenter .rounded .roundedevent .image { background: url(../i/re-image.gif) no-repeat 10px 0; display: block;width: 572px;height: 63px; }
#contentcenter .rounded .roundedevent .music { background: url(../i/re-music.gif) no-repeat 10px 0; display: block;width: 572px;height: 63px; }
#contentcenter .rounded .roundedevent .literature { background: url(../i/re-lite.gif) no-repeat 10px 0; display: block;width: 572px;height: 63px; }

#contentcenter .rounded .roundedevent div { 
	
	}

#contentcenter .rounded .roundedevent p {

	}

#contentcenter .rounded .roundedevent p a {
	
	}

#contentcenter .rounded .roundedevent p.link {
	display: block;
	line-height: 12px;
	margin: 0;
	padding: 17px 22px 3px 100px;
	font-size: 12px;
	}

#contentcenter .rounded .roundedevent p.link a {
	font-weight: bold;
	}

#contentcenter .rounded .roundedevent p.link span {
	
	}

#contentcenter .rounded .roundedevent div p.link a {
	
	}

#contentcenter .rounded .roundedevent p.category {
	padding: 0 22px 0 100px;
	font-size: 11px;
	/*position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	display: block;
	height: 63px;
	line-height: 56px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: right; background: blue;*/
	}

#contentcenter .rounded .roundedevent p.category span {
	margin-right: 20px;
	}

#contentcenter .rounded .roundedevent p.category a {

	}

/* */

a.positron {
	display: block;
	width: 100%;
	height: 2px;
	background: url(../i/positron.gif) top left no-repeat;
	overflow: hidden;
	}

a.dbepositron {
	display: block;
	width: 100%;
	height: 2px;
	background: url(../i/dbepositron.gif) top left no-repeat;
	overflow: hidden;
	}

div#dberror {
	display: block;
	width: 934px;
	height: 162px;
	background: url(../i/dberror.gif) top left no-repeat;
	}

div#dberror p {
	display: none;
	}

/* seuraava turha? */

#contentcenter .rounded .preview {
	display: block;
	width: 100%;
	height: 330px;
	background: url(../i/preview.gif) top left no-repeat;
	}

#contentcenter .rounded .preview .bigpreview {
	display: block;
	width: 100%;
	height: 330px;
	background: url(../i/preview.gif) top left no-repeat;
	}
	
#contentcenter .rounded .preview img {
	margin: 0;
	padding: 2px;
	background: #fff;
	}

#contentcenter .rounded .preview .bigpreview {
	float: left;
	width: 262px;
	}

#contentcenter .rounded .preview .smallpreview {
	float: right;
	width: 310px;
	}

#contentcenter .rounded .preview .smallpreview table {
	width: 100%;
	height: 160px;
	padding: 0;
	}

#contentcenter .rounded .preview .smallpreview table tr {
	margin: 0;
	padding: 0;
	}

#contentcenter .rounded .preview .smallpreview table tr td {
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#contentcenter .rounded .preview .bigpreview table {
	width: 100%;
	height: 320px;
	padding: 0;
	}

#contentcenter .rounded .preview .bigpreview table tr {
	margin: 0;
	padding: 0;
	}

#contentcenter .rounded .preview .bigpreview table tr td {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

/* edellinen turha? */	
	
#contentcenter .rounded .previewsilver {
	padding: 0 8px 9px 9px;
	}	

#contentcenter .rounded .previewsilver .previewarea{
	width: 555px;
	background: #e5dccd;
	}	

#contentcenter .rounded .previewsilver .previewareatop{
	width: 555px;
	background: url(../i/pa_top.gif) no-repeat top left;
	}	

#contentcenter .rounded .previewsilver .previewareadn{
	background: url(../i/pa_dn.gif) no-repeat bottom left;
	padding: 6px 9px;
	}			

	
	
#frame #contentcenter .rounded .previewsilver .onerow {
	position: relative;
	padding: 15px;
	margin: 0;
}

#frame #contentcenter .rounded .previewsilver .onerow div.featured {
	width: 100%;
}

#frame #contentcenter .rounded .previewsilver .onerow div.featured div.featuredthumb {
	float: left;
	text-align: center;
	padding: 0 15px 0 0;
	}
	
#frame #contentcenter .rounded .previewsilver .onerow div.featured div.featuredinfo {
	float: left;

	padding-top: 10px;
	}

#frame #contentcenter .rounded .previewsilver .onerow div.featured div.featuredinfo .featuredinfopost {
	padding-left: 15px;
	}	

#frame #contentcenter .rounded .previewsilver .onerow div.featured div.featuredinfo .featuredinfopost h4.featheadline {
	padding-bottom: 5px;

	}	

#frame #contentcenter .rounded .previewsilver .onerow div.featured div.featuredinfo .featuredinfopost p.featstats {
	line-height: 13px;
	}	
	
	
	
#frame #contentcenter .rounded .previewsilver .onerow img {
	padding: 2px;
	margin: 0;
	background: #fff;
	border: none;
}

#frame #contentcenter .rounded .previewsilver .onerow table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	line-height: 32px;
}

#frame #contentcenter .rounded .previewsilver  .onerow table td {
	padding: 0 10px 0 0;
	margin: 0;
}
	
	
/* */	
	
#contentcenter .rounded p.showall {
	display: block;
	width: 100%;
	height: 28px;	
	}

#contentcenter .rounded p.showall a {
	float: right;
	display: block;
	width: 84px;
	height: 28px;
	background: url(../i/showall2.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	}

/* */

#frame .roundshade {
	width: 934px;
	padding: 0;
	margin: 0 0 11px 0;
	background: #e4d7c6;
	color: #260f09;	
	z-index: 1;
	}

#contentmax .content .roundshade .rs-top {
	width: 934px;
	background: url(../i/roundshade_top.gif) no-repeat top left;
	z-index: 1;
	}

#contentmax .content .roundshade .rs-top .rs-dn {
	background: url(../i/roundshade_dn.gif) no-repeat bottom left;
	padding: 6px 9px;
	z-index: 1;
	}

/* */

#frame .thin {
	width: 528px;
	padding: 0;
	margin: 0 0 11px 0;
	background: #e4d7c6;
	color: #260f09;	
	z-index: 1;
	}

#contentmax .content .thin .rs-top {
	width: 528px;
	background: url(../i/roundshade_top_thin.gif) no-repeat top left;
	z-index: 1;
	}

#contentmax .content .thin .rs-top .rs-dn {
	background: url(../i/roundshade_dn_thin.gif) no-repeat bottom left;
	padding: 6px 9px;
	z-index: 1;
	}
	
#frame #contentmax .content .thin .contentbox {
	width: 510px;
	}	

#frame #contentmax  .thin .comment-content {
	float: right; 
	width: 419px;
	}
	
	
/* */

#frame .roundshade-divided {
	position: relative;
	width: 934px;
	padding: 0;
	margin: 0 0 11px 0;
	background: url(../i/roundshade_divided.gif) repeat-y;
	color: #260f09;
	}

#contentmax .content .roundshade-divided .rs-top {
	width: 934px;
	background: url(../i/roundshade_divided_top.gif) no-repeat top left;
	position: relative;
	}

#contentmax .content .roundshade-divided .rs-top .rs-dn {
	background: url(../i/roundshade_divided_dn.gif) no-repeat bottom left;
	padding: 6px 9px;
	}

#contentmax .content .roundshade-divided .melikes a,
#contentmax .content .roundshade-divided .menotlikes a { 
	display: block;
	width: 64px;
	height: 69px;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	right: 0;
	}		
	
#contentmax .content .roundshade-divided .melikes a,
#contentmax .content .roundshade-divided .melikes a.enabled,
#contentmax .content .roundshade-divided .melikes a.enabled:hover{ 
	background: url(../i/melikes.jpg) no-repeat top left;
	top: 0;
	}	
	
#contentmax .content .roundshade-divided .menotlikes a,
#contentmax .content .roundshade-divided .menotlikes a.enabled,
#contentmax .content .roundshade-divided .menotlikes a.enabled:hover{ 
	background: url(../i/menotlikes.jpg) no-repeat top left;
	top: 77px;
	}	

#contentmax .content .roundshade-divided a.enabled,
#contentmax .content .roundshade-divided a.disabled { cursor: default }	
	
#contentmax .content .roundshade-divided .melikes a:hover { background: url(../i/melikeshover.jpg) no-repeat top left;}		
#contentmax .content .roundshade-divided .menotlikes a:hover { background: url(../i/menotlikeshover.jpg) no-repeat top left;}	
#contentmax .content .roundshade-divided .melikes a.disabled,
#contentmax .content .roundshade-divided .melikes a.disabled:hover { background: url(../i/melikesdisabled.jpg) no-repeat top left;}		
#contentmax .content .roundshade-divided .menotlikes a.disabled,
#contentmax .content .roundshade-divided .menotlikes a.disabled:hover { background: url(../i/menotlikesdisabled.jpg) no-repeat top left;}	
	
	
#frame .roundshade-divided .description {
	float: left;
	width: 525px; padding: 0; margin: 0;
	}

#frame .roundshade-divided .description p {
	padding:6px 15px 8px 7px;
	}

#frame .roundshade-divided .info {
	float: left;
	width: 300px; 
	}

#frame .roundshade-divided .likes {
	float: right;
	width: 64px;
	height: 146px;
	display: block;
	}	
	
#frame .roundshade-divided .info ul {
	list-style: none;
	margin: 0;
	padding: 3px 0 5px 18px;
	background: url(../i/roundshade_divided_info_ul.gif) repeat-y;
	}

#frame .roundshade-divided .info p {
	margin: 0;
	padding: 5px 0 0px 13px;
	line-height: 20px;
	}	
	
#frame .roundshade-divided .info ul li {
	margin: 0;
	padding: 0;
	line-height: 25px;
	display: block;
	position: relative;
	}

#frame .roundshade-divided .info ul li span {
	position: absolute;
	top: 0;
	left: 120px;
	} 

/* */

#frame .roundshade-narrow {
	position: relative;
	width: 666px;
	padding: 0;
	margin: 5px 0 10px 0;
	background: #e5dccd;
	color: #260f09;
	}

#frame .content .roundshade-narrow .rsn-top {
	width: 666px;
	background: url(../i/roundshade_narrow_top.gif) no-repeat top left;
	}

#frame .content .roundshade-narrow .rsn-top .rsn-dn {
	background: url(../i/roundshade_narrow_dn.gif) no-repeat bottom left;
	padding: 6px 9px;
	}

#frame .content .roundshade-narrow .warning {
	background: url(../i/warning.gif) no-repeat;
	padding-left: 70px;
	}

/* */

#contentmax .content .dark-divided {
	background: url(../i/h4-dark-divided.gif) no-repeat;
	display: block;
	width: 934px;
	height: 32px;
	color: #fff;
	line-height: 29px;
	overflow: hidden;
	}

#contentmax .content .dark-divided div {
	padding: 0 8px;
	}

#contentmax .content .dark-divided h4 {
	float: left;
	color: #fff;
	line-height: 29px;
	/*text-transform: uppercase; testi*/
	font-weight: bold;
	font-size: 100%;
	position: relative;
	}

#contentmax .content .dark-divided h4.work-title {  width: 492px; }
#contentmax .content .dark-divided h4.work-author { float: right; width: 403px; text-align: right;}
/*#contentmax .content .dark-divided h4.work-info { float: right; width: 313px; }*/

#contentmax .content .dark-divided h4 a,
#contentmax .content .dark-divided h4 a:link,
#contentmax .content .dark-divided h4 a:visited {
	color: #f3ebde;
	}

#contentmax .content .dark-divided h4 a:hover,
#contentmax .content .dark-divided h4 a:active {
	color: #fff;
	}

/* */

#contentmax .content .dark {
	background: url(../i/h4-dark.gif) no-repeat;
	display: block;
	width: 528px;
	/* width: 934px; */ 
	height: 32px;
	color: #fff;
	line-height: 29px;
	overflow: hidden;
	}

#contentmax .content .dark div {
	padding: 0 8px;
	}

#contentmax .content .dark h4 {
	float: left;
	color: #fff;
	line-height: 29px;
	/*text-transform: uppercase; testi */
	font-weight: bold;
	font-size: 100%;
	position: relative;
	}

#contentmax .content .dark h4.work-nick {  width: 400px; }
#contentmax .content .dark h4.work-posted { float: right; width: 100px; text-align: right;}

#contentmax .content .dark h4 a,
#contentmax .content .dark h4 a:link,
#contentmax .content .dark h4 a:visited {
	color: #f3ebde;
	}

#contentmax .content .dark h4 a:hover,
#contentmax .content .dark h4 a:active {
	color: #fff;
	}

/* */


#frame .roundshade .comment-avatar  {
	float: left; 
	width: 78px;
	background: url(../i/roundshade_comment_avatar.gif) repeat-y top right; text-align: center;
	}

#frame .roundshade .comment-avatar img {
	padding: 0;
	margin: 0 4px 3px 0; 
	border: 2px solid #f2eee2;
	}

#frame .roundshade .comment-content {
	float: right; 
	width: 833px;
	}

#frame .roundshade .comment-content p{
	padding: 0 20px 10px 0;
	}

#frame .roundshade textarea.comment-reply {
	width: 400px;
	margin-bottom: 5px;
	}	
	
/* .shade */

#frame .shade {
	position: relative;
	padding: 6px 9px;
	margin: 0 0 5px 0;
	background: #ded3c1;
	border-top: 1px dotted #693e2e;
	border-bottom: 1px dotted #693e2e;
	color: #000;
	}

#frame .shade input {
	padding: 2px;
	margin: 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	}

#frame .shade .buttons input {
	padding: 0;
	margin: 0;
	background: #f7f1db;
	border: 0px solid #916e5b;
	color: #000;
	}

#frame .shade h3.shadedheadline {
	padding: 0 10px;
	margin: 0;
	height: 32px;
	line-height: 32px;
	background: url(../i/shadeh3.gif) repeat-x;
	color: #FFF;
	font-size: 100%;
	font-weight: normal;
}

#frame .shade .shadedcontent {
	margin: 4px 0;
	padding: 8px 8px 2px 8px;
	background: #daccb1;
	border-top: 1px dotted #6d3e2e;
	border-bottom: 1px dotted #6d3e2e;
	}

#frame .shade .shadedcontent p.fullwidth textarea {
	width: 99%;
	padding: 2px;
	margin: 0;
	}

#frame .shade .roundedevent {
	display: block;
	width: 706px;
	height: 63px;
	background: url(../i/roundedevent.gif) no-repeat;
	}

#frame .shade .roundedevent .image { background: url(../i/re-image.gif) no-repeat; height: 63px; }
#frame .shade .roundedevent .music { background: url(../i/re-music.gif) no-repeat; height: 63px; }
#frame .shade .roundedevent .literature { background: url(../i/re-lite.gif) no-repeat; height: 63px; }

#frame .shade table.divided {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 650px;
	}

#frame #contentcr .shade table.divided {
	width: 692px;
	}

#frame .shade table.divided td {
	width: 50%;
	padding-bottom: 5px;
	}

#frame .shade table.divided td p {
	padding: 0;

	}

#frame .shade table.divided td.inputs {
	text-align: right;
	}
	
#frame .shade table.divided td.mainlabel {
	width: 70%;
	}	
	
#frame .shade table.divided td.dividedradio { width: 40px; }	
#frame .shade table.divided td.dividedlabel { width: 130px; text-align: right; }	
		
#frame .shade table.divided td.inputs input {
	width: 100%; padding: 0; margin: 0; 
	}
	
/* */	

#frame .shade .roundedevent div { 
	
	}

#frame .shade .roundedevent p {

	}

#frame .shade .roundedevent p a {
	font-weight: bold;
	}

#frame .shade .roundedevent p.link {
	float: left;
	width: 664px;
	line-height: 56px;
	margin: 0;
	padding: 0;
	}

#frame .shade .roundedevent p.link a {
	margin-left: 15px;
	}

#frame .shade .roundedevent p.link span {
	margin-left: 15px;
	}

#frame .shade .roundedevent div p.link a {
	margin-left: 75px;
	}

#frame .shade .roundedevent p.check {
	float: left;
	width: 42px;
	line-height: 56px;
	margin: 0;
	padding: 0;
	}

#frame .shade .roundedevent p.check a {
	display: block;
	width: 26px;
	height: 56px;
	text-indent: -5000px;
	overflow: hidden;
	}

#frame .shade .roundedevent-thumb {
	position: relative;
	display: block;
	width: 706px;
	height: 143px;
	background: url(../i/roundedevent-thumb.gif) no-repeat;
	}

#frame .shade .roundedevent-thumb table {
	float: left;
	margin: 0;
	padding: 0;
	width: 136px;
	height: 136px;
	border-collapse: collapse;
	}

#frame .shade .roundedevent-thumb table td { 
	margin: 0;
	padding: 0;
	width: 136px;
	height: 136px;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	}

#frame .shade .roundedevent-thumb p.link {
	float: left;
	width: 528px;
	line-height: 136px;
	margin: 0;
	padding: 0;
	}

#frame .shade .roundedevent-thumb p.link span {
	padding-left: 10px;
	}

#frame .shade .roundedevent-thumb p.check {
	float: left;
	width: 42px;
	line-height: 136px;
	margin: 0;
	padding: 0;
	}

#frame .shade .roundedevent-thumb p a {
	font-weight: bold;
	color: #25080c;
	}

#frame .shade .roundedevent-thumb p a:hover {
	font-weight: bold;
	color: #25080c;
	}

#frame .shade .roundedevent-thumb p.check a {
	display: block;
	width: 26px;
	height: 136px;
	text-indent: -5000px;
	overflow: hidden;
	}

#frame .shade .nakedrounded {
	display: block;
	width: 722px;
	margin: 0 0 11px 0;
	background: url(../i/nakedrounded.gif) repeat-y top left;
	}

#frame .shade .nakedrounded .nakedroundedtop {
	width: 722px;
	background: url(../i/nakedrounded_top.gif) no-repeat top left;
	margin-top: 6px;
	}

#frame .shade .nakedrounded .nakedroundedtop .icon {
	background: url(../i/iconi.gif) no-repeat top left;
	}

#frame .shade .nakedrounded .nakedroundedtop .nakedroundedbottom {
	background: url(../i/nakedrounded_bottom.gif) no-repeat bottom left;
	padding: 14px 15px 2px 15px;
	}

#frame .shade .nakedrounded .nakedroundedtop .icon .nakedroundedbottom {
	padding-left: 60px; 
	}

/* */

#frame .shade .roundedlight {
	width: 722px;
	background: url(../i/rl.gif) repeat-y top left;
	margin-bottom: 12px;
	}

#frame .shade .roundedlight .rlone {
	width: 722px;
	background: url(../i/rlone.gif) no-repeat top left;
	}

#frame .shade .roundedlight .rltwo {
	background: url(../i/rltwo.gif) no-repeat bottom left;
	padding: 7px 1px;
	}


#frame .tablearea {
	margin: 3px 0;
	padding: 10px 10px 10px 10px;
	background: #dfd2bb;
	border-top: 1px dotted #693D2F;
	border-bottom: 1px dotted #693D2F;
	}
	
	
#frame table.messages {
	width: 100%;
	background: #b1a597;
	border-collapse: collapse;
	border-spacing: 1px;
	}


#frame table.small {
	
	}	
	
	
	
#frame table.messages td {
	padding: 10px;
	text-align: center;
	}

#frame table.small tr td {
	padding: 5px;
	}		
	
#frame  table.messages th {
	padding: 5px 10px;
	background: #2b0c09;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

#frame  table.messages th a {
	text-decoration: underline;
	color: #f6f3ee;
	}	
	
#frame  table.messages th a:hover {
	text-decoration: underline;
	color: #fff;
	}		
	
	
#frame table.messages .subject { width: 30% }
#frame table.messages .sender { width: 25%; text-align: center; }
#frame table.messages .date { width: 27%; text-align: center; }
#frame table.messages .control { width: 18%; text-align: center; }

#frame table.messages .number { width: 10%; text-align: center; border-left: 1px solid #b1a597; }
#frame table.messages .topic { text-align: center; border-left: 1px solid #b1a597; }
#frame table.messages .user { width: 22%; text-align: center; }
#frame table.messages .location { width: 22%; text-align: center; }
#frame table.messages .joinDate { width: 22%; text-align: center; }
#frame table.messages .amountOfWorks { width: 22%; text-align: center; background-image: url(../i/tableborder.gif); background-repeat: repeat-y; background-position: top right; }
#frame table.messages .control { text-align: center; background-image: url(../i/tableborder.gif); background-repeat: repeat-y; background-position: top right; }

#frame table.messages th.number { width: 10%; text-align: center; border-left: 1px solid #2b0c09; }
#frame table.messages th.amountOfWorks { width: 22%; text-align: center; border-right: 1px solid #2b0c09; background: #2b0c09; }
#frame table.messages th.control {text-align: center; border-right: 1px solid #2b0c09; background: #2b0c09; }

#frame table.messages td.first,
#frame table.messages th.first  { border-left: 1px solid #b1a597; }
#frame table.messages td.last {  }

#frame table.messages .zebraone { background: #ece3d2; }
#frame table.messages .zebratwo { background: #e5dccd; }

#frame table.messages .zebraone td  { border-bottom: 1px solid #b1a597; border-right: 1px solid #b1a597 }
#frame table.messages .zebratwo td  { border-bottom: 1px solid #b1a597; border-right: 1px solid #b1a597}

#frame table.messages .zebraone td.control { border-right: 0px solid #b1a597 }
#frame table.messages .zebratwo td.control { border-right: 0px solid #b1a597 }
#frame table.messages .zebraone td.amountOfWorks { border-right: 0px solid #b1a597 }
#frame table.messages .zebratwo td.amountOfWorks { border-right: 0px solid #b1a597 }


#frame table.messages .newmessage { font-weight: bold;  }
#frame table.messages .newmessage a { color: #000; }

#frame table.messages .user a { font-weight: bold; }

#frame .shade table.messages input {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	}

#frame .shade h4.replacelight {
	display: block;
	width: 213px;
	height: 40px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

#frame .shade h4#saapuneet { background: url(../i/h4-saapuneet.gif) no-repeat top left; }
#frame .shade h4#lahetetyt { background: url(../i/h4-lahetetyt.gif) no-repeat top left; }
#frame .shade h4#jasenhaku { background: url(../i/h4-jasenet.gif) no-repeat top left; }
#frame .shade h4#kirjoita { background: url(../i/h4-kirjoitayksityisviesti.gif) no-repeat top left; }
#frame .shade h4#tiedot { background: url(../i/h4-tiedot.gif) no-repeat top left; }
#frame .shade h4#yksityisviesti { background: url(../i/h4-yksityisviesti.gif) no-repeat top left; }

#frame .shade h5.replacelight {
	display: block;
	width: 213px;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

#frame .shade h5#exifhaku { background: url(../i/h5-exif.gif) no-repeat top left; }
#frame .shade h5#hauntulokset { background: url(../i/h5-haunTulokset.gif) no-repeat top left; }


#frame .shade table.controls {
	margin: 0;	
	padding: 0;
	width: 720px;
	}

#frame .shade table.controls td.leftcontrol {
	margin: 0;
	width: 50%;	
	}

#frame .shade table.controls td.leftcontrol p {
	padding: 8px 8px 3px 8px;
	margin: 0;
	}

#frame .shade table.controls td.leftcontrol a {
	display: block;
	width: 106px;
	height: 19px;
	text-indent: -5000px;
	overflow: hidden;
	float: left;
	}

#frame .shade table.controls td.leftcontrol a.prevbutton { background: url(../i/edellinensivu.jpg) no-repeat top left; }
#frame .shade table.controls td.leftcontrol a.nextbutton { background: url(../i/seuraavasivu.jpg) no-repeat top left; }

#frame .shade table.controls td.rightcontrol {
	text-align: right;
	width: 50%;
	}

#frame .shade table.controls td.rightcontrol p {
	padding: 11px 8px 0px 8px;
	margin: 0;
	}

#frame .shade table.controls td.rightcontrol input {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	}

/* */

#frame .shade .inoutboxes {
	display: block;
	width: 100%;
	height: 25px;
	background: url(../i/inoutboxes.jpg) no-repeat top right;
	position: relative;
	}

#frame .shade .inoutboxes a.inbox {
	display: block;
	width: 77px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 3px;
	text-indent: -5000px;
	overflow: hidden;
	}

#frame .shade .inoutboxes a.outbox {
	display: block;
	width: 77px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 80px;
	text-indent: -5000px;
	overflow: hidden;
	}
	
#frame .shade .createmsg p {
	text-align: center;
	}

#frame  a.createmsg {
	margin: 0;
	display: block;
	width: 119px;
	height: 38px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../i/msgnew.gif) no-repeat bottom right;
	}

#frame .shade .msgbox {
	padding: 0 10px 10px 10px;
	}

#frame .shade .msgbox .msgboxcontent{
	padding: 0 8px;
	}
	
#frame .shade .msgbox input {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	}

#frame .shade .msgbox textarea {
	padding: 3px;
	width: 99%;
	}

#frame .shade .sendmsg p {
	padding: 10px;
	text-align: left;
	}

#frame .shade .sendmsg a {
	margin: 0;
	display: block;
	width: 85px;
	height: 26px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../i/lahetaviesti.jpg) no-repeat top right;
	}

#frame .shade .sendmsg input {
	border: none;
	padding: 0px;
	margin: 0;
	}	
	
#frame .shade .msgbox p.recipient input {
	border: 1px solid #916e5b;
	padding: 2px;
	margin: 0;
	background: #f7f1db;
	}

#frame .shade .msgbox p.recipient  strong {
	display: block;
	font-size: 90%;
	}

/* */

#frame .shade #privatemsgs {
	width: 100%;
	}
	
#frame .shade .msgcontent {
	float: left; 
	width: 502px;
	padding: 0 0 32px 0;
	}	
	
#frame .shade .msgcontent .msgbox {
	background: #f3ebde;
	border: 1px solid #b1a597;
	margin-left: 12px;
	padding-top: 10px;
	}

#frame .shade .msgcontent .msgbox h4.msgtitle{
	background: #351916;
	color: #fff;
	display: block;
	line-height: 24px;
	padding: 0 8px;
	margin-bottom: 10px;
	font-size: 109%;
	}
	

	
#frame .shade .msgside {
	float: right; width: 210px;
	}	

#frame .shade .msgside .msgbox {
	background: #f3ebde;
	border: 1px solid #b1a597;
	margin-right: 12px;
	padding-top: 10px;
	}	

#frame .shade .msgside .msgcontrols {
	padding: 23px 0 60px 0;
	}	
	
#frame .shade .msgside .msgcontrols span{
	display: block;
	padding: 19px 0 0 43px;
	}
	
#frame .shade .msgside .msgcontrols a {
	display: block;
	width: 110px;
	height: 26px;
	text-indent: -5000px;
	overflow: hidden;
	}

#frame .shade .msgside .msgcontrols a.msgremove { background: url(../i/msgremove.gif) no-repeat top left; }	
#frame .shade .msgside .msgcontrols a.msgreply { background: url(../i/msgreply.gif) no-repeat top left; }	
#frame .shade .msgside .msgcontrols a.msgnew{ background: url(../i/msgnew.gif) no-repeat top left; }		
	
/* Titlet */

.title h4 { background: url(../i/h_titles.gif) no-repeat; }
#title_acti h4 { background-position: 0px 0px; } /* Aktiivisimmat käyttäjät */
#title_add h4 { background-position: 0px -14px; } /* Työn lisäys */
#title_bann h4{ background-position: 0px -28px; } /* Mainosbannerit */
#title_bbco h4 { background-position: 0px -42px; } /* BBCode? */
#title_brow h4 { background-position: 0px -56px;	} /* Selaa töitä */
#title_budd h4 { background-position: 0px -70px;	} /* Harhaverkko */
#title_cate h4 { background-position: 0px -84px;	} /* Kategoriat */
#title_comm h4 { background-position: 0px -98px;	} /* Kommentit */
#title_cond h4 { background-position: 0px -112px;	} /* Käyttöehdot */
#title_yhteydenotto h4 { background-position: 0px -126px;	} /* Yhteydenotto */
#title_dbe h4 { background-position: 0px -140px;	} /* Tietokantavirhe */
#title_desc h4 { background-position: 0px -154px;	} /* Kuvaus */
#title_edit h4 { background-position: 0px -168px;	} /* Muokkaa työtä */
#title_exif h4 { background-position: 0px -182px;	} /* EXIF-haku */
#title_favo h4 { background-position: 0px -196px;	} /* Käyttäjän suosikkityöt Harhakuvassa */
#title_for2 h4 { background-position: 0px -210px;	} /* Keskustelupalsta */
#title_foru h4 { background-position: 0px -224px;	} /* Keskustelut */
#title_gal1 h4 { background-position: 0px -238px;	} /* Kuvataidegalleria */
#title_galleria h4 { background-position: 0px -252px;	} /* Galleria */
#title_info h4 { background-position: 0px -266px;	} /* Tietoa sivustosta */
#title_writ h4 { background-position: 0px -280px;	} /* Kaunokirjalliset näytteet */
#title_logi h4 { background-position: 0px -294px;	} /* Kirjaudu sisään */
#title_lotw h4 { background-position: 0px -308px;	} /* Viikon kirj */
#title_main h4 { background-position: 0px -322px;	} /* Sinun mainoksesi Harhakuvaan? */
#title_memb h4 { background-position: 0px -336px;	} /* Jäsenet */
#title_mgal h4 { background-position: 0px -350px;	} /* Musiikkigalleria */
#title_motw h4 { background-position: 0px -364px;	} /* Viikon musa */
#title_msea h4 { background-position: 0px -378px;	} /* Jäsenhaku */
#title_msgs h4 { background-position: 0px -392px;	} /* Viimeisimmät viestit */
#title_musi h4 { background-position: 0px -406px;	} /* Musiikkinäytteet */
#title_mwrk h4 { background-position: 0px -420px;	} /* Musiikkityön esitys */
#title_newc h4 { background-position: 0px -434px;	} /* Tapahtumat */
#title_news h4 { background-position: 0px -448px;	} /* Uutiset */
#title_potw h4 { background-position: 0px -462px;	} /* Viikon kuva */
#title_priv h4 { background-position: 0px -476px;	} /* Yksityisviestit */
#title_prof h4 { background-position: 0px -490px;	} /* Profiili */
#title_rand h4 { background-position: 0px -504px;	} /* Satunnainen tuttavuus */
#title_rega h4 { background-position: 0px -518px;	} /* Rekisteröityminen */
#title_regi h4 { background-position: 0px -532px;	} /* Rekisteriseloste */
#title_sell h4 { background-position: 0px -546px;	} /* Mainosmyynti */
#title_send h4 { background-position: 0px -560px;	} /* Lähetä kommentti */
#title_shbx h4 { background-position: 0px -574px;	} /* Huutolaatikko */
#title_shoa h4 { background-position: 0px -588px;	} /* Albumin esitys */
#title_shoc h4  { background-position: 0px -602px;	} /* Kokoelman esitys */
#title_shos h4 { background-position: 0px -616px;	} /* Näyttelyn esitys */
#title_sms h4 { background-position: 0px -630px;	} /* SMS-palvelut */
#title_spon h4 { background-position: 0px -644px;	} /* Sponsorit */
#title_sta2 h4 { background-position: 0px -658px;	} /* Tilastot */
#title_sta3 h4 { background-position: 0px -672px;	} /* Yleiset tilastot */
#title_stat h4 { background-position: 0px -686px;	} /* Statistiikka */
#title_stku h4 { background-position: 0px -700px;	} /* Kuvataide */
#title_stmu h4 { background-position: 0px -714px;	} /* Musiikki */
#title_sworks h4 { background-position: 0px -728px;	} /* Työt */
#title_user h4 { background-position: 0px -742px;	} /* Käyttäjätiedot */
#title_welc h4 { background-position: 0px -756px;	} /* Tervetuloa */
#title_woin h4 { background-position: 0px -770px;	} /* Työn tiedot */
#title_work h4 { background-position: 0px -784px;	} /* Kuvan esitys */
#title_wotw h4 { background-position: 0px -798px;	} /* Viikon työt */
#title_lite h4 { background-position: 0px -812px;	} /* Kaunokirjalliset työnäytteet */
#title_works h4 { background-position: 0px -826px;	} /* Omat työt */
#title_wwrk h4 { background-position: 0px -840px;	} /* Kaunokirjallisen työn esitys */
/* */

.glamourBox {
	width: 688px;
	background: url(../i/glamourBox.gif) repeat-y;
	margin-bottom: 10px;
	}

.glamourBox .glamTop {
	width: 688px;
	background: url(../i/glamTop.gif) no-repeat;
	}

.glamourBox .glamDn {
	padding: 15px 17px 5px 17px;
	background: url(../i/glamDn.gif) no-repeat bottom left;
	}

.glamourBox img {
	background: #fff;
	padding: 2px;
	border: none;
	}
	

/* */

#frame #contentframe .sixBoxes {
	padding: 16px 16px 0 16px;
	}

#frame #contentframecontentframe .sixBoxes table {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	}

#frame #contentframe .sixBoxes table td {
	width: 33%;
	}

#frame #contentframe .sixBoxes td div {/*
	background: #49110c;
	border: 1px dotted #683c31;
	padding: 8px;
	margin-right: 10px;*/
	}

#frame #contentframe .sixBoxes td div input {
	/*width: 97%;*/
	}

#frame #contentframe .sixBoxes td div.smallBoxes input {
	width: 45px;
	}

#frame #contentframe .sixBoxes td div.checkboxBox {
	padding: 0 16px 0 0;
	}

#frame #contentframe .sixBoxes td div.checkboxBox input {
	width: auto;
	}

#frame #contentframe .sixBoxes td div.checkboxBox span {
	font-weight: bold;
	line-height: 38px;
	padding-left: 5px;
	}

#frame #contentframe .sixBoxes td div.selectBox select{
	width: 98%;
	}

#frame #contentframe .sixBoxes td div * {
	margin: 0;
	}

#frame #contentframe .sixBoxes td div.padL input { margin-left: 5px; }
#frame #contentframe .sixBoxes td div.padR input { margin-right: 5px; }


/* */

body#modal {
	background: #2b0c09;
	padding: 0;
	margin: 0;
	text-align: left;
	overflow: hidden;
	}

#modalBox{
	background: #2b0c09 url(../i/ssort.gif) repeat-x top right; 
	color: #daccb1;
	/* width and height set inline! */
	margin: 0;
	overflow: auto;
	/*cursor: text;*/
	}
	
#modalFrame {
	overflow: auto;
	}	
	
#modalFrame .modalTA,
.modalTA {
	width: 95%;
	color: #f3ebde;
	background: #170503;
	border: 1px solid #000;
	}	
	
#modalBox strong {
	color: #fff;	
	}
	
#modalContent {
	padding: 20px 21px 15px 21px;
	}		
	
#modalBox a {
	color: #f6f3ee;
	text-decoration: underline;
	}	
	
#modalBox a:hover {
	color: #fff;
	text-decoration: underline;
	}

#modalBox .sidebarcontentsharp a, #modalBox .sidebarcontentsharp a:link, #modalBox .sidebarcontentsharp a:visited {
	color: #51271B;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	}

#modalBox .sidebarcontentsharp a:hover {
	text-decoration: underline;
	color: #230f09;
	}

#modalBox .sidebarcontentsharp p {
	padding: 10px 20px 10px 10px;	
	}

	
#modalBox h4{
	color: #f3ebde;
	}	
	
#modalBox .caption{
	width: 100px;
	}	
	
#modalBox select {
	width: 132px;
	font-size: 90%;
	margin-bottom: 2px;
	}	

#modalBox input{
	width: 142px;
	font-size: 90%;
	background: #f7f1db;
	border: 1px solid #916e5b;
	margin-bottom: 2px;
	padding: 2px;
	}	
	
#modalBox input.mainoption {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px;
	background: transparent;
	border: none;
	
	}		


/* */

.catSelect {
	width: 532px; 
	height: 210px; 
	position: relative; 
	margin: 0 auto; 
	text-align: center;
	background: url(../i/catSelect.jpg);
	}

.catDisabled {
	background: url(../i/catDisabled.jpg);
	}	
	
.catSelect p {
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	}	
	
.catSelect a {
	text-indent: -100em;
	overflow: hidden;
	position: absolute;
	width: 155px; 
	height: 150px; 
	}

.catVisual {
	top: 25px; 
	left: 15px; 
	}

.catMusic {
	top: 25px;
	left: 180px;
	}

.catLit {
	top: 25px; 
	left: 345px; 
	}

#frame #contentcenter .newspost p.catnotion {
	padding: 0 45px 20px 45px;
	}
	
/* */

#contentframe .forumTables {
	width: 742px;
	background-color: #e1d6c2; 	
	line-height: 1.3em;
	}



	
#contentframe .notFirst {
	margin-top: 9px;
	}

#contentframe .forumTables .forumUp {
	width: 742px;
	background: url(../i/forumUp.gif) no-repeat top left;
	}

#contentframe .forumTables .forumDn {
	background: url(../i/forumDn.gif) no-repeat bottom left;
	padding: 8px;
	}

#contentframe .forumTables span.fontRegular { 
	font-weight: normal;
	}	
	
#contentframe .forumTables table { width: 100%; border-collapse: collapse }

#contentframe .forumTables .category { 
	line-height: 32px; 
	background: #2a0d09; 
	color: #fff; }

#contentframe table#categorylevel1 {
	background: #f3ebdf	 url(../i/level1.gif);
	color: #1c1a1a;
	}	

.spacer {
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -5000px;
	overflow: hidden;
	}
	
#contentframe table#categorylevel1 a {text-decoration: underline;color: #1c1a1a;}		
#contentframe table#categorylevel1 a:hover {text-decoration: underline;color: #000;}		
		
	
#contentframe .forumTables .category th span { 
	padding: 0 0 0 16px; 
	}

#contentframe .forumTables .category a { 
	color: #fff;
	text-decoration: underline;	
	}

#contentframe .forumTables .category a:hover { 
	color: #e1d6c2;
	text-decoration: underline;	
	}

#contentframe .forumTables .category th.subnavi { 
	text-align: right;
	font-weight: normal;
	}
	
#contentframe .forumTables .category th.subnavi span{ 
	padding-right: 8px;
	}	
	
/* */

#contentframe .forumTables .forumFooterControls {
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
	}

#contentframe .forumTables a.forumVastaa { 
	position: absolute;
	top: 0;
	left: 349px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 51px;
	height: 28px;
	background: url(../i/forumVastaa.gif) no-repeat top right;
	}	
	
#contentframe .forumTables a.forumUusiAihe { 
	position: absolute;
	top: 0;
	left: 284px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 60px;
	height: 28px;
	background: url(../i/forumUusiAihe.gif) no-repeat top left;
	}	
		
/* */

#contentframe .forumTables .superdarkbox { 
	background: #230b09; 
	border: none;
	color: #f4ece1;
	margin: 1px 0 0px 0; 
	padding-top: 8px; 
	}

#contentframe .forumTables .superdarkbox .superdarkboxcon { 
	padding: 25px 30px 25px 17px; 
	}

#contentframe .forumTables .superdarkbox .superdarkboxconslim { 
	padding: 15px 30px 15px 17px; 
	}

#contentframe .forumTables .superdarkbox table.blingtables { 
	border-collapse: collapse;
	border: none;
	margin: 0; 
	padding: 0;
	}

#contentframe .forumTables .superdarkbox table.blingtables td { 
	padding: 0 0 3px 0;
	}

#contentframe .forumTables .superdarkbox table.blingtables td.blingLeft { 
	width: 78px;
	}

#contentframe .forumTables .superdarkbox table.blingtables td.blingLeft2 { 
	width: 178px;
	padding-bottom: 15px;
	}

#contentframe .forumTables .superdarkbox table.blingtables td.informationjason { 
	vertical-align:top;
	padding-top: 30px;
	}


#contentframe .forumTables .superdarkbox table.blingtables td.blingRight  { 

	}

#contentframe .forumTables .superdarkbox table.blingtables td.blingRight input.smalls { 
	width: 18px;
	background: #f7f1db;
	border: 1px solid #462a27;
	color: #462a27;
	padding: 2px;
	}

#contentframe .forumTables .superdarkbox table.blingtables td.blingRight input.reg { 
	width: 300px;
	background: #f7f1db;
	border: 1px solid #462a27;
	color: #462a27;
	padding: 2px;
	}

#contentframe .forumTables .superdarkbox table.blingtables td.blingRight2  { 
	padding-bottom: 15px;
	}

#contentframe .forumTables .superdarkbox table.blingtables td.blingRight input.fulls,
#contentframe .forumTables .superdarkbox table.blingtables td.blingRight textarea { 
	background: #f7f1db;
	border: 1px solid #462a27;
	color: #462a27;
	padding: 2px;
	width: 98%;
	}

/* */

#contentframe .forumTables .votebox { 
	background: #2a0d09; 
	border: none;
	color: #f4ece1;
	margin: 2px 0 0px 0; 
	}

#contentframe .forumTables .votebox .voteboxcon { 
	padding: 7px 6px 7px 6px; 
	}

#contentframe .forumTables .votebox table.blingtables { 
	border-collapse: collapse;
	border: none;
	margin: 0; 
	padding: 0;
	}

#contentframe .forumTables .votebox table.blingtables th { 
	background: #e1d6c2;
	color: #000;
	padding: 12px 9px;
	}

#contentframe .forumTables .votebox table.blingtables td { 
	padding: 12px 9px;
	color: #fef7ed;
	}

#contentframe .forumTables .votebox table.blingtables tr.votezebra1 td { background: #2a0d09;  }
#contentframe .forumTables .votebox table.blingtables tr.votezebra2 td { background: #3c1613;  }

#contentframe .forumTables .votebox table.blingtables tr.votechoice td { font-weight: bold;  }

#contentframe .forumTables .votebox table.blingtables td.blingLeft { 
	
	}

#contentframe .forumTables .votebox div.votecontrols {
	padding: 19px 0 0 548px;
	}

/* */

#contentframe  .darkbox { 
	background: #daccaf; 
	border-top: 1px dotted #6a3c2d; 
	border-bottom: 1px dotted #6a3c2d; 
	margin: 5px 0; 
	padding-top: 8px; 
	}

#contentframe  .indiMsg{ 
	padding: 0 12px 13px 12px;
	}

#contentframe  .indiMsg table { 
	width: 100%;
	}
	
#contentframe  .darkbox td,
#contentframe .indiMsg td{ 
	vertical-align: top; /* Tää oli härötys */
	}	

#contentframe  .darkbox .forumCat td{ 
	vertical-align: middle; /* Tää oli härötys */
	}
	
#contentframe   table td.msgAuthor { 
	width: 96px;
	}	
	
#contentframe   table td.msgAuthor a { 
	display: block;
	font-weight: bold;
	padding: 0 0 12px 2px;
	color: #441c16;
	text-decoration: underline;
	}	
	
#contentframe   table td.msgAuthor a:hover { 
	text-decoration: none;
	color: #542424;
	}		
	


	
#contentframe  table td.msgDate { 
	background: url(../i/forumMsgDate.gif) no-repeat 5px 10%;
	}

#contentframe  table td.newmsg{ 
	background: url(../i/forumMsgDateNew.gif) no-repeat 5px 10%;
	}

#contentframe  table td.msgDate a, #contentframe  table td.newmsg a { 
	float: left;
	height: 12px;
	left: 0;
	margin-right: -15px;
	position: relative;
	text-decoration: none;
	width: 16px;
	}

#contentframe   table td.msgDate span{ 
	padding-left: 21px;
	}	
	
#contentframe   table td.msgCtrl { 

	}	

#contentframe   table td.msgCtrl div { 
	display: block;
	height: 19px;
	}		
	
#contentframe   table td.msgCtrl a { 
	float: right;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	height: 19px;
	}	
	
#contentframe   table td.msgCtrl a.forumLainaa { width: 46px; background: url(../i/forumLainaa.gif) no-repeat top right; }
#contentframe   table td.msgCtrl a.forumVastaaSmall { width: 48px; background: url(../i/forumVastaaS.gif) no-repeat top right; }
#contentframe   table td.msgCtrl a.forumMuokkaa { width: 62px; background: url(../i/forumMuokkaa.gif) no-repeat top right; }
#contentframe   table td.msgCtrl a.forumIP { width: 25px; background: url(../i/forumIp.gif) no-repeat top right; }
#contentframe   table td.msgCtrl a.forumX { width: 22px; background: url(../i/forumX.gif) no-repeat top right; }
#contentframe   table td.msgCtrl a.forumXX { width: 112px; background: url(../i/forumXX.gif) no-repeat top right; }

#contentframe .forumIndiSmall {
	background: #e1d6c2;
	width: 96px;
	margin-bottom: 10px;
	color: #2f0d04;
	overflow: hidden;
	}

#contentframe  .forumIndiSmallUp {
	background: url(../i/forumIndiSmallUp.gif) no-repeat top left;
	width: 96px;
	}	
	
#contentframe  .forumIndiSmallDn {
	background: url(../i/forumIndiSmallDn.gif) no-repeat bottom left;
	padding: 14px 9px;
	}
	
#contentframe  .forumIndiSmall img{
	margin: 0;
	padding: 2px;
	border: none;
	background: #fff;
	}
	
#contentframe  .forumIndiMsg { 
	margin: 0 0 0 11px;
	}		
	
#contentframe  .forumIndiMsg { background: #e1d6c2 url(../i/forumIndiMsg1.gif) no-repeat top left; }	
#contentframe  .forumIndiMsg2 { background: url(../i/forumIndiMsg2.gif) no-repeat top right; }	
#contentframe  .forumIndiMsg3 { background: url(../i/forumIndiMsg3.gif) no-repeat bottom right }	
#contentframe  .forumIndiMsg4 { background: url(../i/forumIndiMsg4.gif) no-repeat bottom left; }	
	
#contentframe  .forumIndiMsg4 { 
	padding: 16px 13px;
	}	
/* */

#contentframe .forumTables .forumCat {
	background: #e5dccd; 
	margin: 0 8px 8px 8px;
	}

#contentframe .forumTables .forumCatUp {
	width: 710px;
	background: url(../i/forumCatUp.gif) no-repeat top left;	
	}

#contentframe .forumTables .forumCatDn {
	background: url(../i/forumCatDn.gif) no-repeat bottom left;
	}

#contentframe .forumTables  td,
#contentframe .forumTables  th  {
	text-align: left; 
	padding: 0;
	margin: 0;
	}	
	
#contentframe .forumTables .forumCat table td.info {
	text-align: left; 
	}		
	
#contentframe .forumTables .forumCat td,
#contentframe .forumTables .forumCat th,
#contentframe .forumTables .forumCat table.category td,
#contentframe .forumTables .forumCat table.category th  {
	text-align: center; 
	}	

#contentframe .forumTables table.category th.subname { text-align: left;  }

#contentframe .forumTables .category th.subname span {
	padding: 0 0 0 8px;
	}
		
	
#contentframe .forumTables .forumCat td span {
	display: block;
	}

#contentframe .forumTables .forumCat td.icon span {
	padding: 0 0 0 8px; 
	}	

#contentframe .forumTables td.icon { width: 48px; padding:0; margin: 0; text-align: left;}

#contentframe .forumTables .category th.catname span,
#contentframe .forumTables .category th.catnamenoicon span  {
	padding: 0 0 0 8px;
	}
	

#contentframe .forumTables th.catname { width: 424px; text-align: left;  }
#contentframe .forumTables td.catname { width: 359px; text-align: left;}
#contentframe .forumTables th.catnamenoicon { width: 367px; text-align: left;}
#contentframe .forumTables td.catnamenoicon { width: 367px; padding: 10px 0; text-align: left;}

#contentframe .forumTables .forumCat td.catname span,
#contentframe .forumTables .forumCat td.catnamenoicon span  {
	padding: 0 0 0 10px; 
	}

#contentframe .forumTables td.replies{ width: 87px; }	

#contentframe .forumTables th.replies { width: 70px; }	
	
#contentframe .forumTables th.read,
#contentframe .forumTables td.read{ width: 67px;  }	

#contentframe .forumTables th.poster,
#contentframe .forumTables td.poster{ width: 87px;  }	
	
	
#contentframe .forumTables .forumCat td.info {
	padding: 8px 0 12px 0; 
	}

#contentframe .forumTables .forumCat td.info span {
	padding: 0 0 0 10px; 
	}

#contentframe .forumTables th.topics,
#contentframe .forumTables td.topics { width: 87px;  }

#contentframe .forumTables th.msgs,
#contentframe .forumTables td.msgs { width: 96px }

#contentframe .forumTables td.msgs { line-height: 64px; }


#contentframe .forumTables th.lastmsg,
#contentframe .forumTables td.lastmsg { }


#contentframe .forumTables .forumCat .topics, 
#contentframe .forumTables .forumCat .msgs { font-weight: bold; }

/* */

#contentframe .forumTables .forumStats {
	
	}

#contentframe .forumTables .forumStats .shortInfo {
	float: left; 
	width: 45%;
	padding-top: 10px;
	}

#contentframe .forumTables .forumStats .shortInfo span {
	display: block;
	padding-left: 6px;
	line-height: 1.7em;
	}


#contentframe .forumTables .forumStats .msgLinks {
	float: right;
	width: 45%;
	text-align: right;
	}

#contentframe .forumTables .forumStats .msgLinks a {
	display: block;
	margin-bottom: 4px;
	}

/* */

div.horizchecks input {
	margin-left: 25px;
	}

h4.nopadding { padding: 0;}

div.votebar {
	border: 1px solid #893933; height: 14px; background: url(../i/votebar.gif) repeat-x;
	}	
	
p.lonely {
	padding: 10px 0 10px 0;
	}

.roundshade p.lonely {
	
	}
	
div.literature-box {
	background: url(../i/litebox.gif) repeat-y;
	width: 916px;
	}
	
div.literature-box-con {
	width: 916px;
	min-height: 350px;
	background: url(../i/litebox-dn.jpg) no-repeat bottom left; position: relative;
	}
	
div.literature-box-con2 {
	background: url(../i/litebox-up.jpg) no-repeat;
	padding: 60px 241px 50px 241px;
	text-align: justify;
	line-height: 1.6em;
	}	
	
div.literature-box-con div.litheader { 
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	background: url(../i/litheader.gif) repeat-x bottom left;
	}	
	
div.literature-box-con h4 {
	padding: 0;
	font-weight: normal;
	font-size: 20px;
	font-family: Georgia, Tahoma;
	line-height: 24px;
	}	

div.literature-box-con h5.inpres {
	padding: 0;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Georgia, Tahoma;
	line-height: 11px;
	font-style: italic;
	margin: 0; line-height: 21px;
	}	
	
div.literature-box-con p.jumpp {
	display: block;
	background: url(../i/litedot.gif) repeat-x;
	text-align: right;
	font-family: Georgia, Tahoma;
	font-size: 10px;
	padding: 15px 0 0 0;
	text-transform: lowercase;
	}	
	
/* */

img.userimage140 {
	margin: 5px 0 5px 13px;
	border: 2px solid white;
	padding: 1px;
	background: #444;
	}
	
/* */

table.sixpack  {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	}

table.sixpack  td{
	width: 30%; 
	}
	
span.onlygold {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	padding: 7px 0 14px 570px;
	margin: 0;
	text-align: left;
	}

a.onlygold {
	display: block;
	width: 109px;
	height: 28px;
	background: url(../i/vainkultajasenille.gif) no-repeat;
	}
	
ul.plainlist {
	list-style: none;
	margin: 0 ;
	padding: 0 0 10px 0;
	font-size: 100%;
	}

/* */

#halloffame { 
	padding: 20px 0px 0 10px;
	}

.halloffamecontent {
	width: 924px;
	}
	
.hofentry {
	float: left;
	display: block;
	width: 449px;
	height: 187px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: url(../i/hof.jpg) no-repeat;
	color: #f4ebdc;
	}

#halloffame  table { 
	margin: 0;
	padding: 0;
	width: 449px;
	height: 167px;
	border-collapse: collapse;
	}

#halloffame  table td { 
	margin: 0;
	padding: 38px 36px 0 10px;
	vertical-align: top;
	text-align: left;
	}	
	
#halloffame  table td.feature { 
	margin: 0;
	padding: 0;
	width: 163px;
	height: 167px;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	}


#frame #halloffame a  {color: #bfadad;}		
#frame #halloffame a:hover  {color: #fff;}	

#frame #halloffame a img {
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px solid #bfadad;
	}	

#halloffame  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}	
	
#halloffame  ul li {
	margin: 0;
	padding: 0;
	line-height: 23px;
	border-bottom: 1px solid #501f1b;
	}		

/* */

div.welcome {
	padding: 0 0 7px 0;
	}
	

	
/*näyttely */

	.imagegallerythumbs {display: block;width: 100%;height: 77px;}

	.galleria{list-style:none; margin: 0;padding: 0;}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0; padding: 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	* html .galleria li div span{width:400px} /* MSIE bug */
	
	.demo{position:relative;}
	.demo ul, .imagegallery ul { list-style: none; }
	.gallery_demo{padding: 10px;}
	.gallery_demo li{width:68px;height:50px;border:2px solid #fff; margin: 0 5px 0 0;padding: 0;}
	.gallery_demo li div{left:240px}
	
	#main_image{margin:0 auto 60px auto;}
	#main_image img { border: 10px solid #2b0f0c; }
	.nav{padding: 15px;clear:both;}
	
/* */

#frame  .ssort table.regphase1  {
	border-collapse: collapse;
	padding: 0;
	margin: 0 0 10px 0;
	}
	
#frame  .ssort table.regphase1  p{
	padding: 5px 0;
	}

#frame  .ssort table.regphase1 td{
	
	}	
	
#frame  .ssort table.regphase1 td.label{
	padding-right: 15px;
	/*width: 120px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;*/
	}	
	
#frame  .ssort table.regphase1 td.reginputs{
	padding: 0 0 3px 0;
	}

#frame  .ssort table.regphase1 td.reginputs span {
	
	}
	
#frame  .ssort table.regphase1 td select {
	padding: 2px;
	margin: 0 2px 0 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	width: 140px;
	}	
	
#frame  .ssort table.regphase1 td input{
	padding: 2px;
	margin: 0 0px 0 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000; 
	}	
	
#frame  .ssort table.regphase1 td textarea{
	padding: 2px;
	margin: 0 2px 0 0;
	background: #f7f1db;
	border: 1px solid #916e5b;
	color: #000;
	width: 250px;
	height: 100px;
	}		
	
	
#frame  .ssort table.regphase1 td input.checkbox{
	padding: 3px;
	margin: 0 2px 0 0;
	background: transparent;
	border: none;
	color: #000;
	}		
	
#frame   .additionalinfo {
	margin: 0 20px;
	background: url(../i/reg_divider.gif) repeat-x;
	padding: 12px 0 10px 0;
	font-size: 11px;
	}
	
#frame  #seduction .ssort  .additionalinfo {
	margin: 0 20px;
	background: none;
	padding: 10px 0 10px 0;
	font-size: 11px;
	}	
	
#modalFrame #frame  .ssort  .additionalinfo {
	padding-bottom: 0;
	margin-right: 37px;
	}	
	
#frame  .primaryinfo {
	margin: 0 20px;
	background: url(../i/reg_divider.gif) repeat-x bottom left;
	padding: 12px 0 0px 0;
	font-size: 11px;
	}	

#frame  .ssort  .primaryinfo p,
#frame  .sitepresentation  .primaryinfo p {
	padding-bottom: 15px;
	}	
	
#frame  .ssort  .forward {
	float: left;
	width: 20%;
	}

#frame  #seduction .ssort  .forward {
	float: right;
	width: auto;
	}	

#frame  #seduction .ssort  .forward .inputforward {
	margin: 5px 20px 0 0;
	}	
	
#modalFrame #frame  .ssort  .forward {
	padding-bottom: 15px;
	}
	
#frame  .ssort  .forward .inputforward {
	margin: 0 0 0 20px;
	}	
	
#frame  .ssort  .forward .inputforwardsecond {
	margin: 0 0 0 5px;
	}		
	
#frame  .ssort  .reminder {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0 0 10px 0;
	width: 70%;
	}
	
#frame  .ssort  .reminder p.regsmall{
	padding: 5px 20px 0 0;
	}	
	
#frame  .ssort  .regthanks {
	margin: 0 20px;
	background: url(../i/reg_divider.gif) repeat-x bottom left;
	padding: 12px 0 10px 0;
	font-size: 109%;
	}
	
#frame  .ssort  .regthanks h4 {
	color: #f6f3ee;
	}	
	
#frame  .ssort  .regthanks p.small,
p.small {
	font-size: 10px;
	color: #765f51;
	}
#frame  .ssort  .regthanks p.small a {
	color: #c0af98;
	}	
	
#frame  .ssort  .regthanks p.small a:hover  {
	color: #daccb1;
	}	
	
/* */

p.allfriends {
	padding: 0;
	margin: 0;
	}

p.allfriends a {
	padding: 0;
	margin: 0;
	display: block;
	width: 172px;
	height: 21px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../i/allfriends.gif) no-repeat bottom left;
	}	
	
#frame #harhaverkko { padding: 0; }	
	
#frame #harhaverkko .sidebarcontent {
	width: 193px;
	background: transparent;
	}

#frame #harhaverkko .sidebarcontent .top {
	width: 193px;
	background: none;
	}

#frame #harhaverkko .sidebarcontent .top .dn {
	width: auto;
	background: none;
	padding: 0 0 0 4px;
	}
	
#frame #harhaverkko dl {
	margin: 10px 7px 10px 7px;
	padding: 0;
	}

#frame #harhaverkko dl dt {
	color: #000;
	padding: 0;
	margin: 0;
	}

#frame #harhaverkko dl dd {
	padding: 0;
	margin: 0;
	display: block;
	text-align: right;
	border-bottom: 1px dotted #51271B;
	line-height: 23px;
	}

#frame #harhaverkko dl dd img{
	padding: 6px 0 0 0;
	margin: 0;
	}	
	
#frame #harhaverkko dl dd span {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	}

#frame #harhaverkko dl dd a,
#frame #harhaverkko dl dd a:link,
#frame #harhaverkko dl dd a:visited,
#frame #harhaverkko dl dd a:hover,
#frame #harhaverkko dl dd a:active {
	text-decoration: none;
	}
	
/* */

span.shout-user {
	font-weight: bold;
	color: #2a1912;
	}
	
span.shout-time {
	color: #747067
	}	
	
h4.userid {
	font-size: 11px;
	padding: 5px 15px 0 15px;
	}
	
h4.userid a {text-decoration: none;}
h4.userid a:hover {text-decoration: underline;}

/* */

#categorynav {
	z-index: 1666; 
	}
	
#categorynavsub,
#categorynavsortmain {
	position: absolute;
	top: 0;
	left: 200px;
	}

#categorynavsort,
#categorynavviewmain {
	position: absolute;
	top: 0;
	left: 400px;
	}	

#categorynavview {
	position: absolute;
	top: 0;
	left: 600px;
	}	
	
.categorynav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #e9eada; 
	}

.categorynav ul li{
	margin: 0;
	padding: 0;float: left; /* tuo floatti korjasi koko IE6-ongelman */
	}	
	
.categorynav ul li ul {
	display: none;
	position: absolute;
	top: 25px;
	left: 7px;
	width: 185px; z-index: 6000;
	border: none;
	background: url(../i/catnavtop.gif) no-repeat;
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 11px;
	}	
	
.categorynav ul li ul li{
	width: 185px;
	background: url(../i/catnavbg.gif) repeat-y;
	padding: 0;
	margin: 0;
	}		
	
#frame .categorynav  em a {
	display: block;
	width: 25px;
	height: 26px;
	background: url(../i/catnavbutton.gif) no-repeat 0 7px;
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	}

#frame .categorynav  em a:hover,
#frame .categorynav  em a.active {
	background-position: -41px 7px;
	}		
	
#frame .categorynav ul li ul span {
	display: block;
	padding-left: 11px;
	}		
	
#frame .categorynav ul li ul span.last {
	background: url(../i/catnavbot.gif) no-repeat bottom left;
	padding: 0 0 10px 11px;
	}		
	
#frame .categorynav ul li ul a {
	display: block;
	border-bottom: 1px solid #7c2d26;
	line-height: 14px;
	padding: 3px 0;
	width: 163px;
	text-decoration: none;
	color: #740900;
	}	

#frame .categorynav ul li ul span.last a {
	border-bottom: none;
	padding: 3px 0 0 0;
	}	
	
.categorynav ul li ul a:hover {
	text-decoration: none;
	color: #000;
	}		
	
/* */

#frame .tablehalf {
	float: left; 
	width: 50%;
	padding: 3px 0 5px 0;
	}

#frame .tableleft table.messages {
	margin-right: 5px;
	width: auto;
	}
	
#frame .tableright table.messages  {
	margin-left: 5px;
	width: auto;
	}
	
#frame .statsarea {
	float: left; width: 80%;
	}
	
#frame .harhaweb {
	width: 20%;
	}	
	
#frame .harhaweb table.messages  {
	margin: 0 5px;
	width: 97%;
	}
	
#frame .statsarea  table.messages th {
	padding: 5px;
	font-weight: normal;
	}
	
/* */

#frame h4.eventhead {
	background: #1f0b02 url(../i/eventhead.gif) repeat-x;
	line-height: 32px;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	padding: 0 10px;
	margin: 0;
	}

#frame .events {
	padding: 15px 9px;
	}

#frame .events .eventlist{
	width: 722px;
	}
	
#frame .events .event {
	margin-top: 4px;
	background: #f7f2ea url(../i/eventbg.gif) repeat-x;
	padding-bottom: 5px;
	}

#frame .events .event dl{
	padding: 0 10px 9px 10px;
	margin: 0;
	
	}

#frame .events .event dl dt {
	display: block;
	color: #000;
	padding: 0;
	line-height: 28px;
	margin: 0;
	border-bottom: 1px solid #290c06;
	}

#frame .events .event dl dd {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	line-height: 38px;
	text-align: left;
	border-bottom: 1px solid #a3948c;
	font-style: normal;
	position: relative;
	}

#frame .events .event dl dd p {
	padding: 0 0 0 27px;
	margin: 0;
	}	
	
#frame .events .event dl dd a.hide {
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 12px;
	left: 681px;
	background: url(../i/eventhide.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	}	
	
#frame .events .event dl dd.e_comment_image { background: url(../i/e_comment_image.gif) no-repeat}	
#frame .events .event dl dd.e_friend_request{ background: url(../i/e_friend_request.gif) no-repeat}	
#frame .events .event dl dd.e_follow_add { background: url(../i/e_follow_add.gif) no-repeat}
#frame .events .event dl dd.e_newimage { background: url(../i/e_newimage.gif) no-repeat}
#frame .events .event dl dd.e_newsong { background: url(../i/e_newsong.gif) no-repeat}
#frame .events .event dl dd.e_newlite { background: url(../i/e_newlite.gif) no-repeat}
#frame .events .event dl dd.e_shout { background: url(../i/e_shout.gif) no-repeat}
#frame .events .event dl dd.e_reply { background: url(../i/e_reply.gif) no-repeat}
#frame .events .event dl dd.e_friend_accept { background: url(../i/e_friend_accept.gif) no-repeat}
#frame .events .event dl dd.e_admin_remove { background: url(../i/e_admin_remove.gif) no-repeat}
#frame .events .event dl dd.e_msgboard { background: url(../i/e_msgboard.gif) no-repeat}
#frame .events .event dl dd.e_congrats { background: url(../i/e_congrats.gif) no-repeat}
#frame .events .event dl dd.e_favorite_add { background: url(../i/e_favorite_add.gif) no-repeat}


	
#frame .events .event dl dd em {
	padding: 0;
	margin: 0;
	display: inline;
	font-style: normal;
	color: #a59c8c;
	line-height: 38px;
	}	
	
#frame .events .event dl dd a.accept{ color: #0c8300; text-decoration: none; }
#frame .events .event dl dd a.reject { color: #cb2709; text-decoration: none; }	

p.error {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 10px 0;
	}


a.skiptocontent { display: none; }	

#frame table.subtle {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}
	
#frame table.subtle tr,	
#frame table.subtle td{
	margin: 0;
	padding: 0;
	}
	
a.shout_remove{
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 5px;
	height: 6px;
	background: url(../i/shout_remove.gif) no-repeat;
	position: absolute;
	top: 8px;
	left: 315px;
	}
	
/* */

#frame .newspost dl {
	margin: 10px 7px;
	padding: 0;
	background: none;
	}

#frame .newspost dl dt {
	color: #000;
	}

#frame .newspost dl dd {
	padding: 0;
	margin: 0;
	text-align: left;
	border: none;
	}
	
#frame #contentcenter .newspost dl dd a {
	text-decoration: none;
	border-bottom: 1px dotted #51271B;
	}

#modalBox .modalshout table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}

#modalBox .modalshout table tr{
	margin: 0;
	padding: 0;
	}
	
#modalBox .modalshout table td{
	margin: 0;
	padding: 0;
	}
	
#modalBox .modalshout input.modalinput {
	background: #f5efe3/*url(../i/modalinput.gif) no-repeat top left*/;
	border: 1px solid #fff;
	padding: 2px 1px;
	font-size: 11px;
	width: 270px;
	margin: 0 5px 0 0;
	}
	
/* */

#frame ul.chooseimages {
	list-style: none;padding: 0;margin:0
	}

#frame ul.chooseimages li{
	float: left; padding: 0 5px 5px 0;margin:0
	}
	
#frame .editimage {
	display: block;
	background: #170503;
	color: #e1d6c2;
	overflow: hidden;
	width: 345px;
	position: relative;
	}

	
	
#frame .fullsize .editimage {
	width: 698px;
	background: url(../i/fullsize.gif) repeat-y;
	}

#frame .alt .editimage {
	background: url(../i/fullsizealt.gif) repeat-y;
	}

#frame .alt3 .editimage {
	background: url(../i/fullsizealt2.gif) repeat-y;
	}

#frame .alt2 .editimage {
	background: #170503;
	}		
	

	
#frame .editimage img {
	float:left;
	padding: 0;
	margin: 5px 10px 5px 5px;
	border: 1px solid #bfadad;
	}

#frame .editimage h4 {
	padding: 5px 5px 0 0;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	}
	
#frame .fullsize .editimage h4 {
	padding: 5px 265px 0px 0;
	}		
	
#frame .editimage p{
	line-height: 16px;
	padding: 0 5px 5px 0;
	
	}

#frame .fullsize .editimage p{
	font-size: 11px;
	padding: 4px 5px 5px 0;
	}

/* */	

#frame .fullsize .editimage div.orderdown a,
#frame .fullsize .editimage div.orderup a {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 53px;
	height: 52px;
	}	
	
#frame .fullsize .editimage div.orderdown {
	position: absolute;
	top: 0;
	left: 645px;
	width: 53px;
	height: 52px;
	}

#frame .fullsize .editimage div.orderup {
	position: absolute;
	top: 0;
	left: 588px;
	width: 53px;
	height: 52px;
	}	
	
#frame .fullsize .editimage div.na {
	display: none;
	}		
	
#frame .fullsize .editimage div.orderdown {background: url(../i/dnarrow.gif) no-repeat 50% 50%;}		
#frame .fullsize .editimage div.orderup {background: url(../i/uparrow.gif) no-repeat 50% 50%;}
		
/* */	
	
#frame .fullsize .editimage div.status {
	position: absolute;
	top: 0;
	left: 623px;
	width: 75px;
	height: 52px;
	}
	
#frame .fullsize .editimage div.status a,
#frame .fullsize .editimage div.status span {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 75px;
	height: 52px;
	}		
	
#frame .fullsize .editimage div.released {background: url(../i/status_released.gif) no-repeat 50% 50%;}	
#frame .fullsize .editimage div.unreleased {background: url(../i/status_unreleased.gif) no-repeat 50% 50%;}	
#frame .fullsize .editimage div.disabled {background: url(../i/status_disabled.gif) no-repeat 50% 50%;}
#frame .fullsize .editimage div.disabled:hover {cursor:not-allowed}

	
/* */

#frame .darkcontrols  {
	padding: 0 20px;
	background: #2b0c09 url(../i/ssort.gif) repeat-x top right;
	margin: -7px 0 7px 0; 
	color:#e1d6c2;
	}

#frame .darkcontrols  .controlinfo {
	margin: 0;
	background: url(../i/reg_divider.gif) repeat-x bottom left;
	padding: 12px 0 0px 0;
	font-size: 11px;
	}		
	
#frame .darkcontrols  .controlinfo a {color: #f6f3ee;text-decoration: underline;}	
#frame .darkcontrols  .controlinfo a:hover {color: #fff;text-decoration: underline;}	
	
#frame .darkrow {
	width: 100%;
	height: 235px;
	/*background: url(../i/darkrow.gif) repeat-x;*/
	background: url(../i/reg_divider.gif) repeat-x bottom left;
	}
	
#frame .darkmusic {
	height: auto;
	padding: 10px 0 5px 0;
	}
	
#frame .last {
	background: none;
	}	
	
#frame #contentcr .darkrow img {
	padding: 0;
	margin: 0;
	border: 2px solid #fff;
	}	
	
#frame .darkrow table {
	width: 100%;
	padding: 0;
	margin: 25px 0 0 0;
	}

#frame .darkrow table tr {
	margin: 0;
	padding: 0;
	}

#frame .darkrow table tr td {
	width: 25%;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
#frame .darkrow .image {
	display: block;
	text-align: center;
	}
	#frame .darkrow .image .imagecenter{
	display: block;
	position: relative;	
	margin: 0 auto;
	}
	
#frame .darkrow a {
	color:#e1d6c2;
	}	
	
#frame .darkrow a:hover {
	color:#f2ebde;
	}	
	
#frame .darkrow .controlimage {
	background: url(../i/controlimage.gif) 50% 0 no-repeat;
	height: 49px;
	}
	
#frame .darkrow .controlimage p {
	padding: 8px 0 0 0;
	line-height: 16px;
	font-size: 11px;
	}
		
#frame ul.songlisting {
	list-style: none;padding: 5px 0 0 0;margin:0
	}

#frame ul.songlisting  li{
	padding: 0;margin:0; 
	clear: both;
	}
	
#frame ul.songlisting  li  div.songimg {
	float: left; 
	display: block;
	height: 44px;
	}	

#frame #contentcr .darkrow ul.songlisting  li  div.songimg img{
	border: 1px solid #bfadad;
	}	
	
#frame ul.songlisting  li  div.songimg a.noimage {
	display: block;
	width: 44px;
	height: 44px;
	text-indent: -5000px;
	overflow: hidden;
	}	
	
#frame #contentcr ul.songlisting  li  div.songimg  img{
	padding: 0;
	margin: 0;
	}	
	
#frame ul.songlisting  li div.songinfo {
	float: left;
	padding: 0 5px 5px 10px;
	margin: 0;
	clear: right;
	}
	
#frame ul.songlisting  li div.songinfo h4{
	padding: 2px 0 3px 0;
	font-weight: normal;
	color: #fff;
	}
	

/* */

#searchtopcontainer {
	margin: -30px 0 30px 0px; 
	overflow: hidden; 
	position: relative; 
	height: 0px;
	background: url(/i/panel.gif) repeat-x top left;
	}

#searchtop {
	width: 974px;
	margin: -55px auto 0 auto; 
	height: auto;
	text-align: left;
	position: relative;
	}

.st-announce {
	display: block;
	width: 440px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 0;
	overflow: hidden;
	}
	
.st-announce *{
	margin: 0;
	padding: 0;
	border: none;
	}	
	
.st-content {
	padding: 17px 0 0 464px;
}

.st-inputs {
	width: 510px;
	position: relative;	
	}

.st-inputs a#searchclose {
	position: absolute;
	top: 12px;
	right: 5px;
	display: block;
	width: 14px;
	height: 14px;
	background: url(../i/searchclose.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	}

	
.st-user {
	float: left;
	display: none;
	}

#searchtop .st-work {
	float: left;
	}
	
	
#searchtop .st-workfield {
	float: left;
	width: 212px;
	}
	
#searchtop .st-workfield .inputs{
	float: left;
	display: block;
	width: 140px;
	height: 36px;
	background: url(../i/logininput.gif) no-repeat;
	}
	
#searchtop .st-workfield .hilite {
	background: url(../i/searchinput.gif) no-repeat;
	}
	
#searchtop .st-workfield .inputs span {
	display: block;
	padding: 12px 3px 0 3px;
	}	
	
#searchtop .st-workfield .inputs input {
	color: #000;
	width: 134px;
	height: 14px;
	font-size: 81%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	border: 0 solid #000;
	padding: 0;
	margin: 0;
	}
	
#searchtop .st-workfield .st-label {
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	height: 36px;
	width: 70px; background: url(../i/searchtop_user.gif) no-repeat; 
	}

#searchtop .st-second  {
	padding-left: 9px; 
	}		
	
#searchtop  .st-second .st-workfield {
	float: left;
	width: 193px; 
	}	

#searchtop .st-second .st-workfield .st-label {
	width: 51px; background: url(../i/searchtop_work.gif) no-repeat; 
	}	
	
	
#searchtop .st-work  input.mainoption {
	text-indent: -1000em;
    width: 31px;
    height: 36px;
    border: 0;
    background: url(../i/searchtop_search.gif) no-repeat;
    cursor: pointer; padding: 0; margin: 0;
	}
	
/* JÄNNÄÄ */

#showroom-slider{
	width: 968px;
	height: 18px;
	background: #280500 url(../i/showrooms.gif) no-repeat 50% 0;
	overflow: hidden;
	}

#showroom-slider .slide-content{
	padding: 5px 15px 0px 15px;
	}

#content-slider {
  width: 940px;
  height: 7px;
  background: transparent;
  position: relative;
}

.content-slider-handle {
  width: 30px;
  height: 13px;
  position: absolute;
  top: -5px;
  background: url(../i/slider-handle.gif) 50% 0 no-repeat;
}	

/* */

#modalFrame  .fixed  {
	position: fixed;
	top: 0;
	left: 0;
	background: #170503;
	display: block;
	width: 742px;
	height: 37px;
	z-index: 20;
	border-bottom: 1px solid #000;
	}	
	
#modalFrame  .fixed .controls {
	padding: 10px 0 0 10px;
	}

#modalFrame  .scrollingcontent	 {
	padding-top: 52px;
	z-index: 10;
	}	
	
/* EXIF-hover */

.image {
	position: relative;
}
.image em {
    background: url(../i/exif.png) no-repeat;
    width: 212px;
    height: 167px;
    position: absolute;
    top: 40px;
    right: 10px; 
    z-index: 2;
    display: none;
	color: white;
	font-style: normal;
	text-align: left;
	font-size: 10px;
}
.image em table {
	margin: 15px 15px 15px 25px;
}
.image em table th, .image em table td {
	text-align: left;
	vertical-align: top;
}
.image em table th {
	width: 64px;
}
.comment-content p a { text-decoration: none; cursor: pointer; }

/* */

.viewpresentation {
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	}
	
/* */

a.iconized,
span.iconized {
	padding: 2px 0 2px 20px;
	}

.property { background: red;margin-top: 3px; }	
	
p.sortmethods a.iconized,
p.sortmethods span.iconized {
	padding: 2px 10px 2px 20px;
	}

p.sortmethodstweaked {
	
	}	
	
p.sortmethodstweaked a.iconized,
p.sortmethodstweaked span.iconized {
	padding: 2px 10px 2px 20px;
	}

p.sortmethodstweaked a.iconizedtweak,
p.sortmethodstweaked span.iconizedtweak {
	padding: 2px 0px 2px 15px;
	}
	
a.new { background: url(../i/new.gif) 0 55% no-repeat; }
a.user, span.user { background: url(../i/users.gif) 0 55% no-repeat; }
a.newpriv, span.newpriv { background: url(../i/newpriv.gif) 0 55% no-repeat; }
a.searchglass, span.searchglass { background: url(../i/glass.gif) 0 55% no-repeat; }
a.propertyxl, span.propertyxl { background: url(../i/propertyxl.gif) 0 55% no-repeat; }
a.propertym, span.propertym { background: url(../i/propertym.gif) 0 55% no-repeat; }
a.propertys, span.propertys { background: url(../i/propertys.gif) 0 55% no-repeat; }
/* */

#frame #contentframe #contentcr .ssort h3.headline {
	font-size: 12px;
	margin: 0 0 -5px 0;
	padding: 10px 20px 0 20px;
	
	}
	
p.privcontrols { padding: 5px 0 0 0; }

div.quote {
	background-color: #f3ebde; 
	border: 1px solid #b7a081; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	text-transform: none; 
	text-decoration: none; 
	color: #a18470; 
	font-size: 11px; 
	line-height: 13px; 
	margin: 10px; 
	padding: 10px;
	}
	
div.errormsg {
	display: block;
	width: 100%;
	clear: both;
	color: #fff;
	}
	
div.errormsg p { padding: 18px 0px 8px 0px; margin: 0 20px; font-size: 11px; background: url(../i/reg_divider.gif) repeat-x bottom left;}

/* <AUTOCOMPLETE> */

.ac_input {
	
}

.ac_results {
	display: block;
	padding: 0px;
	border: 1px solid #4e2312;
	background-color: #f4ede3;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: disc;
	padding: 0;
	margin: 0; 
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 4px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;text-align: left;

}
.ac_loading {
	background: red url(../i/indicator.gif) right center no-repeat;
}
.ac_over {
	background-color: #fff;
	color: #7c2d26;
}


/* </AUTOCOMPLETE> */

p.chapters {
	padding: 0 0 15px 0;
	display: block;
	width: 100%;
	}
	
#frame p.chapters img {
	padding: 0 0 0 0;
	}
	
p.chapters span{
	padding: 0 13px 0 13px;

	}	

/* */
#frame #contentcenter .seduction { background: none !important; }	
#frame #contentcenter #backsedu { padding-top: 50px; }
#frame #contentcenter .splitted { background: url(../i/seduction.jpg); cursor: pointer; }
#frame #contentcenter #leftsedu { background: url(../i/sed_left.gif) right; width: 449px; height: 210px;  position: absolute; top: 5px; left: 1px; z-index: 600; }
#frame #contentcenter #rightsedu { background: url(../i/sed_right.gif) left; width: 388px; height: 210px;  position: absolute; top: 5px; right: 1px; z-index: 600; }


/* */

#showroom .imginfo, .shadegallery-evolved .imginfo {
	position: relative;
}

#showroom .imginfobox, .shadegallery-evolved .imginfobox {
	width: 1px;
	height: 21px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	bottom: 13px;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-indent: -1000em;
	overflow: hidden;
}

#showroom .imginfobox {
	margin-bottom: -21px;
	top: -22px;
}

.shadegallery-evolved .imginfobox {
	margin-bottom: -21px;
	top: -29px;
}

.imginfobox .boxi { width: 115px; height: 21px; z-index: 1; position: relative; left: 0; bottom: 0; text-indent: -1000em; }
.imginfobox .song { background: url(../i/h_musiikki.png) center; }
.imginfobox .writing { background: url(../i/h_kirjallinen.png) center; }
.imginfobox .show { background: url(../i/h_nayttely.png) center; }
.imginfobox .album { background: url(../i/h_albumi.png) center; }
.imginfobox .collection { background: url(../i/h_kokoelma.png) center; }


/* */

#frame .songpresentation {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 628px;
	height: 302px;
	background: url(../i/songpres.jpg);
	overflow: hidden;
	position: relative;
	}

	
#frame .songpresentation .songpres-image {
	display: block;
	width: 299px;
	height: 302px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	}		
	
#frame .songpresentation .songpres-image a {
	display: block;
	padding: 0;
	margin: 17px 0 0 23px;
	}	
	
#frame .songpresentation .songpres-image img {
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	}		
	
#frame .songpresentation .songpres-player {
	display: block;
	position: absolute;
	left: 299px;
	top: 0;
	width: 329px;
	height: 302px;
	text-align: left;
	}	

/* BANNERS */



#contentmax .content .outercontentbox .banner336 {
	float: right;
	display: block;
	width: 360px;
	height: 300px;
	padding-top: 5px;
	}	
	
#contentmax .content .outercontentbox .banner336 img { border: 2px solid #fff; padding: 0;}	

#contentmax .content .outercontentbox .banner336 .gadsense {
	padding-right: 15px;
	padding-top: 7px;
	}	

#contentmax .content .outercontentbox .banner336 .gadsense * {
	padding-bottom: 5px;
	}		
	
/* THE BAND */

#frame #bandprofile {margin-top: 1px;width: 968px;position: relative;background: url(../i/contentframe-max.gif) repeat-y;}
#frame #bandprofile #bandmax {display: block;width: 968px;height: 31px;position: relative;z-index: 2;}
#frame #bandpoint {width: 968px;margin-top: -32px;display: block;}
#contentband .content .outercontentbox {width: 934px;z-index: 666;position: relative;}
#contentband .content {position: relative;color: #000; z-index: 666;}
#contentband .content .contentbox {width: 916px;}	
#contentband .content .top {width: 968px;background: url(../i/max_con_top.gif) no-repeat top left;}
#contentband .content .top .dn {background: url(../i/max_con_dn.gif) no-repeat bottom left;padding: 10px 17px 17px 17px;}
#contentband .title {border-top: 1px solid #f6f0e4;width: 968px;	background: url(../i/bars.gif) no-repeat; background-position: 0px -128px; height: 39px;}
#contentband .content img {background: transparent;margin: 0;padding: 0;border: none;}
 
.profileplayer { display: block; width: 100%; height: 298px; overflow: hidden; background: url(../hax_profileplayer.jpg) no-repeat bottom left;} 
.profileplayer .playflash  { padding: 0 10px;}  

#contentcenter .profile .bandcontent .info {
	width: 562px;
}

.shortdesc { padding: 10px; }

/* shadowbox */

#sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(resources/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(resources/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(resources/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(resources/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(resources/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* */

#morecomments {
	padding: 5px 0 13px 0;
	}
	
#morecomments p{
	padding: 0; margin: 0;
	}	

#morecomments a {
	display: block;
	width: 528px;
	height: 36px;
	background: url(../i/morecomments.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	}	
	
/* */

#frame .prestitle {
	display: block;
	width: 500px;
	height: 119px;
	color: #f1e7e5;
	margin: 0 auto;
	background: url(../i/pres_title.jpg) no-repeat 0 17px;
	position: relative;
	}

#frame .prestitle a {
	display: block;
	width: 37px;
	height: 37px;
	position: absolute;
	top: 17px;
	left: 0;
	text-indent: -5000px;
	overflow: hidden;
	}	
	
#frame .prestitle p {
	padding: 17px 0 0 50px;
	line-height: 37px;
	}	
	
#frame a.presprev,
#frame a.presnext {
	display: block;
	width: 37px;
	height: 37px;
	position: absolute;
	top: 17px;
	text-indent: -5000px;
	overflow: hidden;
	}	
	
#frame a.presprev {
	left: 0;
	background: url(../i/pres_prev.jpg) no-repeat;
	}	
	
#frame a.presnext {
	right: 0;
	background: url(../i/pres_next.jpg) no-repeat;
	}		
	
#frame .content .presimage {
	padding-bottom: 60px;
	}

#frame .content .presthumbs {
	display: block;
	width: 934px;
	height: 130px;
	background: url(../i/pres_thumbs.jpg) no-repeat;
	}
	
#frame .pressb {
	display: block;
	width: 120px;
	height: 77px;
	margin: 0 auto;
	}	

#frame .pressbone {
	width: 81px;
	}
	
#frame .pressb a {
	display: block;
	width: 120px;
	height: 37px;
	background: url(../i/pres_sb.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	}

#frame .pressb a.one {
	width: 81px;
	height: 37px;
	background: url(../i/pres_sbo.gif) no-repeat;
	}	
	
#frame .presworks {
	padding-bottom: 68px; 
	}

#frame .works6 {padding-left: 27px; padding-right: 27px; }
#frame .works5 {padding-left: 89px; padding-right: 89px; }
#frame .works4 {padding-left: 165px; padding-right: 165px; }
#frame .works3 {padding-left: 240px; padding-right: 240px; }
#frame .works2 {padding-left: 316px; padding-right: 316px; }
	
#frame .presworks table {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 140px;
	border-collapse: collapse;
	}	
	
#showroom .innerborder table { 
	
	}

#frame .presworks table td { 
	margin: 0;
	padding: 0;
	width: 139px;
	height: 140px;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	background: url(../i/preswork.gif) 50% 50% no-repeat;
	}

#frame .presworks table a img {
	margin: 0;
	padding: 0;
	border: 1px solid #bfadad;
}
	
/* */
	
#modalUsers {
	padding: 0px 0px 0px 0px;
	position: relative;
	}
	
#modalUsers .modalUsersRelative {
	display: block;
	width: 960px;
	height: 535px;
	overflow: hidden;
	z-index: 500;
	}	
	
.modalRow {
	padding: 0 0 0 64px;
	}
	
.firstrow {
	padding-top: 17px;
	}	
	
.modalUser {
	float: left; 
	text-align: center;
	display: block;
	padding-top: 5px;
	}
	
.modalUser img{
	border: 1px solid #e2d6c6;
	padding: 6px; 
	margin: 0 7px 3px 7px;
	background: #fdfdfd;
	}	
	
#modalUsers ul#usersCarousel { 
	margin: 0;
	padding: 0;
	list-style: none;
	width: 960px;
	height: 535px; 
	overflow: hidden; 
	}		
	
#modalUsers ul#usersCarousel li { 
	float:left;
	margin:0;
	padding:0;
	width: 960px;
	height: 535px;
	}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	overflow: hidden;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* KAPOW */

.jcarousel-skin-hk .jcarousel-container {
	position: relative;   
	}

.jcarousel-skin-hk .jcarousel-container-horizontal {
    padding: 0;
	}

.jcarousel-skin-hk .jcarousel-item {
	width: 916px;
	height: 535px; 
	}

.jcarousel-skin-hk .jcarousel-clip-horizontal {
	height: 535px;
	}

.jcarousel-skin-hk .jcarousel-item-placeholder {
    background: #000;
    color: #fff;
	}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-hk .jcarousel-next-horizontal {
    display: block;
	width: 48px;
	height: 535px;
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 600;
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
	background: url(../i/modalnext.png) no-repeat;
}

.jcarousel-skin-hk .jcarousel-next-horizontal:hover {
	background: url(../i/modalnext.png) no-repeat;
}

.jcarousel-skin-hk .jcarousel-next-horizontal:active {
	background: url(../i/modalnext.png) no-repeat;
}

.jcarousel-skin-hk .jcarousel-next-disabled-horizontal,
.jcarousel-skin-hk .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-hk .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: url(../i/modalnextd.png) no-repeat;
}

.jcarousel-skin-hk .jcarousel-prev-horizontal {
    display: block;
	width: 48px;
	height: 535px;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 600;
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
	background: url(../i/modalprev.png) no-repeat;
}

.jcarousel-skin-hk .jcarousel-prev-horizontal:hover {
	background: url(../i/modalprev.png) no-repeat;
}

.jcarousel-skin-hk .jcarousel-prev-horizontal:active {
	background: url(../i/modalprev.png) no-repeat;
}

.jcarousel-skin-hk .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-hk .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-hk .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: url(../i/modalprevd.png) no-repeat;
}

/* */

img.icon16 { position: relative; top: 2px; margin-right: 5px;}

/* */

div.search-category {
	padding-bottom: 10px;
	line-height: 18px;
	font-size: 12px;
	}

#frame #contentframe #contentcr div.search-category input {
	margin: 0 7px 0 0 ;
	}	
	
div.search-category strong {
	font-size: 14px;
	font-weight: normal;
	color: #f7f1e5;
	}	
	
div.search-category .cat-header{
	padding-bottom: 7px;
	}

/* */

p.notion {
	padding: 10px 20px;
	text-align: center;
	font-style: italic;

	}
	
p.notion a{
	font-style: normal;

	}	
	
/* */

#frame .sitepresentation {
	background: #1f1f1f url(../i/adminpres.gif) repeat-x top right;
	color: #e9e9e9;
	font-size: 90%;
	width: 100%;
	margin: -7px 0 7px 0; 
	}
	
#frame .sitepresentation .primaryinfo {
	margin: 0 20px 0 20px;
	background: url(../i/reg_dividera.gif) repeat-x bottom left;
	padding: 12px 0 0px 0;
	font-size: 11px;
	}		

#frame  .sitepresentation .additionalinfo {
	margin: 0 20px;
	background: none;
	padding: 0;
	font-size: 11px;
	}	
	

#frame .developers {
	margin: 10px 20px 0 20px; font-size: 11px; padding: 0;
	/*background: url(../i/reg_dividera.gif) repeat-x bottom left;*/
	color: #aaa;
	}

#frame .sitepresentation a {
	color: #eee;
	text-decoration: underline;
	}	
	
#frame .sitepresentation a {
	color: #fff;
	text-decoration: underline;
	}		

	
#frame .developers img {
	float: left;
	margin: 5px 15px 5px 0;
	padding: 5px 18px 8px 0px;
	background:  url(../i/developer.gif) repeat-y top right;
	}

#frame .developers .developer1 img {
	float: left;
	margin: 0;
	padding: 0;
	background:  none;
	}
	
#contentcenter .newspost .sitepresentation  h3 {
	padding: 0px 10px;
	margin: 0 10px;
	line-height: 32px;
	background: transparent;
	color: #fff;
	font-size: 109%;
	font-weight: bold;
	font-family: Verdana, Tahoma;
	}	

#frame .developers .developer1 .devinfo {
	float: left;
	width: 380px;
	}	

#frame .developers strong {
	color: #fff;
	}		
	
#frame .developers .developer1 .devinfo p {
	padding: 0 15px 7px 15px;
	}

#frame .developers .developer1 .devinfo h3 {
	padding: 0 15px 0px 15px;
	margin: 0;
	}
	
#frame .developer3 {
	width: 100%;
	font-size: 11px;
	overflow: hidden;
	}


	
#frame .developer3 .devitem {
	float: left;
	margin: 0px 0 5px 0;
	padding: 5px 0 8px 0px;
	background: url(../i/developer2.gif) repeat-y top right;
	width: 180px;
	}
	
#frame .developer3 .devfirst {
	width: 160px;
	}
	
#frame .developer3 .devlast {
	float: left;
	background: none;
	width: 150px;
	}
		
#frame #contentcenter .newspost .developer3 .devitem h3 {
	padding: 0 0 0 28px;
	margin: 3px 0 0 0;
	line-height: 16px;
	background: transparent;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Tahoma;
	}	

#frame #contentcenter .newspost .developer3 .devitem p {
	padding: 0 0 0 28px;
	margin: 0;
	line-height: 14px;
	}	
	
#frame #contentcenter .newspost .developer3 .devfirst h3,
#frame #contentcenter .newspost .developer3 .devfirst p {
	padding: 0;
	}		

#frame #contentcenter .newspost .developer3 .devitem img {
	padding: 0 0 0 28px;	
	}			
	
#frame #contentcenter .newspost .developer3 .devfirst img {
	padding: 0;
	}		
	
#frame #contentcenter .newspost .developer3 .devitem h3 em {
	font-weight: normal;
	}	

#frame #contentcenter .newspost .developer1 {
	display: block;
	width: 509px;
	height: 161px;
	background:  url(../i/developer.jpg) no-repeat;
	overflow: hidden;
	}	
	
/* */

span.disabled { display: block;  position: absolute; top: 2px; left: 2px;}
span.disabled a { display: block; width: 100%; height: 100%;text-indent:-5000px; overflow: hidden; background:  url(../i/tile.png);}

/* */

#frame #contentright p.quicklink {
	padding: 0 10px;
	background: #2b0c09  url(../i/quicklink.gif) repeat-x;
	line-height: 32px;
	margin: 5px 5px 0 0;
	}
	
#frame #contentright p.quicklink a {color: #e9eada;}	
#frame #contentright p.quicklink a:hover {color: #fff;}	


/* TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #cebfa7;
	background-color: #f6f2eb;
	color: #a49478;
	font-size: 11px;
	padding: 1px;
	opacity: 0.95; text-align: left; 
}

#tooltip h3 { font-size: 12px; color: #51271b; }
#tooltip * { padding: 0 0 0 0; margin: 0; font-weight: normal; }

/* jSscrollPane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #390905;
}
.jScrollPaneDrag {
	position: absolute;
	background: #5b1d19;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 15px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 15px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* */

a.jScrollArrowUp {
	background: #390905 url(../i/arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: #390905 url(../i/arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
	}

/* Keskustelut */
.discussions dd, .discussions dd a { color: #51271b; }
.discussions dd.new, .discussions dd.new a { color: #911e0e; }

p.nodata { padding: 0; }

/* */

/* Navin nappulat */
#login .insides a.navadmintools {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 110px;
	height: 19px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -76px;
	}
#login .insides a.navreports {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 62px;
	height: 19px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -95px;
	}
#login .insides a.navadd {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 59px;
	height: 19px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -114px;
	}
#login .insides a.navworks {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 65px;
	height: 19px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -133px;
	}
#login .insides a.navsettings {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 63px;
	height: 19px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -152px;
	}
#login .insides a.navlostpw {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 104px;
	height: 19px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -38px;
	}
#login .insides a.navreg {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 75px;
	height: 19px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -57px;
	}
#login .insides input.navlogin {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 9px;
	width: 53px;
	height: 19px;
	border: none;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: 0px -19px;
	cursor: pointer;
	}
#login .insides .uncheck {
	margin-top: 9px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: -71px -19px;
	width: 18px;
	height: 19px;
	display: block;
	float: right;
}
#login .insides .check {
	margin-top: 9px;
	background: url(../i/nav_images.gif) no-repeat;
	background-position: -53px -19px;
	width: 18px;
	height: 19px;
	display: block;
	float: right;
}
.viewfblike {
	float: right; color: white !important; padding-top: 9px; padding-left: 9px; display: block; height: 28px; width: 91px; background: url('../i/blanko.gif');
}
.mapview {
	width: 508px;
	height: 220px;
	border: 1px solid white;
	box-shadow: 0 0 3px #B7A081;
	-webkit-box-shadow: 0 0 3px #B7A081;
	-moz-box-shadow: 0 0 3px #B7A081;
	behavior: url('PIE.htc');
}
