/*
Theme Name: Vuoksen Kumi
Theme URI: http://toimisto.vedenkansa.org
Description: Vuoksen Kumin Wordpress ulkoasu
Version: 1.0
Author: Janne Mäkiä
Author URI: http://toimisto.vedenkansa.org
*/

body {
background:url(images/bg_full.jpg) no-repeat top center;
background-color: #121734;
font:11px georgia, Verdana, Tahoma; 
color:#444444; 
line-height:18px;
}

* {margin: 0px;	padding: 0px;}
.clear {clear:both;}
.clear2 {width:1000px; clear:left; float:right;}

.keskitys {margin:auto;}
#wrap {width:1000px;float: left;}

.header {height:47px; background:url(images/bg_header.jpg) no-repeat;}
.menu {height:60px; background:url(images/bg_menu.jpg) no-repeat;}
.front_image {height:314px; background:url(images/front_image.jpg) no-repeat;}
.front_image_2 {height:314px; background:url(images/front_image_2.jpg) no-repeat;}
.front_image_3 {height:314px; background:url(images/front_image_3.jpg) no-repeat;}
.front_image_4 {height:314px; background:url(images/front_image_4.jpg) no-repeat;}
.front_image_5 {height:314px; background:url(images/front_image_5.jpg) no-repeat;}
.front_image_6 {height:314px; background:url(images/front_image_6.jpg) no-repeat;}
.topic_l {height:36px; background:url(images/bg_topic_l.jpg) no-repeat;}
.topic_r {height:36px; background:url(images/bg_topic_r.jpg) no-repeat;}
.tarjoustori {height:359px; width: 314px; padding:6px; background:url(images/bg_tarjoustori.jpg) no-repeat;}
.vuoksenkumi {height:188px; width: 674px; background:url(images/bg_vuoksenkumi.jpg) no-repeat;}
.vanteet {height:183px; width: 338px; background:url(images/bg_vanteet.jpg) no-repeat;}
.renkaat {height:183px; width: 336px; background:url(images/bg_renkaat.jpg) no-repeat;}
.vali {height:50px; background-color: #1f1f1f;}
.footer_etu {height:200px;background:url(images/bg_footer_etu.jpg) no-repeat;padding:20px;}
.footer {height:200px;background:url(images/bg_footer.jpg) no-repeat;padding:20px;}
.valikko {height:92px; width:326px; background:url(images/bg_otsikko.jpg) no-repeat;}
.otsikko {height:92px; width:674px; background:url(images/bg_otsikko_2.jpg) no-repeat;}
.valikko_sisalto {width:326px; background:url(images/bg_valikko.jpg) repeat-y; padding-bottom:40px;}
.otsikko_sisalto {width:574px; background:url(images/bg_sisalto.jpg) repeat-y; padding-bottom:40px; padding-left: 40px; padding-right:40px;}
.valikko_ala {height:44px; width:326px; background:url(images/bottom_valikko.jpg) no-repeat;}
.otsikko_ala {height: 44px; width:674px; background:url(images/bottom_sisalto.jpg) no-repeat;}

.tori {
padding:6px;
}

#post_item_front {
width:314px; 
height:350px; 
overflow: auto;
}

#contents {
float:left;	
width: 1000px;
background:url(images/bg_text.jpg) repeat-y;
}

.news {
border-bottom: 1px dotted #000000;
padding-bottom: 2px;
padding-top: 3px;
}

/* TYPOGRAFIA
/* ----------------------------------------------*/

body {
}

p {margin: 0px;padding-bottom:10px;}

