/*
*	CSS neljaulottuvuutta
*
*/

body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans;
	font-size: 11px;
}

h1 {
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: Verdana;
	letter-spacing: 3px;
}

h2 {
	font-size: 12px;
	font-family: Verdana;
	text-transform: uppercase;
	margin-top: 0px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

p {
	margin: 0;
	margin-bottom: 15px;
}

a {
	color: #8fa107;
	text-decoration: none;
}

#container {
	padding-top: 30px;
	margin: 0 auto;
	width: 685px;
}

#hdr {
	background: url("imgs/logo.jpg") no-repeat;
	width: 675px;
	height: 130px;
}

#left {
	float: left;
}

#right {
	float: right;
}

#content {
	background-color: #FFFFFF;
	width: 335px;
	margin-top: 15px;
	padding: 10px 10px 14px 10px;
	line-height: 160%;
	text-align: justify;
}

.newstxt li {
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
}

#contentright {
	float: right;
	padding-right: 100px;
}

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

#con {
	line-height: 150%;
	text-align: justify;
}

#con a {
	color: #8fa107;
	text-decoration: none;
}

#con li{
	margin-bottom: 10px;
	margin-left: 30px;
}

#nav {
	color: #98cc00;
	width: 300px;
	margin-top: 12px;
	margin-right: 5px;
}

#nav a{
	font-size: 10px;
	text-transform: uppercase;
	color: #98cc00;
	text-decoration: none;
	font-weight: bold;
}

#nav a:hover{
	color: #fff;
}

#nav li {
	list-style-type: none;
	padding-bottom: 4px;
}

#references {
	color: #98cc00;
	width: 300px;
	margin-top: 50px;

}

.reftxt{
	text-align: justify;
	padding: 0px 15px 0px 15px;
}

.reftxt2{

	padding: 0px 5px 0px 5px;
}


#footer {
	background-color: #b0c800;
	width: 355px;
	height: 70px;
	margin-top: 15px;
	font-size: 9px;
	margin-bottom: 20px;
}

#footer a{
	color: #000000;
}

#footertxt {
	padding: 16px 7px 7px 7px;
	font-family: Tahoma;
}

.pysty {
  float: left;
  padding-right: 7px;
  padding-top: 8px;
  font-size: 8px;
  font-weight: bold;
  line-height: 8px;
  font-family: Arial, sans-serif;
}

.pysty a:hover{color: white !important;}

.pysty br {padding:0; margin: 0;}

.vaaka {color: #000; float: left; line-height: 15px; padding-right: 5px; padding-top:6px; font-size: 10px; font-family: Arial, sans-serif;}

.vaaka a {color: #000 !important;}

.vaaka a:hover {color: white !important}

#mask {
    width:340px;
    height:380px;
    overflow:hidden;
    border:none;
    position:relative;
    background-color:#fff;
	margin-bottom: 10px;
    position: relative;
}

#folio {
    position:absolute;
    top:0;
    left:0;
    width:3535px;
    float:left;
}

#thumbs img{
	margin: 0 10px 10px 0;
}

#thumbs a {color: #98CC00;}

.col {
    display:block;
    width:340px;
    height:380px;
    float:left;
}

.site {
    width:318px;
    height:358px;
    float:left;
    padding:5px;
    margin:0;
    border:none;
    background-color:#FFF;
    font-size:11px;
}
.titlebox {

}
.date {
	background-color: #b1c700;
	height: 50px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 50px;
	text-align: center;
	float: left;
	border: solid 2px #9caf00;
}
.date .month {
	display: block;
	color: #fff;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 2px;
	font-weight: bold;
	margin-bottom: 3px;
}
.date .day {
	display: block;
	color: #fff;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -8px;
}

.title {
	text-align: left;
}

ul.nums { float: right; padding-right: 0; margin-right: 0; margin-top: 22px; font-size: 10px; }
ul.nums li {list-style:none; list-style-type:none; float:left; border:0px; text-align:center; margin:0 0 0 5px; font-weight:bold; }
ul.nums span {float:left; margin:0 5px 0 0; font-weight:bold; line-height:25px;}
ul.nums li a {padding:3px; width:15px; display:block; text-decoration:none; color:#000;}
ul.nums li a:hover {background-color:#b1c800;}
ul.nums li.current {background-color:#d3d829;}
ul.nums li.current a {color:#FFF;}
ul.nums li.current a:hover {background-color:#d3d829;}

.comtab {
	padding-left:20px;
}

.tiimi {
  position: relative;
	margin-top: -28px;
	margin-left: -10px;
	margin-bottom: 10px;
}

.team {
	width: 335px;
	height: 130px;
	display: block;
	margin-top: 5px;
	margin-bottom: 15px;
}

.colcenter {
	float: left;
	width: 155px;
	margin-bottom: 10px;
}

.coll {
	float: left;
	width: 90px;
	margin-bottom: 10px;
}

.textRight {
	float: right;
	width: 150px;
	text-align: right;
}

#authorbox {
	padding:5px;
	border: 1px solid #e1e1e1;
	background: #f1f1f1;
	height: 108px;
}
#authorbox h2{font-family: Georgia; font-style: italic; letter-spacing: 0px; text-transform: none;}
#authorbox img {float: left; margin-right: 10px;border: 1px solid #e1e1e1;}

#months {margin-bottom: 20px;}
#months a {
	font-family: Georgia; font-size: 14px; font-style: italic; letter-spacing: 2px;
}
#months a:hover {color: #5c770e;}
#tags, #months {font-family: Georgia; font-size: 16px; letter-spacing: 2px;}
#tags  a {
	font-family: Georgia; font-size: 14px; font-style: italic; letter-spacing: 2px;
}
#tags a:hover {color: #5c770e;}