/* Joensuun Kauhojat ry */
/* EveH 2007 */
/* navigointivalikko sihiharmaa    R157 G166 B178  #9da6b2 */
/* korostus oranssi                     R245 G222 B179  #f5deb3 */
/* sivupalkki vaaleankeltainen     R255 G255 B240  #fffff0 */
/* teksti tummanharmaa             R048 G048 B048  #333 */
/* reunaviiva vaaleanharmaa      R128 G128 B128  #808080 */
/* tausta vaaleanharmaa            R237 G237 B237  #ededed */
/* linkki sininen                          R000 G102 B204  #0066cc */
/* linkki vierailtu vaaleansininen  R070 G130 B180  #4682b4 */
/* linkki hover tummansininen                      #147 */

html,body{
	margin:0;
	padding:0
	}

body{
	font: 80% helvetica, arial, verdana, tahoma, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ededed
	}

p{
	margin:0 10px 10px 10px
	}

h1{
	margin:0;
	padding:10px;
	color: #333;
	}

h2{
	border-bottom:8px solid #f5deb3; 
	margin:10px 10px 10px;
	color: #333
	}

h3{
	border-bottom:4px solid #f5deb3;
	margin:30px 10px 10px;
	color: #333
	}

h4{
	border-bottom:1px solid #f5deb3;
	margin:30px 10px 10px;
	color: #333
	}

strong{
	color: #333
	}

.alaotsikko{
	color: #333;
	font-weight:bold;
	font-style:italic;	
	border-bottom:2px solid #f5deb3;
	margin-left: 1.5em;
	}

.nuoriso{
	font-size:120%;
	font-weight:bold;
	font-style:italic;	
	color:#770000;
	font-variant:small-caps;
	}

.huomio1{
	font-style:italic;	
	font-weight:bold;
	color:#770000;
	font-variant:small-caps;
	}

.huomio2{
	font-style:italic;	
	color:#770000;
	}

table{
	margin:0 10px 0 10px
	}

table th{
	line-height: 2
	}

div#header{
	height:222px;
	background-image:url(header.jpg);
	background-repeat: no-repeat
	}

div#container{
	text-align:left;
	background: url(body.jpg) repeat-y
	}

div#content p{
	line-height:1.4
	}

div#content li{
	line-height:1.4;
	margin:0 10px 0 10px
	}

div#content li.pitka{
	margin-top:10px
	}

div#content li.sisennys{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}

div#content a:link{
	text-decoration:underline;
	color:#0066cc
	}

div#content a:visited{
	text-decoration:underline;
	color:#4682b4
	}

div#content a:hover{
	text-decoration:underline;
	color:#147
	}

div#content a.nuorisolink{
	text-decoration:underline;
	font-size:120%;
	font-weight:bold;
	font-style:italic;	
	color:#770000;
	font-variant:small-caps;
	}

div#content a.nuorisolink:visited{
	text-decoration:underline;
	font-size:120%;
	font-weight:bold;
	font-style:italic;	
	color:#770000;
	font-variant:small-caps;
	}

div#content a.nuorisolink:hover{
	text-decoration:underline;
	font-size:120%;
	font-weight:bold;
	font-style:italic;	
	color:#147;
	font-variant:small-caps;
	}

div#content a.linkki{
	text-decoration:none;
	font-weight:bold;
	background: #f5deb3;
	color: #333;
	padding:2px;
	border:1px solid #f5deb3
	}

div#content a.linkki:visited{
	text-decoration:none;
	color: #333
	}

div#content a.linkki:hover{
	text-decoration:underline;
	background: #fffff0;
	border:1px solid #f5deb3;
	}

div#content img.oikea{
	float:right;
	margin:5px 0 5px 10px;
	border:1px solid #9da6b2
	}

div#content img.vasen{
	float:left;
	margin:5px 10px 5px 0;
	border:1px solid #9da6b2
	}

.search {
	font-size:x-small;
	}

.search a:link{
	text-decoration:underline;
	color:#0066cc
	}

.search a:visited{
	text-decoration:underline;
	color:#4682b4
	}

div#navigation{
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	white-space: nowrap
	}

div#navigation ul{
	list-style-type:none;
	margin-left:0;
	padding-left:0
	}

div#navigation li { 
	display:inline
	}

div#navigation li a{
	text-decoration:none;
	font-weight:bold;
	display:block;
	margin-bottom:1px;
	background:#9da6b2;
	color:#333;
	padding:6px
	}

div#navigation li a:hover {
	text-decoration:underline;
	border:1px solid #f5deb3;
	background:#fffff0;
	padding:5px
	}

div#navigation li a.samasivu{
	background:#f5deb3
	}

div#navigation li a.samasivu:hover{
	text-decoration:none;
	border:none;
	background:#f5deb3;
	padding:6px
	}

div#new{
	padding-top: 10px;
        padding-left: 10px
	}

div#new a:link{
	text-decoration:underline;
	color:#0066cc
	}

div#new a:visited{
	text-decoration:underline;
	color:#4682b4
	}

div#new a:hover{
	text-decoration:underline;
	color:#147
	}

div#extra img{
	border:none
	}

div#footer{
	text-align: center;
	color: #333;
	height:50px;
	background-image:url(footer.jpg);
	background-repeat: no-repeat
	}

div#footer p{
	margin:0;
	padding:10px 0 0 0;
	}

div#footer p.pieni{
	font-size: x-small;
	padding:0 0 10px 0;
	}

div#footer a:link{
	text-decoration:underline;
	color:#333
	}

div#footer a:visited{
	text-decoration:underline;
	color:#333
	}


div#container{width:800px;margin:0 auto}
div#content{float:left;width:600px}
div#navigation{float:right;width:180px}
div#extra{float:right;clear:right;width:200px}
div#new{float:right;clear:right;width:190px}
div#footer{clear:both;width:100%}