@charset "UTF-8";
/* CSS Document for photographer Lauri Rotko 2008 */
body {
	font-family:  'DroidSansRegular', Helvetica, Arial, sans-serif;
	font-size:78%;
	background:#acacac;
}

@font-face {
	font-family: 'DroidSansRegular';
	src: url(../fonts/DroidSans-webfont.eot);
	src: local('☺'), url(../fonts/DroidSans-webfont.woff.woff) format('woff'), url(../fonts/DroidSans-webfont.ttf) format('truetype'), url(../fonts/DroidSans-webfont.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url(../fonts/DroidSans-Bold-webfont.eot);
	src: local('☺'), url(../fonts/DroidSans-Bold-webfont.woff) format('woff'), url(../fonts/DroidSans-Bold-webfont.ttf) format('truetype'), url(../fonts/DroidSans-Bold-webfont.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}


a:visited {
	color:#323232;
	text-decoration:none;
	border:none;
}
a:link {
	color:#323232;
	text-decoration:none;
	border:none;
}
a:selected {
	color:#eee;
	text-decoration:none;
}
h1 {
	color:#eee;
	font-size:1.2em;
	font-weight:bold;
}

h2 {
	font-family: 'DroidSansRegular', Helvetica, Arial, sans-serif;
	color: #9C9C9C;
    font-size: 1.8em;
    font-weight: normal;
}

p {
	color:#323232;
	font-size:1em;
	font-weight:normal;
}

p strong {
	color:#404040;
	font-size:1em;
	font-weight:bold;
}


#container {
	position:relative;
	width:1030px;
	height:600px;
	background:#acacac;
	border-top:#eee 1px solid;
	margin:0px auto 70px auto;
	top:50px;
	padding:0 0 50px 0;
}

.content {
	margin:0px 30px;
	padding-bottom:25px;
	
}

#logo{
	position:relative;
	top:-30px;
	border:none;
	margin:0px auto;
	display:inline;
}

#footer, #indexfooter, #cvfooter {
	width:1030px;
	position:relative;
	color:#323232;
	margin:20px auto;
	height:16px;
	font-size:10px;
	border-top:#eee solid 1px;
}
#footer p {
	font-family: 'DroidSansRegular', Helvetica, Arial, sans-serif;
	padding:-10px 0px;
	margin:0px;
	text-align:center;
}
#footer img {
	padding:0px 15px;
	
	}

#indexfooter p {
	font-family: 'DroidSansRegular', Helvetica, Arial, sans-serif;
	padding:-10px 0px;
	margin:0px;
	text-align:center;
}

#cvfooter p {
	font-family: 'DroidSansRegular', Helvetica, Arial, sans-serif;
	padding:-10px 0px;
	margin:0px;
	text-align:center;
}

.frontpage_content {border:none;  min-height:300px; width:1000px; text-align:center;  }

.navigation a { color:white; font-size:1.1em; text-align:center;  }
/*
.frontpage_content a img.slide1  {border:none; background:url(../images/frontpage/text1.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide2  {border:none; background:url(../images/frontpage/text2.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide3  {border:none; background:url(../images/frontpage/text3.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide4  {border:none; background:url(../images/frontpage/text4.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide5  {border:none; background:url(../images/frontpage/text5.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide6  {border:none; background:url(../images/frontpage/text6.jpg) no-repeat top; z-index:50;}
*/
.frontpage_content img { padding-top:10px;border:none; z-index:100;}

/* Navigation*/

 ul.navigation  {
	margin-left:50px;
	
}

.navigation li{
	list-style:none outside none;
	float:left;
	margin:0 0 0 40px;
}

.navi ul {
	margin:0 auto; 
	padding:0; 
	list-style:none; 
	display:table; 
	white-space:nowrap; 
	height:2em; 
	position:relative; 
	font-size:1em;
	font-weight:normal;
}

.navi {
	padding:0px;
	margin:0px;
	list-style:none;
	height:26px;
	background:transparent url(../images/grafiikka/navi_ca.gif) repeat-x top left;
	position:absolute;
	top:-26px;
	left:320px;
}

<!--[if IE]>
.navi ul {display:inline-block;}
.navi ul {display:inline;}
.navi ul li {float:left;}
.navi {text-align:center;}
<![endif]-->

.navi li {display:table-cell; margin:0; padding:0;}

.navi li a {
	display:block; 
	float:left; 
	height:25px; 
	line-height:25px;
	color:#323232;
	text-decoration:none;
	font-weight:normal;
	text-align:center; 
	padding:0px 0px 0px 9px; 
	cursor:pointer;
	background:url(../images/grafiikka/left_ca.gif) no-repeat;
	}
	
.navi li a b {
	float:left; 
	display:block; 
	padding:2px 11px 5px 4px;
	background:url(../images/grafiikka/right_ca.gif) no-repeat right top;
	font-weight:normal;
	}

.navi li.current a {
	color:#eee; 
	background:url(../images/grafiikka/left_32.gif) no-repeat;}
	
.navi li.current a b {
	background:url(../images/grafiikka/right_32.gif) no-repeat right top;
	font-weight:normal;}
	
.navi li a:hover {
	color:#eee; 
	background: url(../images/grafiikka/left_32.gif) no-repeat left top;}
	
.navi li a:hover b {
	background:url(../images/grafiikka/right_32.gif) no-repeat right top;	
	font-weight:normal;}
	
.navi li.current a:hover {
	color:#555; background: url(../images/grafiikka/left_32.gif) no-repeat left top; 
	cursor:default;}
	
.navi li.current a:hover b {
	background:url(../images/grafiikka/right_32.gif) no-repeat right top;font-weight:normal;}
	
	
#container img.portrait  {
	border:1px solid #eee ;
	margin-top:0px;
	margin-left:40px;
	}
#container img.landscape  { 
	border:1px #eee solid;
	margin-top:0px;
	margin-left:40px;
	}	

/* valitse ylös alas tai vasen/oikea */
#container .thumbs {
	position:absolute;
	left:0px;
	margin:10px 3px 0px 3px;
	display:block;
	width:35px;
	height: 382px;
	}
#container .thumbs2 {
	position:absolute;
	left:62px;
	margin:10px 8px 0px 8px;
	display:block;
	width:35px;
	height: 382px;
	}
	
#container a.gallery:active, 
#container a.gallery:focus
{
	border:1px solid #eee;
	}
/* kuvalaatikko */
#container a.gallery:active em, 
#container a.gallery:hover em {
	display:block; 
	position:absolute; 
	width:700px; 
	height:580px; 
	top:0px;
	left:115px;
	border:none; 	
	z-index:50;
	}
	
#container .thumbs2 a.gallery:active em, 
#container .thumbs2 a.gallery:hover em {
	display:block; 
	position:absolute; 
	width:700px; 
	height:580px; 
	top:0px;
	left:57px;
	border:none; 	
	z-index:50;
	}

	/* nappuloiden asettelu */
a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	float:left;
	text-decoration:none;
	border: 1px solid #323232;
	margin:3px 5px;
	padding:0px 1px 0px 1px;
	text-align:center;
	z-index:50;
	}
	
a.gallery em, a.gallery span {display:none; }

a.gallery:hover {border: 1px solid #eee; color:#eee;}

#cv img {
	float:right;
	
}