/* temporary */

/* 
Copyright (c) 2009 Rauli Haverinen. All rights reserved.
*/
/* YLEISET */

.hide, #contenthead { display: none; }
.show { display: block; }

* { margin: 0; padding: 0; }

h2,h3,h4,h5,h6,p,ul,ol,dl,table { margin-top: 1em; margin-bottom: 1em; }


body {
	font-size: 12px; /*75%*/ 
	font-family: verdana, geneva, sans-serif;
	/*background: #564e45 url(img/varjo.png) repeat-y center center; color: #000;*/
	background: #fff url(img/20100506T200710_1000c.jpg) 50% 0 no-repeat scroll;
	color: #000;
}/*
body.valokuva #content {
	background-color: #fff;
}*/

#container {
	padding: 0;
	margin: 0 auto;/*
	min-width: 700px;
	max-width: 900px;*/
	width: 920px;
	/*background: #000 url(img/transparent_1px.png) 0 0 repeat scroll;*/
}

#content {
	overflow: auto;
	height: 524px;
	/*background: #fff;*/
	color: #000;
}

#footer {
	font-size: .86em;
	padding: 8px 0;
	color: #fff;
	text-align: left;
	margin: 5px auto 0;
	width: 890px;
}

#wrapper { width: 100%; margin-left: -200px; padding: 0; float: right; }

#content {
	margin-left: 188px; padding: 0 30px 1em 25px; line-height: 1.5;
}

noscript {
	font-weight: bold;
}
.piilota, .printonly {
	display: none;
}

/* HEADER & FOOTER*/

#header a { color: #fff8ef; }

#header a:hover {
	color: #c1e0ed;
}
body.frontpage #sitetitle a,
body.nav_projektit #ylatunniste li#nav_projektit a,
body.nav_verkkosivut #ylatunniste li#nav_projektit a,
body.verkkosivut li#nav_verkkosivut a,
body.nav_musiikki #ylatunniste li#nav_projektit a,
body.musiikki li#nav_musiikki a,
body.nav_valokuva #ylatunniste li#nav_projektit a,
body.valokuva li#nav_valokuva a,
body.nav_troubadour #ylatunniste li#nav_projektit a,
body.nav_troubadour #ylatunniste li#nav_troubadour a,
body.nav_troubadour #ylatunniste li#nav_verkkosivut a,
body.nav_oppaat #ylatunniste li#nav_oppaat a,
body.nav_gimp #ylatunniste li#nav_oppaat a,
body.nav_gimp #ylatunniste li#nav_gimp a,
body.nav_ubuntu #ylatunniste li#nav_oppaat a,
body.nav_ubuntu #ylatunniste li#nav_ubuntu a,
body.nav_web #ylatunniste li#nav_oppaat a,
body.nav_web #ylatunniste li#nav_web a,
body.nav_wordpress #ylatunniste li#nav_oppaat a,
body.nav_wordpress #ylatunniste li#nav_wordpress a,
body.nav_windows #ylatunniste li#nav_oppaat a,
body.nav_word #ylatunniste li#nav_oppaat a,
body.nav_podcast #ylatunniste li#nav_oppaat a,
body.nav_podcast #ylatunniste li#nav_podcast a,
body.nav_openoffice #ylatunniste li#nav_oppaat a,
body.nav_internet #ylatunniste li#nav_oppaat a,
body.nav_internet #ylatunniste li#nav_internet a,
body.nav_linkit #ylatunniste li#nav_linkit a,
body.nav_linkit #ylatunniste li#nav_oppaat a,
body.nav_kurssit #ylatunniste li#nav_oppaat a,
body.info li#nav_info a {
	color: #c1e0ed;
}


#header { margin: 26px 0 13px; padding: 0; font-weight: bold; 
	/* #564e45  */
	/*background: #000 url(img/banner.jpg) 50% 0% no-repeat scroll;*/
	height: 50px;
	position: relative;
	font-family: verdana, geneva, sans-serif; 
	text-transform: uppercase; 
	position: relative;
}