a:link, a:active, a:visited {color:#444444; text-decoration:none;font-weight:bold;}
a:hover {color:#000000; text-decoration:underline;font-weight:bold}

small {background-color: #ffffff; padding:2px; padding-left:16px;}
hr {border-bottom: 1px #ffffff dotted;}
h1 {font:18px trebuchet ms, sans-serif; color: #000000;font-weight:bold;text-transform:uppercase;}

h2 {font-size: 32px; color: #efefef; font-family: trebuchet ms, Georgia, "Times New Roman", Times, serif; font-weight:normal; text-transform:uppercase;letter-spacing:2px;margin:0; padding-top:9px; padding-left:3px;}
h2 a:link, h2 a:visited, h2 a:active {color: #efefef; font-weight:normal;}
h2 a:hover {color: #efefef; text-decoration:none; font-weight:normal;}

h3 {font:18px trebuchet ms, sans-serif; color: #25306e;font-weight:bold; font-variant:small-caps;}
h3 a:link, h3 a:visited, h3 a:active {color: #25306e; padding:2px; padding-left:10px; padding-right:8px; background:url(images/bg_40.png);}
h3 a:hover {color: #000000; text-decoration:none;}

h4 {font-size: 24px; color: #efefef; font-family: trebuchet ms, Georgia, "Times New Roman", Times, serif; font-weight:normal; text-transform:uppercase;letter-spacing:2px;margin:0;   padding-top:9px; padding-left:3px;}
h4 a:link, h4 a:visited, h4 a:active {color: #efefef; font-weight:normal;}
h4 a:hover {color: #efefef; text-decoration:none; font-weight:normal;}

h5 {font-size: 18px;color: #444444; font-weight:bold; margin:0; padding-top:14px; padding-bottom:1px; padding-left:20px; padding-right:0; }
h5 a:link, h5 a:active, h5 a:visited {margin:0; padding:0;font:13px Arial, Helvetica, sans-serif; font-weight:bold;}
h5 a:hover {color: #efefef; text-decoration:none; font-weight:normal;}

#bold {
font-weight:bold; 
}

#vuoksenkumi {
font:12px trebuchet ms, sans-serif; 
color: #efefef;
font-weight:normal;
padding: 20px;
}

#vanteet {
font:12px trebuchet ms, sans-serif; 
color: #efefef;
font-weight:normal;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

#renkaat {
font:12px trebuchet ms, sans-serif; 
color: #efefef;
font-weight:normal;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

#linkki {
font:18px trebuchet ms, sans-serif; 
color: #1d2554;
font-weight:bold;
text-transform:uppercase;
padding-left: 6px;
padding-right: 6px;
}

#linkki a:link, #linkki a:visited, #linkki a:active {color: #1d2554;}
#linkki a:hover {color: #000000; text-decoration:none;}

#toriteksti {
font-family: trebuchet ms, sans-serif; 
font-size:12px;  
color: #000000;
font-style:normal;
}

#toriteksti p {
padding-left:0px;
}

#renkaat p {
padding-left:0px;
}

#vanteet p {
padding-left:0px;
}

#vuoksenkumi p {
padding-left:0px;
}

#vuoksenkumi p a:link, #renkaat p a:link, #vanteet p a:link, 
#vuoksenkumi p a:visited, #renkaat p a:visited, #vanteet p a:visited, 
#vuoksenkumi p a:active, #renkaat p a:active, #vanteet p a:active 
{color: #cccccc;}
#vuoksenkumi p a:hover, #renkaat p a:hover, #vanteet p a:hover 
{color: #ffffff; text-decoration:none;}

.footer, .footer_etu {
font:12px trebuchet ms, sans-serif; 
color: #dddddd;
font-weight:bold;
text-transform:uppercase;
}

.footer a:link, .footer a:visited, .footer a:active, .footer_etu a:link, .footer_etu a:visited, .footer_etu a:active {color: #dddddd;}
.footer a:hover, .footer_etu a:hover {color: #ffffff; text-decoration:none;}

#tagit {
font-family: trebuchet ms, sans-serif; 
text-transform:uppercase;
padding-top:8px;
padding-bottom:8px;
padding-right:8px;
border-bottom: 1px dotted #ffffff;
line-height:10px; 
}

#tagit a:hover {
text-decoration: underline;
}

#tagit_archive {
font-family: trebuchet ms, sans-serif; 
}

#tagit_archive a:link, #tagit_archive a:visited, #tagit_archive a:active {color: #8e8f8b;}
#tagit_archive a:hover {color: #444444; text-decoration:none;}

#latest {
font-family: trebuchet ms, sans-serif; 
text-transform:uppercase;
padding-top:2px;
border-bottom: 1px dotted #ffffff;
}

#pagination {
border-bottom: 1px dotted #d3d3cf;
border-top: 1px dotted #d3d3cf;
font-family: trebuchet ms, sans-serif; 
padding:8px;
}

#pagination a:link, #pagination a:visited, #pagination a:active {color: #8e8f8b;}
#pagination a:hover {color: #444444; text-decoration:none;}

#respond {
color:#8e8f8b;
padding-left:20px;
}

.motto_topic {
font-family: trebuchet ms, Georgia,  sans-serif; 
padding:16px;
padding-bottom: 0px;
font-size:26px; 
color: #000000;
font-weight:bold;
}

.motto {
font-family: georgia, trebuchet ms, sans-serif; 
padding:16px;
font-size:12px; 
color: #444444;
font-weight:normal;
line-height:14px;
}

.alt {
background:url(images/bg_alt.gif) repeat-y;
}

.valikko_sisalto {
list-style:none;
line-height:20px;
text-decoration:none;
}

.valikko_sisalto li {
list-style-image: url("images/arrow.gif");
}

.linkcat {
padding-top: 20px;
}

.valikko_sisalto li a {
color:#efefef; 
text-decoration:none;
}

.valikko_sisalto li a:visited {
text-decoration:none;
color:#efefef;
}

.valikko_sisalto li a:hover {
color:#ffffff; 
text-decoration:underline;
}


#admin {
list-style:none;
font:12px trebuchet ms, sans-serif; 
padding-right:10px;
}

#admin li {
font-weight:normal;
text-transform:uppercase;
display:inline;
padding-left:15px;
}

#admin li a:link, #admin li a:visited, #admin li a:active {color: #cccccc;font-weight:normal;text-transform:uppercase;}
#admin li a:hover {color: #ffffff; text-decoration:none;}

.post_item a:hover {
color:#8e8f8b;
}

#linkki_archive {
font:13px trebuchet ms, sans-serif; 
color: #078bce;
font-weight:bold;
text-transform:uppercase;
padding-left:0px;
}

#linkki_archive a:link, #linkki_archive a:visited, #linkki_archive a:active {color: #078bce;}
#linkki_archive a:hover {color: #444444; text-decoration:none;}

#linkki_latest {
font:12px trebuchet ms, sans-serif; 
color: #078bce;
font-weight:bold;
text-transform:uppercase;
padding-top: 2px;
padding-right: 12px;
border-bottom: 1px dotted #c0c0bb;
}

#linkki_latest a:link, #linkki_latest a:visited, #linkki_latest a:active {color: #078bce;}
#linkki_latest a:hover {color: #444444; text-decoration:none;}

#latest_news {
margin:auto;
font:14px trebuchet ms, sans-serif; 
color: #444444;
font-weight:bold;
text-transform:uppercase;
padding-top: 2px;
padding-left: 10px;
border-top: 1px dotted #444444;
}

#info {
font-size:9px; font-family: trebuchet ms, sans-serif; 
color: #8e8f8b;
font-weight:normal;
font-style:italic;
padding-right:8px;
text-align:right;
}

