/*________________________________________________________________________________*/

				/* Perus */
* {
	margin: 0;
	padding: 0;
	border: 0;
}	

body {
	background: #313030 url(images/bg.png);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
}

#tausta {
	background: url(images/header_bg.jpg) top repeat-x;
	height: 300px;
}

#keskitys {
	width: 720px;
	position: absolute;
	left: 50%;
	margin-left: -360px;
}

#header {
	background: url(images/header.jpg) top no-repeat;
	width: 720px;
	height: 190px;
}

/*________________________________________________________________________________*/

				/* Navigaatio */

#navi {	
	background: url(images/navi.png) no-repeat;
	width: 720px;
	height: 30px;
}

#navi ul {
	padding: 0 82px 0 120px; /* < padding: 0 82px 0 82px; jos "muuta" linkki mukana */
}

#navi ul li {
	display: inline;
	float: left;
}

#navi ul li#etusivu a {
	background: url(images/etusivu.png) no-repeat;
	width: 83px;
	height: 30px;
	text-indent: -9000px;
	display: block;
	overflow: hidden; 
}

#navi ul li#menolista a {
	background: url(images/menolista.png) no-repeat;
	width: 103px;
	height: 30px;
	text-indent: -9000px;
	display: block;
	overflow: hidden; 
}

#navi ul li#artikkelit a {
	background: url(images/artikkelit.png) no-repeat;
	width: 103px;
	height: 30px;
	text-indent: -9000px;
	display: block;
	overflow: hidden; 
}

#navi ul li#media a {
	background: url(images/media.png) no-repeat;
	width: 69px;
	height: 30px;
	text-indent: -9000px;
	display: block;
	overflow: hidden; 
}

#navi ul li#muuta a {
	background: url(images/muuta.png) no-repeat;
	width: 75px;
	height: 30px;
	text-indent: -9000px;
	display: block;
	overflow: hidden; 
}

#navi ul li#yhteystiedot a {
	background: url(images/yhteystiedot.png) no-repeat;
	width: 123px;
	height: 30px;
	text-indent: -9000px;
	display: block;
	overflow: hidden; 
}

#navi ul li#etusivu a:hover, 
#navi ul li#menolista a:hover, 
#navi ul li#artikkelit a:hover, 
#navi ul li#media a:hover, 
#navi ul li#muuta a:hover, 
#navi ul li#yhteystiedot a:hover {
	background-position: 0 -30px;
}

/*________________________________________________________________________________*/

				/* Siältö elementit */

#content_spcae {	
	background: url(images/content_space.png) top no-repeat;
	width: 720px;
	height: 30px;
}

#content {
	background: url(images/content.png) repeat-y;
	width: 640px;
	padding: 0 40px 30px 40px;
	float: left;
}

#mainos, #thin{
	padding: 0 35px 0 35px;
}

#content #left {
	width: 400px;
	float: left;
}

#content #right {
	margin: 0 0 0 30px;
	padding: 10px;
	width: 189px;
	float: left;
	background: #f1f1f1;
	border-left: 1px solid #aaaaaa;
}

#content p {
	padding: 0 0 15px 0;
	line-height: 1.7;
	text-align: justify;
}

#content p.right  {
	text-align: right;
}

#thin p.left  {
	float: left;
	text-align: left;
}

#thin p.right2  {
	float: right;
	text-align: right;
}

#content #right p.item{
	margin-bottom: 10px;
	padding: 10px 8px 13px 8px; 
	font-size: 0.9em;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px dotted #7b7b7b;
}

#content #right span.stamp {
	margin-left: 5px;
	padding: 0 0 2px 0;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 1px dotted #7b7b7b;
}

#content p span {
	font-size: 1.5em; 
}

/*________________________________________________________________________________*/

				/* Alapalkki */

#footer {
	padding: 0 40px 20px 40px;
	background: url(images/footer.png) no-repeat;
	width: 640px;
	height: 35px;
	clear: both;
}

#footer a  {
	color: #757575;
	text-decoration: none;
}

#footer a:hover{
	color: #000;
}

#footer p {
	font-size: 0.91em;
	float: left;
	color: #9b9a95;
}

#footer p:hover {
	color: #000;
}

#footer p.right {
	float: right;
}

/*________________________________________________________________________________*/

.title {
	padding: 10px;
	background: url(images/title_top.png) #2c2c2c top no-repeat;
	width: 380px;
	color: #fff;
	font-size: 1.5em;
}

/* Menolista */

#left .meno p, #left .meno2 p, #sidebar p{
	padding: 0 0 10px 0;
	font-size: 0.85em;
	text-align: left;
}

#left .meno p span.newtext {
	font-size: 1em;
  color: red;
}

.meno span.subtitle, .meno2 span.subtitle, #sidebar span.stamp{
	padding: 0 0 2px 0;
	line-height: 2.3;
	letter-spacing: 0.04em;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px dotted #878787;
}
	
