/*the style sheet for the smaug fanlisting */
body
{	color: #993333;
	background-color: #FFF;
	font-family: Times, Georgia, serif;
	font-size: 0.9em;
	background-image: url(smaugred.jpg);
	background-repeat: repeat;
}


p, ul
{
	font-size: 0.9em;
	margin: 15px;
	line-height: 1.3em;
	font-weight: bolder;
}

em
{
	color: #C93;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
}

h1
{
	color: #333;
	font-weight: bold;
	margin: 15px;
	font-family: Times, serif;
	font-size: 1.3em;
	font-style: italic;
	letter-spacing: 0.1em;
	border-bottom: black;
	border-width: 0 0 thin 0;
	border-style: none none solid none;
}

h2 { margin: 15px; 
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-variant: small-caps;
	color: #C93;
	border-bottom: #C93;
	border-width: 0 0 1px 0;
	border-style: none none solid none; }

h3
{
	margin: 15px;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bolder;
	letter-spacing: 0.2em;
	border-bottom: #900;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

/*kuvien sijoittelu*/

div.smaugtitle
{
	position: absolute;
	left: 20%;
	top: 0px;
	width: 540px;
	height: 257px;
	background-image: url(smaugtitle.jpg);
	background-repeat: no-repeat;
}


div.content
{	position: absolute;
	left: 20%;
	top: 257px;
	width: 540px;
	background-color: #ffffff;
	color: #900;
	text-align: left;
	vertical-align: top;
	}

/*navigointi*/
div.navi
{
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	word-spacing: 0.5em;
	font-size: 1.3em;
	
}

p.navitext
{
	margin: 0px 50px 0px 50px;
	border-color: #c93;
	border-width: 2px;
	border-style: solid;
	background-color: #933;
}


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: #000066; 
	   background: transparent none; 
	   text-decoration: underline; }

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

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

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


a.navilink:link
{   color: #C90;
	background: transparent none;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

a.navilink:visited 
{ 	color: #033;
	background: transparent none;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase; }

a.navilink:active 
{ 	color: #C93;
	background: transparent none;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase; }

a.navilink:hover
{	color: #033;
	background: transparent none;
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase; }
	
	
/*codesporting*/


	.codesort li {
	display: inline;
	}

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

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