/*the style sheet for the fani.nippu.net collective */

body
{
	color: #333333;
	background-color: #CCC;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	background-image: url(/lay/greyflowers.jpg);
	background-repeat: no-repeat;
	background-position: 70% top;
}

p { margin: 10px 20px 10px 20px; }

h1
{
	color: #000;
	font-size: 1.2em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}

h2
{
	color: #FFF;
	font-size: 0.9em;
	text-align: center;
	font-style: italic;
	margin: 0px;
}

h3
{
	color: #666;
	font-size: 0.9em;
	border-bottom: #ffffff;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	text-transform: uppercase;
	text-align: center;
	margin: 40px 0 0 0;
}

h4
{
	color: #666;
	font-size: 1.1em;
	border-bottom: #ffffff;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

em
{
	font-style: italic;
	font-weight: bolder;
} 

.noindent { text-indent: 0px; }



li { padding: 5px; 
 list-style-type:none; }

div.navi
{
	position: absolute;
	top: 30px;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 60%;
}
	
div.content
{
	position: absolute;
	top: 150px;
	width: 60%;
	margin: 0px padding: 0px;
	background-image: url(/lay/greyflowers2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left 40%;
}
	
.navitext
{	border-width: 1px 0 0 0;
	border-style: solid none none none;
	border-color: #000;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 0 0 0;
}
	
.copy
{
	width: 150px;
	margin: 360px 100px 30px 100px;
	font-size: 0.8em;
	text-align: center;
}
	
.out
{
	border-color: white;
	border-width: thin;
	border-style: dotted;
	padding: 5px;
	margin: 5px;
}

.fl
{	color: #6699cc;
	background-color: #99ccff;
	padding:3px;
}

div.owned-fl
{	clear: both;
	padding: 0.5em;
	margin: 10px;
	border-color: #999;
	border-width: 5px;
	border-style: solid;
	min-height: 150px;
	background-color: #FFF;
}

img.owned-image
{
	border-color: #666;
	border-width: 5px;
	border-style: solid;
	padding: 5px;
	margin: 0px 10px 0px 5px;
}

div.joined-fls
{
	padding: 0.5em;
	margin: 10px;
	border-color: #999;
	border-width: 5px;
	border-style: solid;
	text-align: center;
}



/*joku muinaisjaanne*/
#flinfo:hover {
    background:#cccccc;
    }
	
/*links*/
		
a:link { color: #000099; 
	   background: transparent none; 
	   text-decoration: underline; }

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

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

a:hover { color: #ffffff;
		text-decoration: none;
		background: transparent none; }
		
		
		/*navin linkit*/

a.navi:link
{
	color: #336;
	text-decoration: none;
	background-color: #999;
	padding: 10px;
}

a.navi:visited
{
	color: #939;
	background: transparent none;
	text-decoration: none;
	background-color: #999;
	padding: 10px;
}
				
a.navi:hover
{
	color: #336;
	background: transparent none;
	text-decoration: none;
	font-style: normal;
	background-color: #fff;
	padding: 10px;
	
}				


p.show_owned_credits, p.show_joined_credits
{
	font-size: smaller;
	font-style: italic;
	font-weight: lighter;
	border-color: #999;
	border-width: 1px 0 0 0;
	border-style: solid;
}