/*
* (c) Eero Harmaala
*/

body
{
	background-color:	#606060;
	background-image:	url('bg.png');
	margin:				0px;
	color:				#000000;
	font-family:		'Open Sans', sans-serif;
	/*font-family:		"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family:		arial, helvetica, sans-serif;
	font-family:		Helvetica, "Trebuchet MS", sans-serif;*/
	font-size:			14px;
}

/* + Usual links*/
a:link, a:visited, a:active, a:hover
{
	color:				#002550;
	font-weight:		normal;
	text-decoration:	underline;
}
a:visited
{
	color:				#002040;
}
a:hover
{
	color:				#255080;
	text-decoration:	underline;
}
/* - */

/* Links without decorations */
a.plain:link, a.plain:visited, a.plain:active, a.plain:hover
{
	font-weight:		normal;
	text-decoration:	none;
}

/* Expand buttons (+/- links) */
a.expBtn:link, a.expBtn:visited, a.expBtn:active, a.expBtn:hover
{
	color:				#CCC;
	float:				left;
	font-size:			150%;
	font-weight:		bold;
	text-decoration:	none;
	width:				20px;
	margin-top:			-5px;
}


.topbartext
{
	color:				#AAA;
	/*font-family:		arial, helvetica, sans-serif;*/
	font-size:			17px;
	font-weight:		bold;
}

.topbartext_hilit
{
	/*font-family:		arial, helvetica, sans-serif;*/
	font-size:			19px;
	font-weight:		bold;
	color:				#AAA;
	/*font-style:italic;
	text-decoration:	underline;*/
}

/* + Top bar links */
a.topbar:link, a.topbar:visited, a.topbar:active, a.topbar:hover
{
	color:				#79A;
	/*font-family:		arial, helvetica, sans-serif;*/
	font-size:			17px;
	font-weight:		bold;
	padding:			0px 4px 0px;
	text-decoration:	none;
}
a.topbar:hover
{
	color:				#3580A0;
	text-decoration:	underline;
}
/* - */

/* + Header links */
a.otsikkolinkki:link, a.otsikkolinkki:visited, a.otsikkolinkki:active, a.otsikkolinkki:hover
{
	color:				#202020;
	font-weight:		bold;
	text-decoration:	none;
}
a.otsikkolinkki:hover
{
	color:				#808080;
}
/* - */

div.ylareuna
{
	background-color:	#606060;
	background-image:	url('top.png');
	background-repeat:	repeat-x;
	width:				100%;
	height:				20px;
	position:			relative;
	left:				0px;
	top:				0px;
}


div.keski_left
{
    margin:15px;
    margin-left:2.5%;
    margin-right:2.5%;
    width:45%;
}

div.keski_right
{
    margin:15px;
    margin-left:2.5%;
    margin-right:2.5%;
    width:40%;
}

.keski_container
{
	margin-left:		auto;
	margin-right:		auto;
    width:980px;
}

.keski_container div
{
    display: inline-block;
    padding:0px;
}

div.keski_left_swapwidth
{
    margin:15px;
    margin-left:2.5%;
    margin-right:2.5%;
    width:40%;
}

div.keski_right_swapwidth
{
    margin:15px;
    margin-left:2.5%;
    margin-right:2.5%;
    width:45%;
}



div.screenspage
{
	margin-left:		160px;
	margin-right:		auto;
	width:				800px;
}

div.keski
{
	margin-left:		auto;
	margin-right:		auto;
	width:				500px;
}

div.topbar
{
	color:				#888888;
	font-weight:		bold;
}



div.dlbox
{
	float:right;
	width:190px;
	background:#777;
	background-image:	url('bg2.png');
	padding:15px 10px;
	margin:10px;
}

img.dllink
{
	float:left;
	margin:0px 5px 10px 5px;
	border:0px;
}


div.langbox
{
	padding:10px;
	position:absolute;
	right:-20px;
	top:-20px;
	height:25px;
	background:#666;
}
h2.langbox
{
	color:#999;
	/*font-style:italic;*/
	font-weight:bold;
	font-size:20px;
	margin:0px;
}

h1.taustaOtsikko
{
	font-size:34px;
	margin:20px;
	margin-top:25px;
	margin-left:-10px;
	color:#AAA;
}