#sitetitle { float:left; margin: 20px 0 0 20px; }
#sitetitle a { color: #fff; }

#nav_paavalikko { float:right; font-size: 0.95em; margin: 20px 20px 0 0;} /*bottom: 10px; }*/
#ylatunniste div#nav_alavalikko { float:right; color: #aaa; }
#ylatunniste div#nav_alavalikko ul li { padding: 3px 1px; }
.hideitem { display: none; }

#nav_paavalikko ul { font-size: .95em; margin: 0; padding: 0; }
#nav_paavalikko li { display: inline; border: 0; padding: 0; list-style: none;}
#nav_paavalikko a { padding: 2px 3px; text-decoration: none; text-transform: uppercase; border: none; }

#extra { clear: both; }


#tilasto { display: none; }

/* VASEN PALKKI */

#sidebar {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 168px;
	padding: 0 10px 20px 10px;
}

#sidebar ul { margin: 0; white-space: nowrap; }
#sidebar #recent ul { white-space: normal; }


#sidebar li { display: inline; font-size: 13px; }
#sidebar li a, #sidebar li a:hover { 
	display: block; margin: 0; padding: 2px 7px 4px; width: 156px; border: none; }

#sidebar li a {
	color: #000;
}


#sidebar li a:hover {
	background-position: top left;
}


#sidebar .part strong, #sidebar .posts strong {
	display: block;
	padding: .2em 7px;
	width:156px;
	margin: 1px 0;
	background: #c4cdd8 url(img/gradient30px_transparent.png) repeat-x bottom left;
}

#sidebar .part li a, #sidebar .posts li a {
	background-image: none;
	background-color: #ecefef;
	padding: 2px 7px;
	font-size: .9em;
	margin: 1px 0;
}
#sidebar .part li a:hover, #sidebar .posts li a:hover {
	background-color: #f9ffff;
}

#sidebar .posts { display: none; }
body.post #sidebar .part { display: none; }
body.post #sidebar .posts, body.categorylist #sidebar .posts, body.recent #sidebar .posts { display: block; }
#sidebar .structurehidden {
	display: none;
}
#sidebar li.pageopen a {
	cursor: default;
	font-weight: bold;
}
#sidebar #haku {
	margin: 1.5em 0 1em;
}

#sidebar #blogroll {
	margin: 1em .5em;
}
#sidebar #blogroll li a {
	/*background: #ddd url(img/vinoreuna.gif) no-repeat top right;*/
	color: #fff;
	margin: 0;
	padding: 0;
}
#sidebar #blogroll li a:hover {
	color: #bbb;
}

a.imglink {
	border: none;
}

#recent *, #recent ul a {
	background-color: #fff;
	background-image: none;
	border: 0;
}
#sidebar #recent li a {
	padding-left: 1px;
}
#recent ul a:hover {
	color: #888;
}
#recent a {
	font-size: .86em;
}

#avainsanat {
	margin:1em 0;
}

#facebook_box {
margin: 1em 0;
}

/* MAINOKSET */

#pystybanneri1 {
	position:absolute;
	right:-130px;
	top:5px;
}

#pystybanneri2 {
	margin-top: 1em;
	margin-left: 4px;
}

/* SISÄLTÖ */
table.episode_meta_wide { width: 100%; margin: 0; }

#sisalto_logo { float:right; margin: -12px -15px 5px 5px; }

.merkinta_logo { float: right; margin: 0 0 2px 2px; }
#merkinta_logo { float: right; margin: -2.2em 0 2px 2px; }
.merkinta_logo a, #merkinta_logo a { border: none; }

/* MUSIIKKI */

#musiikki pre { font-family: Georgia, serif; font-size: 1em; }
#cover { margin-top: 1em; }

/* VALOKUVA */

