#mainos { position: absolute; right: 10px; top: 10px; text-transform: none; font-weight: normal; font-size: .9em; background-color: #fff; padding: .2em .4em; letter-spacing: .1em; }
#mainos a:hover { color: #888; }

/* 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; }

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

ol, ul {
	list-style-position: outside;
	margin: 0 1.5em;
}


ol {
	margin-left: 2em;
}

#sidebar ul {
	margin: 0;
}

#sidebar ul ul {
	margin: 1em 0;
}

html { height: 100%; /* footer */ }

body {
	height: 100%; /* footer */; 
	font-size: 12px; /*75%*/
	font-family: verdana, geneva, helvetica, sans-serif;
	color: #000;
}

#container {
	position: relative; /* footer */
	min-height: 100%; /* footer */
	height: auto !important; /* footer */
	height: 100%; /* footer */
	padding: 0;
	margin: 0 auto; 
	min-width: 700px;
	max-width: 900px;
	background: #fff;
}


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


/* HEADER & FOOTER*/

#header a {
	color: #000; /*fff8ef;*/
}

#header a:hover {
	/*color: #ede0c1;*/
	text-decoration: underline;
}

body.gimp #header li#nav_gimp a,
body.ubuntu #header li#nav_ubuntu a,
body.web #header li#nav_web a,
body.wordpress #header li#nav_wordpress a,
body.av #header li#nav_av a,
body.internet #header li#nav_internet a,
body.info #header li#nav_info a {
	/*color: #ede0c1;*/
	text-decoration: underline;
}

/*
#ylatunniste {
	margin: 0;
	padding: 0;
	font-weight: bold; 
	background: #333333;
	height: 112px;
	position: absolute;
	width: 100%;
}*/
#header {
	margin: 0 0 10px;
	padding: 0;
	font-weight: bold; 
	background: #ffffff url(verkko-opas.png) 100% 0% no-repeat scroll;
	height: 112px;
	position: relative;
}


#sitetitle { position: absolute; left: 13px; bottom: 10px; font-family: georgia,serif;}
#sitetitle a { text-decoration: none; text-transform:uppercase; }

#nav_paavalikko { position: absolute; right: -7px; top: 88px; font-size: 0.95em; font-family: verdana,geneva,sans-serif; } /*bottom: 10px; }*/
#ylatunniste div#nav_alavalikko { position: absolute; right: 10px; bottom: 0px; 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; height: 50px; /* footer + ei päälle */ }

#footer {

	width: 900px; /* position absolute vie leveyden */
	font-size: .95em;
	margin: 0 auto;
	padding: 8px 0 25px;
	text-align: left;
}

#tilasto { display: none; }


/* LAYOUT */

#content {
	float: left;
	width: 650px;
	line-height: 1.5;
}

#sidebar {
	float: right;
	width: 200px;
}

/* SIVUPALKKI */

#sidebar ul {
	list-style-type: none;
}

#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 #projektit {
	margin: 1em 0;
}
#sidebar #projektit li a {
	color: #000;
	font-weight: bold;
	margin: .1em 0;
}


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

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;
}

table, td, th {
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}

table.episode_meta_wide { width: 100%; margin: 0; }
/* DESIGN */

#wrapper {
	background: #fff repeat-y center center; /* url(grafiikka/varjo.jpg) */
	width: 890px;
	padding: 10px 25px;
}

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

.koodi {
	padding-left: 1em;
	margin-left: -1em;
	font-family: "courier new", courier, monospace;
	font-size: 13px;
	line-height: 1.3;
	color: #242424;
	border-left: 1px solid #aaa;
}

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

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

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


table.episode_meta td.first, tr.episode_category {
	display: none;
}

/* TYPOGRAFIA */

h1, #keskustelu h2 {
	font-size: 1.5em;
	padding-bottom: .3em;
	padding-left: 1em;
	margin-left: -1em;
	border-bottom: 1px solid #aaa;
}
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }

h2 span, h3 span, h4 span { font-size: .86em; padding: 3px;}
.episode_meta .episode_desc p:first-child { font-weight: bold; }
#navigointi h2 { font-size: 1.1em; }
#navigointi h3 { font-size: 1em; }
#recent ul { font-size: .9em; }

h1 span.date { display: none; }

dl.links dt, dl.ominaisuuslista dt, dl.linkit dt { font-weight: bold; }
dl.links a { text-decoration: none; }
dl.links a:hover { text-decoration: underline; }
dl.links a.tag { color: #999; }
dl.links a.tag:visited { color: #666; }
dl.links dd, dl.ominaisuuslista dd, dl.linkit dd { margin-left: 0; }
.date, dl.links .date, .kommentti_aika, .paiva { color: #888; font-size: .86em; font-weight: normal; }

dl.links dd.url a { color: #999; font-size: .86em; }

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

.kommentti_meta { font-weight: bold; }
/*.kommentti_meta .kommentti_numero { font-weight: normal; }*/

a { color: #770; }
a:visited { color: #220; }
a:hover { text-decoration: none; }
a:active { outline: none; }
a:focus { outline-color: #777; }
#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

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;
}

#avainsanat {
	margin: 1em 0;
}

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

#auki {
	font-weight: bold;
}


#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 #copyright, #footer #modified { display: inline; }


div.shoutbox {
	border: 1px solid;
	padding: 4px 5px;
	margin: 1em -5px;
	background: #ffa;
}

/*KESKUSTELU*/

#discussion {
	margin-top: 4em;
}

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

#discussion dt { font-weight: bold; }

#discussion dt a.comm_id, dl.links a.idlink { font-weight: normal; color: #666; text-decoration: none; font-size: .86em; }

#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; }