.arkisto {
display:block;
width:90%;
color:#000000;
}

.arkisto a:link, .arkisto a:visited, .arkisto a:active {color: #333333;border-bottom:1px #000000 dotted;}
.arkisto a:hover {color: #000000; text-decoration:none;border-bottom:1px #000000 dotted;}

#credit {
font-size:10px;
}

/** RAKENTEET **/

td.on { background-color: #d9dad4; }
td.off { background-color: #d0d1cc; }

.bg_plots {
width: 20px;
background:url(images/title_plots.gif) no-repeat;
}

.bg_props {
width: 20px;
background:url(images/title_props.gif) no-repeat;
}

.bg_chars {
width: 20px;
background:url(images/title_characters.gif) no-repeat;
}

.bg_larps {
width: 20px;
background:url(images/title_larps.gif) no-repeat;
}

.front_list {
margin-left: 6px;
margin-right: 8px;
width:823px;
display: block;
}

.bg_logot{
height:60px;
width:615px;
display: block; padding:5px 0px 0px 10px;
}

.bg_front {
display: block; 
padding-top:0;
padding-bottom:12px;
padding-left:6px;
padding-right:12px;
}

.bg_front_2 {
height:184px;
width:615px;
background:url(images/bg_uutinen.jpg) no-repeat;
display: block; padding:5px 10px 10px 15px;
}

#topbar{
	height: 41px; padding-left: 7px; padding-right: 7px;
	}

#topsearch {
font:12px trebuchet ms, sans-serif; 
color: #946b3b;
font-weight:bold;
text-transform:uppercase;
padding:8px;
border-bottom: 1px #ffffff dotted;
border-top: 1px dotted #ffffff;
}

#headercontent {
	height: 92px;
	}

#topnav{
color:#078bce; 
font:11px georgia, Verdana, Tahoma; 
line-height:18px;
height: 31px; padding: 12px 25px 0 25px;
background-color: #ffffff;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

#col1 {
	background:url(images/bg_larpit.gif) no-repeat;
	width:313px; 
	float:left; 
	padding: 5px 5px 5px 0;
	}
#col2 {
	background:url(images/bg_ajankohtaista.jpg) no-repeat;
	width:320px; 
	float:right; 
	padding:5px 0 5px 5px;
	}