#fotonav { float: right; margin-top: -35px; font-size: 10px; width: 300px; }
#fotokuva { float: left; margin-left: -5px; }
#fotoinfo { margin-top: 20px; float: right; font-size: .95em; width: 300px; white-space: nowrap; }

/* javascript-kuvagalleria */

#kuvalinkit, #gallerylinks {
	margin: 0;
	margin-top: 10px; /*20px;*/
	float: right;
	text-align: right;
	font-size: .9em;
}
#kuvalinkit li, #gallerylinks li {
	display: inline;
}
#kuvalinkit li a, #gallerylinks li a {
	display:block; 
	border: 0;
	color: #000;
}

#kuvalinkit li a:active, #kuvalinkit li a:focus, #gallerylinks li a:active, #gallerylinks li a:focus {
	outline: none;
	background: #eee;
}

#kuvalaatikko, #imgBox {
	margin-top: 15px; /*20px;*/
	margin-left: 0;
	min-height: 250px;
}
#kuvalaatikko img, #imgBox img {
	margin-left: -5px;
	border: 0;
}
#kuvaus {
	list-style: none outside;
	margin: 0;
	padding: 0;
}

#rowb, #rowc, #rowd, #rowe { display: none; }

a.katsottu { text-decoration: line-through; }
a.katsottu:focus, a.katsottu:active { text-decoration: none; }


/* TVT-KURSSIT */

.koodi, .koodi pre {
	font-family: "courier new", courier, monospace;
	font-size: 13px;
	line-height: 1.3;
}

.koodi { 
	padding: 1em; 
	border: solid 1px #ddd;
}
.koodi * { margin: 0; }

.koodi p + p { margin-top: .5em; }

pre.runo {
	margin: 1em 0;
}

/* OTSIKOT */

h1,h2,h3,h4,h5,h6 { color: #000; /*#003838;*/ }

h1, #keskustelu h2 {
	font-size: 1.1em;
	border-bottom: solid 1px #ccc;
	background-color: #c4cdd8;
	padding: 2px 25px 2px 20px; margin-top: 7px; margin-left: -20px; margin-right: -20px;
	color: #000;
}

h2, .delicious-posts h2 {
	font-size: 1.1em;
	padding: 2px 20px;
	border-bottom: solid 1px #ccc;
	margin-left: -20px; margin-right: -20px;
}

h3, div.merkinta h2 {
	font-size: 1em;
	/*border-bottom: solid 1px #ccc;*/
	margin-left: -20px; margin-right: -20px; padding-left: 20px;
}

div.merkinta h3 {
	border: 0;
}

.blogiaction {
	clear: both;
}

h4 { font-size: .9em; margin-bottom: 0; }
h4 + * { margin-top: .5em; }

h5 { font-size: .86em; margin-bottom: 0; }
h5 + * { margin-top: .5em; }

h2 span, h3 span, h4 span { font-size: .86em; padding: 3px;}

/* LISTAT */

ul { margin-left: 2em; }
ol, ol li { margin-left:1em; }

li * { margin: 0; }
li ul, li ol { margin-left: 1em; }

ul.kysymys { list-style-type: none; margin-left: 0; }

dl.maaritelma dt { margin-top: 1em; font-weight: bold; }

dl.ominaisuuslista dt { font-weight: bold; }
dl.ominaisuuslista dd { margin-left: 1.1em; }