.meno {
	padding: 10px 20px 10px 20px;
	background: url(images/gradient1.png) repeat-x;
	width: 360px;
}

.meno .hide{
	color: #aaaaaa;
}

.meno .hide:hover{
	color: #191919;
}

/* Artikkelit */
	
.artikkelit {
	padding: 0 0 10px 0;
	background: url(images/gradient1.png) repeat-x;
	width: 400px;
}

.artikkelit div.id {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px dotted #aaaaaa;
}

.artikkelit div.id a {
	font-weight: bold;
	text-decoration: none;
}

.artikkelit div.id a:hover {
	text-decoration: underline;
}

/*________________________________________________________________________________*/

				/* Sivupalkki (Uutiset,Tulossa) */

#tulossa_title {
	margin: 0 0 0 30px;
	background: url(images/tulossa_title.png) top center no-repeat;
	width: 200px;
	float: left;
	border-left: 1px solid #aaaaaa;
}

#uutiset_title {
	margin: 0 -10px 0 30px;
	background: url(images/uutiset_title.png) top center no-repeat;
	width: 186px;
	float: left;
	border-left: 1px solid #aaaaaa;
}

#mainos_sidebar {
	margin: 0 -10px 0 30px;
	width: 220px;
	float: left;
}

#sidebar {
	margin-top: 60px;
	padding: 0 20px 20px 20px;
	/*background: url(images/sidebar_bg.png) repeat-y;*/
	width: 180px;
}

/*________________________________________________________________________________*/

				/* Kuvat */

#kuvat {
	margin: -20px 0 0 10px;
}

#kuvat p.titleK {
	margin: 20px 10px 10px 0;
	padding: 5px 10px 5px 15px;
	background: url(images/title_top3.png) #2c2c2c top no-repeat;
	color: #fff;
/*	text-transform: uppercase; */
	letter-spacing: 0.07em;
	font-size: 1em;
/*	font-weight: bold; */
}

#kuvat span.titleK {
	font-size: 2em;
	text-decoration: underline;
}

#kuvat span.titleK:hover {
	color: #333333;
}

.thumb {
	margin: 10px;
	border-left: 5px solid #e9e9e9;
	border-top: 5px solid #e9e9e9;
	border-right: 5px solid #e9e9e9;
	border-bottom: 10px solid #e9e9e9;
}

.thumb:hover{
	margin: 10px;
	border-left: 5px solid #d7d7d7;
	border-top: 5px solid #d7d7d7;
	border-right: 5px solid #d7d7d7;
	border-bottom: 10px solid #d7d7d7;
}

/*________________________________________________________________________________*/

				/* Linkki tyylit */

/* Perus */

a {
	color: #000;
	text-decoration: underline;
}	

a:hover {
	text-decoration: none;
}

/*________________________________________________________________________________*/

				/* Muut */

h1 {
	padding: 0 0 20px 0;
	text-transform: uppercase;
	text-decoration: underline;
}

hr {
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #aaaaaa;
	clear: both;
}

.hr570 {
	margin: 5px 0 10px 0;
	background: url(images/hr570.png) #aaaaaa no-repeat;
	width: 570px;
	height: 1px;
	clear: both;
}

#blockquote_top { 
	background: url(images/verse_top.png) no-repeat;
	width: 400px;
	height: 10px;
}

blockquote {
	padding: 10px 20px 10px 20px;
	color: #fff;
	background: #2c2c2c url(images/bg2.png);
	line-height: 1.7;
	text-align: justify;
/*	font-style: italic; */
}

#blockquote_bottom { 
	background: url(images/verse_bottom.png) no-repeat;
	width: 400px;
	height: 20px;
}

/* Solu yhteenveto jutut */

.solu_title {
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
	background: url(images/title_top2.png) #2c2c2c top no-repeat;
	width: 550px;
	color: #fff;
}

span.verse_title {
	padding: 0 0 2px 0;
	line-height: 2.3;
	letter-spacing: 0.04em;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px dotted #878787;
}

ul.list {
	padding: 0 3em 1em 3em;
	line-height: 1.5em;
	list-style-image: url(images/viiva.png);
	text-align: justify;
}

ul.list li {
	padding-bottom: 1em;
	color: #555555;
}

ul.list li:hover {
	color: #000;
}

/* Lomakkeet */

form {
  margin: 20px 0;
}

input {
  border: 1px solid #878787;
  padding: 2px;
  margin: 2px;
}

textarea {
  border: 1px solid #878787;
  padding: 2px;
  margin: 2px;
}

div.lomake {
	margin: 40px;
	padding: 10px;
	width: 460px;
}

div.lomake p {
  margin-bottom: 20px;
	line-height: 1.7;
	text-align: left;
}