/* Kirkkonummen kunnankirjaston lukuprojekti */

body {
	margin: 0;
	padding: 0;
	background: #8abd00 url( g/sivun_perustatusta.jpg ) top left repeat-y;
	}

#raamit {
	width: 960px;
	background: #fff;
	font-size: small;
	color: #666;
	font-family: Arial,sans-serif;
	}

#ylapalkki {
	width: 960px;
	height: 76px;
	background: #8abd00 url( g/ylapalkin_tausta.gif) top left repeat-x;
	}

h1 {
	color: #fff;
	padding: 6px;
	margin: 0 0 0.5em 0;
	background: #8abd00 url( g/otsikkopalkin_tausta.gif) top left repeat-x;
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	}

h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	font-size: 16px;
	font-weight: bold;
	color: #8abd00;
	}

p {
	margin: 0 0 1em 0;
	padding: 0;
	}
	
a {
	color: #f0ae00;
	font-weight:bold;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

#ylapalkki h1 {
	height: 66px;
	/* korkeus todellisuudessa 76px, mutta IE:n korkeusbugin vuoksi pidetään paddingin verran matalampana, taustakuvan koon vuoksi ei haittaa */
	padding: 10px 0 0 120px;
	margin: 0;
	background: url( g/rytkonen.gif) top left no-repeat;
	color: #fff;
	font-size: 40px;
	font-family: "Trebuchet MS";
	}

#ylapalkki h1 span {
	font-size: 26px;
	}

#navipalkki {
	width: 960px;
	height: 41px;
	background: #de9a00 url( g/navipalkin_tausta.gif) top left repeat-x;
	}

#navipalkki ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
	}

#navipalkki li {
	margin: 0;
	float: left;
	}

#navipalkki li a {
	padding: 0 20px 0 20px;
	float: left;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	line-height: 28px;
	}

#navipalkki li a:hover {
	text-decoration: none;
	background: #e15a00 url( g/navipalkin_tausta_aktiivinen.gif) top left repeat-x;
	}

#alanavi {
	color: #ccc;
	font-size:14px;
	font-weight: bold;
	padding-bottom: 16px;
	}
	
#sisalto {
	padding: 5px 20px 20px 20px;
	}

#etusivun_tekstiosa {
	width: 300px;
	float: left;
	}

#etusivun_hahmot {
	margin-left: 20px;
	width: 600px;
	float: left;
	}
	
.pikkuhahmo {
	width: 172px;
	float: left;
	display: inline; /* fiksataan IE double margin bug */
	margin-left: 10px;
	background: url( g/pikkukuvan_ylatausta.gif ) top left no-repeat;
	}

#etusivun_hahmot .pikkuhahmo {
	margin-left: 19px;
	}
	
.pikkuhahmo img {
	padding: 8px 0 0 11px;
	}

.pikkuhahmo .hahmoteksti {
	background: #8abd00 url( g/pikkukuvan_alatausta.gif ) bottom left no-repeat;
	margin-top: 5px;
	padding: 5px 16px 30px 16px;
	color: #fff;
	font-size: 11px;
	}

.pikkuhahmo h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	}

.isohahmo {
	background: #8abd00 url( g/isonkuvan_ylatausta.gif ) top left no-repeat;
	color: #fff;
	}

.isohahmosisalto {
	background: url( g/isonkuvan_alatausta.jpg ) bottom left no-repeat;
	padding:7px 7px 11px 9px;
	}

.isohahmokuva {
	width:300px;
	float:left;
	}
	
.isohahmoteksti {
	width:480px;
	padding: 20px;
	float:left;
	}

.f1, .f2, .f3 {
	clear:left;
	border-top: 1px solid #e0e0e0;
	}
	
.f1 label, .f2 label, .f3 .selite {
	width:200px;
	float:left;
	padding-bottom:20px;
	padding-top:6px;
	}

.f1 .kentta, .f2 .kentta, .f3 .kentta {
	width:560px;
	float:left;
	padding-left:10px;
	padding-bottom:20px;
	padding-top:6px;
	}

.ffff2 .kentta {
	clear:left;
	padding-bottom:20px;
	}

.f1 input {
	width:540px;
	}

textarea {
	width:560px;
	height:80px;
	}

form h1 {
	clear:left;
	}

.ohje {
	padding:6px;
	margin:6px 0;
	background: #fcf4e0;
	border: 1px solid #d5be84;
	color: #406618;
	font: 12px Arial,sans-serif;
	}

.virheilmoitus {
	padding:6px;
	margin:6px 0;
	background: #fcf4e0;
	border: 1px solid #c00;
	color: #c00;
	font-weight:bold;
	font: 14px Arial,sans-serif;
	}

#copyrights {
	clear: both;
	color: #8abd00;
	font: 10px Arial,sans-serif;
	text-align: center;
	padding: 10px 0;
	}

table#hahmolista td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding:2px 4px;
	margin:0;
	}

tr.piilotettu td {
	background: #ccc;
	color: #666;
	}

tr.piilotettu td a {
	color: #666;
	}

th {
	color: #000;
	font-weight: bold;
	background: #e0e0e0;
	padding:2px 4px;
	}