dl.linkit dt, dl.ominaisuuslista dt, li.delicious-post, dl.linkki-listaus dt { display: list-item; list-style: circle outside; }
dl.linkit, dl.ominaisuuslista, dl.linkki-listaus { margin-left: 1.5em; }
dl.linkit dd, dl.ominaisuuslista dd, dl.linkki-listaus dd { margin-left: 0; }
.date, dl.linkki-listaus .date, .kommentti_aika, h1 span.date { color: #888; font-size: .86em; }
h1 span.date { display: none; /* float: right; font-weight: normal; color: #fff; */ }

dl.episodelist dt a.title { border-bottom: none; font-weight: bold; }
dl.episodelist span.date { font-size: .8em; padding-left: .5em; }
dl.episodelist dd { font-size: .95em; color: #333; }

.kommentti_meta {
	text-transform: capitalize;
	font-weight: bold;
}
.kommentti_container {
	padding: .6em 1em;
	margin: 0 -1em;
}
.kommentti_admin {
	background: #eee;
	padding: .8em 1em;
	margin: .8em -1em;
}
.kommentti_teksti {
	margin: .2em 0 0 1.5em;
}
.kommentti_numero {
	display: block;
	float: left;
	width: 2em;
	margin-left: -1em;
	text-align: right;
}
.kommentti_container a {
	border: none;
}
#kommentti_id {
	float: right;
}


p.delicious-extended/*, p.linkki-kuvaus*/ { margin-left: 0; }

.kuvalista { margin-left: 0; }
.kuvalista li { display: inline; }

#fotoinfo ul, #minfo ul { list-style: none; margin-left: 0; }


/* TAULUKOT */

table, td, th {
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}/*
table.episode_meta, table.episode_meta td, table.episode_meta th {
	border: none;
	margin: 0;
}*/
table.episode_meta td.first {
	display: none;
}
/*
td, th {
	padding: .2ex 1ex;
}
*/
th {
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

/* KOROSTUKSET */

q:before, q:after {
	content: "";
}


h1 + p, h1 + dl + p, h1 + div + p {
	font-weight: bold;
}
/*
#infobox {
	background: #bba;
	color: #fff;
	font-weight: bold;
	border: solid 2px #000;
	padding: 5px;
	margin: 5px;
}*/

.huom {
	font-weight: bold;
	font-family: arial;
	font-size: .86em;
	text-transform: uppercase;
	text-decoration: underline;
}

.komento, .valikko, .nappain, .ominaisuus, kbd {
	font-size: 1em; 
	font-family: verdana, geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .86em;
	padding: 3px;
}

kbd {
	text-transform: none;
}

.avain {
	font-weight: bold;
	font-size: .9em;
}

pre span {
	font-weight: bold;
	color: #808;
}

abbr, acronym, h2 span, h3 span, h4 span, .komento, .valikko, .nappain, .ominaisuus, .huom, .avain, kbd  {
	color: #242424;
}

abbr, acronym {
	text-decoration: none;
	border-bottom: 0;
}

.right {
	float: right;
	margin: 0 0 5px 5px;
}

.left {
	float: left;
	margin: 0 5px 5px 0;
}

span.info, p.info, div.info {
	font-size: .9em;
}

blockquote {
	padding-left: 5em;
	background: url(img/quotation.png) 0 4px no-repeat;
}
/* LINKIT */

a { color: #000; text-decoration: none; } 
#tracklist .audio { color: rgb(156,26,0); text-decoration: none; }

a { border-bottom: dotted 1px; }

a img, 
#sisalto_logo a, 
#fotonav a, 
.audio, 
.kuvalista a, 
#tracklist a, 
.esimerkki a, 
a.delicious-tag, 
a.linkki-tag, 
a.tag, 
a.avainsana-tag, 
a.nappi, 
h2 a,
.blogiaction a,
div.external a,
.kuvalinkki { 
	border: none;
}

a.linkki-tag, a.avainsana-tag, .blogiaction, a.tag {
	font-size: .86em;
}

a:visited { color: #000; }
a:hover { color: #555; border-bottom-color: #fff; /*border-bottom: none;*/}
a:active { outline: none; }
a:focus { outline-color: #777; }

a.delicious-tag, a.linkki-tag, a.avainsana-tag, .blogiaction a, a.tag { color: #444d55; }
a.delicious-tag:hover, a.linkki-tag:hover, a.avainsana-tag:hover, .blogiaction a:hover, h2 a:hover, #keskustelu a:hover, a.tag:hover { border-bottom: 1px dotted; }

#sidebar a, #header a, #adminlist a, #tracklist a { border-bottom: none; }
a#sitemaplink { /*display: block;*/ color: #fff; border-bottom: none; font-size: .8em; }
a#sitemaplink:hover { color: #ddd; }
#sitemaplink { outline: none; }

#tracklist ol a { color: #000; }

#footer a { color: #fff; border-bottom: none; }
#footer a:hover { border-bottom: 1px dotted; }
#footer #copyright, #footer #modified { display: inline; }

/*PALAUTELOMAKE*/

#palautelomake td, #palautelomake table {
	border: 0;
}
#palautelomake input[type=text] {
	width: 300px;
}

#palautelomake textarea {
	width: 300px;
	height: 100px;
}


/*KURSSIPALAUTE*/

#kurssipalaute fieldset + fieldset {
	margin-top: 1.5em;
}

#kurssipalaute fieldset {
	padding: 0 1em 1em;
}

#kurssipalaute textarea {
	width: 99%;
	height: 4em;
}

#kurssipalaute td, #kurssipalaute table {
	border: none;
}