h1.vuosi
{
	position:relative;	/* For offseted jump links */
	font-size:32px;
	margin:15px;
	margin-top:25px;
	margin-left:-10px;
	color:#888;
	font-style:italic;
	/*font-weight:bold;*/
}

/* Offseted jump link */
h1.vuosi span
{
	position:absolute;
	top:-35px;
}

/* General jump link */
span.jumplink
{
	position:absolute;
	top:-20px;
}


h2.taustaOtsikko
{
	font-size:25px;
	margin:20px;
	margin-top:20px;
	margin-left:-5px;
	color:#AAA;
}

h3.taustaOtsikko
{
	font-size:20px;
	margin:20px;
	margin-top:20px;
	margin-left:-5px;
	color:#AAA;
}

h2.portfolioOtsikko
{
	font-size:25px;
	/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-style:italic;
	margin:20px;
	margin-top:20px;
	margin-left:-5px;
	color:#AAA;
}

h1
{
	margin:30px;
	margin-top:10px;
	margin-left:0px;
	color:#222;
}

h2
{
	margin:20px;
	margin-left:5px;
	color:#222;
}
p
{
	/*font-size:13px;*/
	margin:20px;
	margin-left:10px;
	color:#111;
}


img.qbscreen
{
	margin:5px;
}

img.imglink
{
	margin-right:5px;
	margin-top:2px;
	border:0px;
}


div.imggroup
{
	margin: 0px 25px;
}

div.tekstialue
{
	position:			relative;	/* For offseted jump links */
	background-color:	#888;
	/*background-image:	url('bg2.png');*/
	border:				0px;
	padding:			10px 10px 0px 10px;	/* 10px for all sides except for bottom (*) */
	margin-left:		15px;
	margin-right:		15px;
	margin-top:			20px;
	margin-bottom:		20px;
	width:				100%;
}

h3
{
	font-size:20px;
	margin-top:10px;
	margin-bottom:0px;
	color:				#202020;
}

h4
{
	color:				#202020;
}

p.teksti
{
	margin:				5px 0px 10px 0px;
	padding:			0px;
	text-indent:		0px;
}

div.otsikko
{
	background-color:	#A2B5C4;
	border:				0px;
	padding:			5px 10px;	/* 5px for top & bottom, 10px for left & right (*) */
	width:				100%;
	color:				#202020;
	font-size:			18px;
	position:			relative;
	left:				-20px;
	top:				-20px;
}

div.alareuna
{
	background-color:	#707070;
	border:				0px;
	padding:			0px 10px;	/* 10px for left & right (*) */
	margin-top:			10px;
	margin-bottom:		0px;
	width:				100%;
	height:				7px;
	position:			relative;
	left:				-10px;
	top:				7px;
}


div.sisaalue
{
	background-color:	#CCCCCC;
	border:				0px;
	padding:			10px;
	margin-left:		10px;
}



/* + Source code block header links */
a.koodilinkki:link, a.koodilinkki:visited, a.koodilinkki:active, a.koodilinkki:hover
{
	color:				#CCCCCC;
	font-weight:		bold;
	text-decoration:	none;
}
a.koodilinkki:hover
{
	color:				#EEEEEE;
	text-decoration:	underline;
}
/* - */

/* Non-link code headers */
span.koodiotsikko
{
	color:				#CCCCCC;
	font-weight:		bold;
}


/* Source code block */
div.koodi
{
	background-color:	#CCCCCC;
	border:				1px solid #808080;
	font-family:		"Courier New", Courier, monospace;
	padding:			10px;
	margin:				10px;
	margin-left:		10px;
	margin-right:		10px;
	margin-top:			0px;
	margin-bottom:		10px;
	width:90%;
}

/* Source code block header */
div.koodiotsikko
{
	background-color:	#404040;
	border:				0px;
	color:				#CCCCCC;
	font-family:		"Courier New", Courier, monospace;
	font-size:			16px;
	font-weight:		bold;
	padding:			5px 10px;
	margin:				10px;
	margin-left:		10px;
	margin-right:		10px;
	margin-top:			10px;
	margin-bottom:		0px;
	width:90%;
}

/* Separate short code snips */
span.koodi
{
	background-color:	#999;
	font-family:		"Courier New", Courier, monospace;
}

span.tiedosto
{
	font-family:		"Courier New", Courier, monospace;
}

span.emph
{
	color:				#023;
	font-weight:		bold;
	/*font-style:		italic;*/
}