/*
Ukkosrintama-paletti (siniharmaa/navy blue)
c8cbc6	7c888f	otsikko/teksti
cdd0ca	7b878b	otsikko/teksti
959e9d	657377	otsake/linkki
3f4d55	4c595f	tausta/linkki
*/

a
{
	color: #657377;
}

a.navigation2
{
	/*font-weight: bold;*/
	font-variant: normal;
	text-decoration: underline;
}

body
{
	/*font-family: tahoma;*/
	/*font-family: courier, serif;*/
	font-family: "georgia";
	font-size: 10pt;
	/*color: #aacc88;*/
	color: #7b878b;
	/*color: #00cc55;*/
	background-color: #3f4d55;
	white-space: normal;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: none;
}

caption
{
	font-weight: bold;
}

div
{
	background-color: transparent;
	/*border-collapse: collapse;*/
	border-style: solid;
	border-color: #eeeeee;
	border-width: 0px;
}

div.navigation2:first-line
{
	display: none;
}

div.layout
{
	width: 100%;
	/*clear: left;*/
	background-color: transparent;
}

div.layouttop
{
	height: 0px;
	width: 0%;
	float: left;
	background-color: transparent;
}

div.layouttop_mask
{
	height: 96px;
	width: 68%;
	clear: left;
	float: left;
	position: fixed;
	left: 38%;
	top: 0px;
	background-color: black;
	margin-left: 4%;
}

/* NOT IN USE */
/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
/* More info: http://www.l-c-n.com/IE5tests/hiding/ */
* html div.layouttop_mask
{
	height: 0px;
	width: 0%;
	clear: left;
	float: left;
	position: static;
	left: 38%;
	top: 0px;
	background-color: black;
	margin-left: 4%;
}

div.layoutbottom
{
	height: 32px;
	width: 100%;
	float: left;
	background-color: transparent;
}

div.layoutbottom_mask
{
	height: 32px;
	width: 100%;
	clear: left;
	float: left;
	position: fixed;
	left: 0px;
	bottom: 0px;
	/*background-color: black;*/
	background-color: transparent;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
* html div.layoutbottom_mask
{
	height: 0px;
	width: 0%;
	clear: left;
	float: left;
	position: static;
	left: 38px;
	bottom: 0px;
	background-color: transparent;
}

div.layout_referenceimage
{
	height: 100%;
	width: 38%;
	/*clear: left;
	float: left;*/
	position: fixed;
	/*left: 64px;*/
	/*left: 4%;*/
	left: 0px;
	/*top: 32px;*/
	top: 0px;
	
	/*filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25; */
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
* html div.layout_referenceimage
{
	height: 0%;
	width: 0%;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
	position: static;
}

div.layoutleft_far
{
	/* NOT IN USE */
	width: 2%;
	float: left;
	background-color: transparent;
}

div.layoutcentercontainer
{
	width: 100%;
	height: 100%;
	/*float: left;
	left: 0px;
	top: 0px;
	position: relative;*/
	background-color: transparent;
}

div.layoutleft
{
	width: 38%;
	float: left;
	background-color: transparent;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. 

For IE the reference image (kaleidoscope) is put into the left hand div in the center container.
*/
* html div.layoutleft
{
	float: left;
	height: 100%;
	width: 38%;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
	position: static;
}

div.layoutright
{
	width: 20%;
	float: left;
	background-color: transparent;
}

div.layoutcenter
{
	width: 38%;
	min-width: 200px;
	float: left;
	margin-left: 4%;
	margin-right: 4%;

}

div.layout_center_top
{
	width: 100%;
	height: 64px;
	clear: left;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
}

div.layout_center_bottom
{
	width: 100%;
	height: 128px;
	clear: left;
	float: left;
	bottom: 0px;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-attachment: scroll;
}

div.layout_center_header
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 6%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
}

div.footer
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 6%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
}

div.content
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	z-index: 0;
}

div.album
{
	width: 100%;
	clear: right;
}

div.cv
{
	width: auto;
}

div.cvrow
{
	width: 100%;
	clear: left;
}

div.cvcol1
{
	float: left;
	width: 28%;
	font-weight: bold;
}

div.cvcol2
{
	float: left;
	width: 72%;
}

div.album_header
{
	width: *;
	clear: right;
}

h
{
	color: #cdd0ca;
	border-style: solid;
	border-color: #000000;
}

/*h1,
h2
{
	color: #ddeebb;
	border-style: solid;
	border-color: #000000;
}*/

h1#banner
{
	/*font-size: 10pt;*/
	color: #cdd0ca;
	text-align: left;
	font-weight: bold;
	border-bottom-style: double;
	border-bottom-color: #000000;
	text-decoration: none;
}

h2.navi
{
	/*font-size: 10pt;*/
	color: #cdd0ca;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	/*left: 40%;*/
}

hr
{
	width: 75%;
	height: 1px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

img.logo
{
	position: relative;
	top: 48px;
	left: -64px;
}

img.logonegation
{
	position: relative;
	top: 0px;
	left: 0px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
}

img.mooma
{
	position: relative;
}

img.album
{
	/*vertical-align: text-top;*/
	float: left;
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	border: 0px;
	border-color: #ffffff;
	outline-style: none;
	outline-width: 0px;
	outline-color: #ffffff;
 }

img.moomaemail
{
	vertical-align: middle;
}

p
{
	/*color: #000000;*/
}

p.album_header
{
	width: 100%;
	clear: right;
}

p.lang
{
	/*color: #000000;*/
	text-align: right;
	/*position: relative;
	top: -30px;*/
}

p.menu
{
	/*color: #000000;*/
	text-align: left;
	position: relative;
	/*top: -48px;*/
}

p.footerseparator
{
	color: #aaaaaa;
	width: 100%;
	text-align: left;
	border-bottom-style: double;
	border-bottom-color: #000000;
}

p.visitorCounter
{
	color: #cccccc;
	font-size: 8pt;
	text-align: right;
}

p.validations
{
	color: #000000;
	width: 100%;
	text-align: left;
}

p.news_timestamp
{
	font-weight: bold;
}

p.news_news
{
	font-weight: normal;
}

p.gb_entryheader
{
	font-weight: bold;
}

p.gb_entrymessage
{
	font-weight: normal;
}

p.gb_entryreply
{
	font-weight: normal;
}

p.gb_entryreply:first-line {
	font-weight: bold;
}

p.gb_error
{
	color: #ff7777;
	font-weight: bold;
}

p.separator
{
	color: #777777;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}

span
{
	border-style: solid;
	border-color: #eeeeee;
	border-width: 0px;
}

span.album
{
	padding: 8px;
	font-size: 8pt;
	float: left;
	text-decoration: none;
}

span.album_click
{
	font-size: 8pt;
}

span.album_desc
{
	padding: 8px;
}

span.gb_entryfrom
{
	font-weight: normal;
}

table
{
	background-color: transparent;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px;
}

td	
{
	padding-left: 4px;
	padding-right: 4px;
}

td.duration
{
	text-align: right;
}

thead
{
	font-weight: bold;
}