.post_item img { float:left; padding:3px; background:#333 url(images/waiting.gif) center no-repeat; border: solid 1px #000; margin:5px 10px 5px 0;}

.post_item {
	margin:8px 0 8px 0; padding-left:0px; padding-bottom: 10px;
	}

.subhead {
	color:#5A5854; text-transform:uppercase;
	display:block; padding:3px 5px 3px 10px;
	}
.readmore {
	display: block; 
	background:url(images/listbullet.jpg) 2px 3px no-repeat; 
	height:15px; padding:2px 5px 0 18px;
	}

#description{
	color: #779535; display: block;
	padding: 68px 0 0 25px; float:left;
	font: bold normal 16px "Trebuchet MS", Verdana, sans-serif;
	}
#headerlinks {
	float:right; padding: 19px 17px 0 20px;
	}
#headerlinks img {border:none;}

.sisalto {
width:1000px; 
}

/** POSTITUKSET **/

.rating {
border-bottom: 1px dotted #444444;

}

.postbottom_archive {
padding-top:6px;
padding-bottom:6px;
font-size:10px; 
color:#8e8f8b; 
text-decoration:none;
text-transform:uppercase;
}

.postbottom_archive a:link, .postbottom_archive a:visited, .postbottom_archive a:active {color: #078bce;}
.postbottom_archive a:hover {color: #444444; text-decoration:none;}

.postbottom {
border-bottom: 1px dotted #444444;
border-top: 1px dotted #444444;
padding-top:6px;
padding-bottom:6px;
font-size:10px; 
color:#8e8f8b; 
text-decoration:none;
text-transform:uppercase;
}

.postbottom a:link, .postbottom a:visited, .postbottom a:active {color: #078bce;}
.postbottom a:hover {color: #444444; text-decoration:none;}

.post img {}
.post layout {padding:0px; margin:0px;}

.alignleft {float:left;text-decoration:none;}
.alignleft a:link {text-decoration:none;}
.alignleft a:hover {text-decoration:none;}

.alignright {float:right;text-decoration:none;}
.alignright a:link {text-decoration:none;}
.alignright a:hover {text-decoration:none;}

blockquote {
	background:#3A3936;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color:#74706D;
	padding:5px;
	margin:8px;}
blockquote.alignleft, blockquote.alignright {width:250px;}
blockquote p {margin:0!important;}
.post ol { list-style:decimal inside; margin:8px 8px 8px 15px;}
.post ul {list-style:square outside; margin:8px 8px 8px 20px;}
code {
	display:block;
	padding:5px;
	margin:10px 15px 10px 15px;
	background: #3A3936;
	white-space: pre;
	border: 1px solid #000000;
	font: normal 12px "Courier New", Courier, monospace;
	color:#fff;}

.post {
color:#444444;
}

.post_front {
color:#444444;
}

.post table {
	margin-bottom:20px;
}
.post th {
	background:#000000;
	padding:5px 15px 5px 15px;
	color:#D4D0C8;
	text-align:center;
	border-bottom:1px solid #000000;
	font: bold 16px "Trebuchet MS", Verdana, sans-serif;
	text-transform: uppercase;
}
.post td {
	padding:5px 15px 5px 15px;
}

.text_field {
	display: block;
	width:90%;
	margin:3px 3px 3px 30px;
	padding:3px;
	border: 1px solid #000000;
	background: #d0d1cc;
}

.text_field:hover {
	background:#e7e8e2;
}
.text_field:focus {
	background:#e7e8e2;
}

label {
	display: block;
	margin:3px;
	padding: 5px;
	color: #999999;
}

#topsearch input {
color: #444444;
padding: 2px;
border-style: 1px #444444 dotted;
}

.submitbutton {
	display: block;
	padding:4px;
	margin:3px 3px 3px 30px;
	color:#FFFFFF;
	background: #d0d1cc;
	border:solid 1px; color:#000;}

.hide {display:none;}
.pagenav {background:#000; height:15px; padding:5px;}
.pagenav span {display:block; padding:1px;}
strong {font-weight:bold;}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px 20px;
	list-style: none;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

img.avatar {float:left; margin-right:5px;}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 6px;
background-color: #078bce;
}
.vscrollerbar {
width: 6px;
background-color: #ffffff;
}
.hscrollerbase {
height: 6px;
background-color: #078bce;
}
.hscrollerbar {
height: 6px;
background-color: #ffffff;
}

.scrollerjogbox {
width: 6px;
height: 6px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}