#kurssipalaute td + td {
	padding-left: 1em;
}

#kurssipalaute select {
	width: 15em;
}

#kurssipalaute td textarea {
	width: 15em;
	height: 1.3em;
}

#kurssipalaute legend {
	font-weight: bold;
	color: #000;
}

#kurssipalaute .ohje {
	font-style: italic;
}

/*KESKUSTELU*/

#discussion {
	margin-top: 4em;
}

#discussion table, #discussion td {
	border: 0;
}

#discussion td {
	padding: 5px 10px 5px 0;
}

.varoitus {
	color: #f00;
	font-weight: bold;
}

/* HAKEMISTOLISTAUS */

#hakemistolistaus td { padding-left: 22px; }
#hakemistolistaus tr.html, #hakemistolistaus li.htm { background: url(/inc/neu/text-html.png) 0 50% no-repeat; }
#hakemistolistaus tr.css { background: url(/inc/neu/text-x-source.png) 0 50% no-repeat; }
#hakemistolistaus tr.png, #hakemistolistaus tr.jpg, #hakemistolistaus tr.gif { background: url(/inc/neu/image-x-generic.png) 0 50% no-repeat; }
#hakemistolistaus tr.txt { background: url(/inc/neu/text-x-generic.png) 0 50% no-repeat; }


.morepages { clear: left; padding-top: 1em; font-size: .8em; }
.morepages span a, .morepages span.pageopen {
	display: block; float: left;
	padding: 0 .2em;
	margin: .1em;
	color: #666;
	border: 1px solid #e5e5e5;
}
.morepages span a:hover {
	color: #000;
}
.morepages span.pageopen {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	cursor: default;
}

/* TAG CLOUD */
ul#keywordsused, ul#keywordsused ul.alphabetlist { /*text-align: center;*/ margin-left: 0; padding-left: 0; list-style: none outside; }
ul.tagcloud li { display: inline; padding-right: .3em; }
ul.tagcloud li.weight_10 { font-size: 2em; }
ul.tagcloud li.weight_9 { font-size: 1.8em; }
ul.tagcloud li.weight_8 { font-size: 1.6em; }
ul.tagcloud li.weight_7 { font-size: 1.4em; }
ul.tagcloud li.weight_6 { font-size: 1.3em; }
ul.tagcloud li.weight_5 { font-size: 1.2em; }
ul.tagcloud li.weight_4 { font-size: 1.1em; }
ul.tagcloud li.weight_3 { font-size: 1.0em; }
ul.tagcloud li.weight_2 { font-size: 0.95em; }
ul.tagcloud li.weight_1 { font-size: 0.86em; }
ul.tagcloud li.weight_0 { display: none; }