/* CSS Document - Jyrki JJ Kasvi */
body {
	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; 		
	font-size:0.75em; 
	background:#ffffff url(../i/tausta_gradientti.jpg) repeat-x;
	margin:0;
	padding:0;
}

.noborder {
	border:none;
}

#page {
	z-index:100;
	background-image:url(../i/vasenreuna_pystyviiva.gif);			
	background-repeat:repeat-y; 
	background-position:1px 149px;
	margin:0 auto 30px auto;
	width:732px;
}

.hr {
	border-bottom:1px solid #F9DD00; 
	margin-top:13px; 
	margin-bottom:20px;
	height:1px;
	margin-right:30px;
}

.blog-comment-hr {
	border-bottom:1px solid #F7DD00; 
	width:509px; 
	margin-top:8px; 
	margin-bottom:8px;
	height:1px;
}

#headlines-col {
	padding:0 0 0 10px;
}
#site-headlines {
	margin: 0px 0 0 15px;
	border-left:3px double #fff;
	height:800px;
}

#footer-hr {
	background: url(../i/harmaa_alaviiva.gif) no-repeat 0 0;
	height:1px;
	margin : 0 auto 0 auto;
	padding : 0;
}
#frontpage-title {
	display:block;
	position:inherit;
	width:732px;
	height:149px;
	background: url(../i/ylapalkki.jpg) no-repeat 0 0;
	margin:0;
	padding:0;
}

#authors {
	padding-left:0;
	padding-top:70px;
	padding-bottom:14px; 
}

#frontpage-title span {
	display:none;
}
h1 {display:inline;line-height:1.1em;}
h2 {display:inline;}
h3 {display:inline;line-height:1.0em;}
/* a {text-decoration:none;color:#2B8BC5;} */
a {text-decoration:none;color:#226CB4;}

hr { color:#F9DD00;padding-top:13px;padding-bottom:20px;padding-left:30px; }
.white {background-color:#FFFFFF;}

#navi {
	width:135px;
	padding:17px 8px 20px 19px;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
}
		
#navi .raquo {
	color:#FED700; 
	font-size:1.1em;
	vertical-align:10%;
}
		
#navi a {color:#ffffff;}
#navi a.selko-link { color:#B9DCF0; }
#navi ul {
	list-style: none;
	margin:0;
	padding:0;
}

#navi li.main {
	padding-bottom:1px;
} 

#navi li.section {
	color:#FFE819;
	font-size:0.8em;
	padding: 0 0 2px 11px;
}

#navi li.section a {
	color:#FFE819;
	font-weight:normal;
}

#navi .rss {
	padding-top:15px;
}

#navi .vihreat {
	padding-top:10px;

}

#quote-search-container {
	width:132px;
	padding:14px;
	margin-top:10px;
	border-top:14px #000000 solid;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	border-bottom:1px #000000 solid;
	background-color:#FFFFFF;
}

#quote-search-container .quote {
	margin-bottom:10px;
}

#quote-search-container ul {
	margin-left:10px;
	padding:0;
}

#quote-search-container h2 {
		margin:0 0 10px 0;
		padding:0;
		font-size:1.2em;
		font-weight:normal;
		display:block;
}

ol {margin-left:10px;padding-left:10px;padding-top:0px;margin-top:0px;list-style-type:decimal;color:#000000;}

	
#quote-search-container .raquo {
	color:#000000; 
	font-size:1.2em;
	line-height:5%;
}

#quote-search-container a {
	color:#000000;
	font-weight:bold;
}

#quote-search-container form {
	display:block;
	margin:20px 0 0 0;
}
/*	
#quote-search-container form h2 {
	display:none;
}
*/

.etusivu-pvm {
font-size:1.1em;
font-weight:normal;
color:#888988;
}

#frontpage-content {
	width:353px;
	padding-right:22px;
	vertical-align:top;
}

#frontpage-rightcol {
	vertical-align:top;
	width:164px; 
	padding:0;
	background:url(../i/pysty_pisteviiva.gif) repeat-y 0 0;		
	padding-bottom:300px;
}

