/********** Layout **********/


body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	background-attachment: fixed;
	background-color: #000;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}


#wrap { width:800px; margin:0 auto; } /* "auto" makes the left and right margins center the wrapper */


#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 800px; 
height: 220px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;



}

#maincontent{
	position: fixed;
	top: 210px; /*Set top value to HeightOfFrameDiv*/
	width:780px;
	left:20px;
	right: 40px;
	bottom: 100px; /*Set bottom value to HeightOfBottomFrameDiv*/
	overflow: auto;
	margin:0 auto;


}



#framecontentBottom{
top: auto;
bottom: 0px; 
height: 100px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;
width:800px; margin:0 auto;
	left: 0;
	right: 0;
}


.innertube{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
}

* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}












/********** TEXTS **********/

a {
    outline: none;
}

.td {
	margin: 0px;
	padding: 0px;
}

a img{ border:none; }

a img:hover 	{
	opacity:1.0;
}

A:link    {
	color: #F93;
	font-weight: bold;
	text-decoration: none;
}
A:active   {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
A:visited     {
	color: #963;
	font-weight: bold;
	text-decoration: none;
}
A:hover   {
	color: #FFF;
	font-weight: bolder;
	text-decoration: underline;
}







/********** TEksticss **********/
em2         {
	color: #FC6;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-style: italic;
}



.header         {
	color: #A5825C;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
}

.otsikkopieni  {
	color: #000;
	font-style: normal;
	font-size: 11px;
	line-height:1.3em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.otsikkopaksu  {
	color: #F90;
	font-weight: bold;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.kursiivi       {
	color: #FFF;
	font-style: italic;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.kursiivipieni  {
	color: #999;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.date {
	color: #999;
	font-style: normal;
	font-size: 10px;
	line-height: 1.7em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}


.date2 {
	color: #FF9;
	font-style: normal;
	font-size: 10px;
	line-height: 1.7em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}



.pieniteksti {
	color: #999;
	font-style: normal;
	font-size: 10px;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}


.kuvat    {
	border: thin solid #E1E1E1;
}



.headline {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
	text-transform: uppercase;
}



hr {
	color: 62261d;
	background-color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #1d1f12;
	border-right-color: #1d1f12;
	border-bottom-color: #999;
	border-left-color: #1d1f12;
	width: 100%;
}



h2 {
	color: #FFF;
	font-variant: small-caps;
}

h1 {
	color: #FFF;
	font-variant: small-caps;
	font-size: 16px;
	text-transform: uppercase;
	width: 455px;
	background-image: url(images/titleback.png);
	background-repeat: repeat-x;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h3 {
	color: #FFF;
	font-variant: small-caps;
	font-size: 14px;
	text-transform: uppercase;
}

 h4 {
	color: #F90;
	font-variant: small-caps;
	font-size: 14px;
	text-transform: uppercase;
}



/***** Pics *****/

.thumbnail {
	position:relative;
	z-index:1;
	padding:1px;
	opacity:0.8;
	border: thin solid #600;
	background-color: #C09227;
}

.thumbnail:hover {
	position:relative;
	z-index:1;
	padding:1px;
	background-color: #600;
	opacity:1.0;
}


.thumbscontainer .thumbs li {
	display:block;
	overflow:hidden;
}

.thumbscontainer {
	padding-left: 10px;
}




/***** FORMS *****/

input
{
	color: #000;
	border: 1px solid #781351;
	background-color: #999;
}

form input, form textarea
{
	color: #000;
	border: 1px inset #999;
	background-color: #999;
}

.submit input
{
	color: #000;
	border: 2px outset #d7b9c9;
	background-color: #CCC;
} 

#twitter_div {
	font-size: 10px;
	padding-right: 35px;

}

#recentdocsctnr {
	font-size: 9px;
	padding-right: 55px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #D9D7C4;
}

.ditto_paging {
	padding: 10px;
	font-size: 86%;
	border-top-color: #999;
}
#ditto_pages .ditto_currentpage {
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #999;
	color: #FFF;
} 
#ditto_pages .ditto_off {
	padding: 1px 5px 2px;
	margin-right: #633;
	color: #333;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	padding: 1px 5px 2px;
	margin-right: 1px;
	text-decoration: none !important;
	color: black;
} 
#ditto_pages a:hover {
	background-color: #FFF;
	color: #000;
}

 .box {
	border: 1px solid #CBCBCB;
	padding: 8px 0;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	font-size: 10px;
	color: #06C;
	}