/*the style sheet for the cloudberries fanlisting */
body
	{ color: #000000;
	background-color: #cccccc;
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: lighter; }


p, ul, li
{
	font-size: 0.9em;
	font-weight: lighter;
	margin: 5px 20px 15px 20px;
}

h2
{
	color: #F93;
	font-weight: bold;
	margin: 3px 20px 5px 20px;
	font-family: Times, serif;
	font-size: 1.3em;
	font-style: italic;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

h3
{
	margin: 10px 20px 10px 20px;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bolder;
	letter-spacing: 0.3em;
	font-family: Times, serif;
	background-color: #FC6;
}

em { color: #F93;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.2em; }

/*kuvien sijoittelu*/

div.kuva {
	position:absolute;
	left:20%;
	top:0px;
	width:420px;
	height:324px;
	background-image: url(leiska.jpg);
	background-repeat: no-repeat; }

/*navigointi*/
div.navi
{	position: absolute;
	left: 20%;
	top: 324px;
	height: 60px;
	width: 420px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	word-spacing: 0.5em;
	font-size: 1.2em;
	font-style: italic;
}

.navi { background-color: #CCC; }

div.content
{	position: absolute;
	left: 20%;
	top: 384px;
	width: 420px;
	background-color: #ffffff;
	color: black;
	text-align: left;
	vertical-align: top; }

p.eisisenna { text-indent: 0px; }

p.dis
{
	font-size: 0.7em;
	font-style: italic;
	font-weight: lighter;
	text-align: right;
}

p.eisisenna { text-indent: 0px; }
	
/*links*/
		
a:link { color: #06C; 
	   background: transparent none; 
	   text-decoration: underline; }

a:visited { color: #96C; 
		  background: transparent none; 
		  text-decoration: underline; }

a:active { color: #9999cc;
		 background: transparent none; 
		 text-decoration: none; }

a:hover { color: #ff9933;
		text-decoration: none;
		background: transparent none;  }


/*codesporting*/


	.codesort li {
	display: inline;
	}

.codesort p { text-indent: 0px; }

.credit
{	margin: 15px;
	font-size: x-small;
	font-weight: lighter;
}
tr { text-align: left; }