.frontpage-headline {
	padding-left:22px;
	padding-top:12px;
	padding-bottom:10px;
}

.frontpage-headline h2 {
	display:block;
	font-size:1.3em;
	margin:0 0 10px 0;
}

.frontpage-headline .text {
	line-height:1.4em;
}

.frontpage-hr {
	height:1px;
	margin:20px 0 20px 0;
	background:url(../i/piste_hr_vaaka.gif) no-repeat 22px 0;
}


.gallup-kysymys {
padding-top:18px;
padding-bottom:20px;
color:#4F4F4F;
}

#frontpage-calendar-gallup {
	margin: 0 0 0 20px;
}

.calendar-container {
	width:167px;
	vertical-align:top;
	padding:0 23px 0 0;
	margin:0;
}

.gallup-container {
	width:142px; 
	padding-top:5px;
	vertical-align:top;
	padding:0;
	margin:0;
}
.gallup-container h2 {
	display:block;
	width:143px;
	height:13px;
	background:url(../i/k_kysymys.gif) no-repeat 0 0;
}
.gallup-container h2 span {
	display:none;
}

.calendar {
	background:#FFE819;
	width:167px;
	border-bottom:5px #FFFA67 solid;
	padding-bottom:10px;
	margin:0;
}
.calendar h2 {
	display:block;
	width:167px;
	height:38px;
	background:url(../i/kalenteri.gif) no-repeat 19px 16px;
	border-bottom:1px #ffffff solid;
	margin-bottom:8px;
}

.calendar h2 span {
	display:none;
}
.calendar .date {
	padding-left:19px; padding-right:10px; padding-top:5px; padding-bottom:11px;
}
.calendar h3 {
	margin:0;
	padding:0;
	display:block;
	font-size:1.0em;
	line-height:1.8em;
}

.calendar a {
text-decoration:underline;
color:#000000;
}

.blog-headline {
	width:130px;
	overflow:visible;
	margin-top:12px;
	background:#FFE819 url(../i/blog_otsikko.gif) no-repeat 0 0;
	padding:57px 17px 30px 17px; 
}
.blog-headline h2 {
	display:none;
}

.blogheadline .raquo {
	color:#000000; 
	font-size:1.2em;
	line-height:5%;
}

.blog-headline-comments {
	width:144px;
	overflow:visible;
	margin:0;
	background:#F1F1F1;
	padding:12px 8px 30px 12px; 
	
}

h2.blog-headline-comments  {
	font-size:1.2em;
	display:block;
	margin:10px 0 0 0;
	background-color:#000;
	width:130px;
	color:#fff;
	font-weight:900;
	padding:8px 10px;
}
.blog-headline-comments h3 {
	font-size:0.9em;
	display:block;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #000000;
}

.blog-headline-comments blockquote {
	margin:0;
	padding:0;
	font-size:0.8em;
}
.blog-headline-comments .author {
	font-weight:700;
	margin:2px 0 10px 0;
	text-align:right;
	font-size:0.8em;
}

.blog-title {font-size:1.7em;font-weight:900;display:inline;line-height:1.1em;}

.blog a {
color:#000000;
font-weight:bold;
}

.asioita {
	padding:20px 10px;
}
.asioita h2 {
	font-size:1.2em;
	font-weight:normal;
}
	
.asioita .raquo {
	color:#000000; 
	font-size:1.2em;
	line-height:5%;
}

.asioita a {
	color:#000000;
	font-weight:bold;
}

.sitaatti {
color:#027C9A;
}

.grey {
background-color:#F7F7F7;
}

.polku {
font-size:0.8em;
color:#666666;
}

.polku a {
color:#666666;
}

.leipateksti {
color:#333333;
}

.leipateksti h1 {
font-size:1.3em;
}

.selko .leipateksti  div {
	width:70%;
}	

.selko {
	font-size:130%;
	line-height:150%;
}

.section-caption {
	font-weight:bold;
	padding:20px 0 13px 0;
	border-top:1px solid #F9DD00;
	border-bottom:1px solid #F9DD00;
	margin:13px 30px 20px 30px;
}

.ingressi {
	font-weight: bold;
}

.leipateksti .author {
font-weight:bold;
}

.cv {
color:#505050;
}

.cv .raquo {
color:#FFC000;
font-size:1.2em;
vertical-align:text-top;
}

.cv h2 {
color:#FFC000;
font-size:1.3em;
}

.cv a {
color:#505050;
font-weight:bold;
}

.julkaisulista {
	color:#505050;
	padding-bottom:13px;
	border-bottom:1px solid #F9DD00;
	margin:0 20px 30px 30px;
}

.julkaisulista .raquo {
	font-weight:bold;
	font-size:1.2em;
	vertical-align:5%;
}

.julkaisulista h2 {
	display:block;
	color:#FFC000;
	font-size:1.2em;
	font-weight:500;
	margin-bottom:0.4em;
}

.julkaisulista .nosto {
	margin-bottom:1.2em;
}

.trivia {
	color:#505050;
}

.trivia a {
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.trivia .ingressi {
font-weight:bold;
}

.trivia h2 {
color:#000000;
font-size:1.3em;
}

.trivia h2 {
color:#505050;
font-size:1.0em;
font-weight:bold;
}

.galleria .kuvaotsikko {
font-size:1.0em;
font-weight:normal;
}

.galleria .ylateksti {
font-size:0.9em;
color:#FFFFFF;
}

.galleria .kuvateksti {
font-size:0.8em;
color:#FFFFFF
}
.galleria .navi {
color:#FEE819;
font-weight:bold;
font-size:0.9em;
}

.galleria .navi a {
color:#FEE819;
font-weight:bold;
}

.blog-navi-year {
	margin:0 0 10px 0;
} 

.blog-navi-year-title {
	color:#4D4D4D;
	border-bottom:1px solid #4D4D4D;
	margin-bottom:4px;
}
.blogi-pvmnavi {
color:#4D4D4D;
font-size:1.1em;
}

.blogi-pvmnavi a {
color:#FFC116;
font-size:0.8em;
font-weight:bold
}
.blogi-pvmnavi a.selected-month {
	color:#4D4D4D;
}
 
.blogi-pvmnavi .raquo {
color:#4F4F4F;
font-size:1.0em;
font-weight:bold;
}

.blogiteksti {
color:#4F4F4F;
}

.blogiteksti h1 {
font-size:1.2em;
color:#000000;
}

.blogiteksti .ingressi {
font-weight:bold;
}

.blogiteksti .author {
font-weight:bold;
}

.blogiotsikkolistaus h2 {
font-weight:bold;
font-size:1.1em;
color:#000000;
}

.blogiotsikkolistaus .raquo {
color:#FEC119;
font-weight:bold;
font-size:1.2em;
}

.blogiotsikkolistaus {
color:#515151;
font-size:1.0em;
}

.blogiotsikkolistaus a {
color:#515151;
font-size:1.0em;
font-weight:bold;
}

.kuva .txt {
    border-top:1px solid #ffffff;
    background-color:#F7F7F7;
    font-size:0.9em;
    padding:5px 5px 5px 5px;
}

/* Lomake */
.form {
	margin : 20px 0px 50px 0;
}

.form-title, .form-title-div {
	font-weight:bold;
}

.form-field INPUT {
	width : 250px;
}

.form-title .num {

}

.form-options {

}

.form-radio {

}

.form-radio .form-text {

}

.form-checkbox .cb-field {
	display:inline;
	vertical-align:middle;
}

.form-checkbox {
	padding-left:20px;
	text-indent:-20px;
}

.form-field-select {
	padding-left:20px;
	padding-right:20px;
}

.form-field-select SELECT {
	width:150px;
	margin-left:10px;
}



.form-break {
	margin:10px 0 10px 0px;
}

.form-title-break {
	color : #000;
	font-weight:bold;
	font-size:1.1em;
	margin:5px 0 5px 0;
}

.form-hr {
	background-color: #FEC119;
}

.form-buttons {
	margin:10px 0 10px 0;
}