/* @override http://localhost:8888/wordpress/wp-content/themes/wpfolio/trunk/style.css */





/* BEGIN user editable area */

/* To make changes to the CSS edit the CSS rules below. Do not change the php tags as this will effect the theme options*/



body  { 

	/*	font-family : <?php echo $WPFolio_body_font; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	/*background-color:<?php echo $WPFolio_body_backgroundcolor; ?>; This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	padding: 5px; 

	/* color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard */

}



/* @group htags */

h1 { 

	/*font-family: <?php echo $WPFolio_headline_font; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	/*font-size: <?php echo $WPFolio_headline_size; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/}

h1,h2,h3,h4,h5,h6,form,fieldset {

	margin:0;

	padding:0;

	}

h2 { 

	/*color:<?php $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/ 

}

h3 {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/}

h2.pagetitle {

margin-top: 50px;

}

h4 {

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

}

.header h4{

	/*font-family: <?php echo $WPFolio_headline_font; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/}

.low {

	display:none;

	}

/* @end */



.container { 
	/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php 
and editable in Current Theme Options in the Wordpress dashboard*/

	margin-top : 30px;

	width: 960px;

	margin: 0px auto;

	text-align: center;

	font-family : arial, verdana, serif;

	/*background-color: <?php echo $WPFolio_foreground_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	padding: 0px;

	}

	

/*.container p {color:<?php echo $WPFolio_body_color; ?>; } this is handled in header.php

and editable in Current Theme Options in the Wordpress dashboard */



/* @group header */

/* To change your header image create an image that is 960 pixels wide by 200 pixels high and name 

it header.jpg and place in the images folder in your theme directory*/

div.header    {

	background-image: url(images/header.jpg);

	background-repeat: no-repeat;

	background-position: 50% 50%;

	margin-left: 0;

	padding: 1.5em 30px .5em;
	max-height:200px;
	min-height: 50px;
	overflow: hidden;

}

.headertext {  
   

	overflow: hidden;

	text-align: left;

	font-family : arial, verdana, serif;

	padding: 0;

	margin: 0;
	
}



.headertext h1 a { 

	font-weight: normal; 

	font-style: normal; 

	/*color: <?php echo $WPFolio_highlight_color;?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/ }

/* @end */



/* @group links */

a  {     

	color : #545454;

	text-decoration : none;

	

	}

a:link  {      

	color : #545454;

	text-decoration : none;


	}

a:visited {    

	color : #545454;

	text-decoration : none;


	}

a:active  {     

	/*color : <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	text-decoration : none;



	}

a:hover  {      

	/*color : <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	text-decoration : none;



	}

/* @end */



.entry {   
	/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php and editable in Current Theme Options in the Wordpress dashboard*/

	margin-top : 0px;

	margin-bottom : 0px;

	margin-left : auto;

	margin-right : auto;

	padding : 0px;

	font-size : 11px;

	text-align : center; clear:both

	}

.entry p {

	text-align: left;

	margin-left: 30px;

	margin-right: 30px;

	}

.entrycat { 

	margin-top : 0px;

	margin-bottom : 0px;

	margin-left : auto;

	margin-right : auto;

	padding : 0px;

	font-size : 11px;

	font-weight : normal;

	line-height : 16px;

	text-align : center;
	/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php and editable in Current Theme Options in the Wordpress dashboard*/

	}

.entrycat a {

	text-align: center; 

	padding: 10px;

	font-weight: bold;

}



/* @group images */

.entry img {

	margin : 0 0 0px;

	padding : 8px;

	border : 1px solid #c0c0c0;

	}

	

.alignright,img.alignright{

float:right;

margin:1em 0 0 1em;

}



.alignleft,img.alignleft{

float:left;

margin:1em 1em 0 0;

}



.aligncenter,img.aligncenter{

display:block;

text-align:center;
margin: 1em auto;
}



	

.entrycat img {

	margin : 3px 3px 3px 3px;

	padding : 5px;

	border : 1px solid #c0c0c0;

	margin-bottom: 2px;

	}

.posted a img { 

	border: 0; 

	}

.img-frame { 

	width: 25%; 

	min-width: 220px; 

	height:225px; 

	float: left; 

	display: inline; 

	margin-top: 10px; 

	}

.img-container { 

	text-align:center; 

	margin-right:auto; 

	margin-left: auto; 

	display: inline-table; 

	}

.img-frame-caption { 

	width:60%; 

	margin-left:auto; 

	margin-right:auto; 

	}

div.Home p img {

	border : 1px solid #c0c0c0;

	padding:  5px;

	}

/* @end */



code {    

	color : #8B1D1D;

	}



.info{     

	margin-top : 0px;

	margin-bottom : 5px;

	margin-left : 10px;

	margin-right : 10px;

	padding : 5px;

	font-size : 12px;

	font-weight : normal;

	text-align : justify;
	/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php and editable in Current Theme Options in the Wordpress dashboard*/

	}



.adminuser {

	font-variant: small-caps;

	background-color: #9fff9c;

}



div.pages {  
 	/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php 
and editable in Current Theme Options in the Wordpress dashboard*/

	margin-top :15px;

	margin-bottom : 5px;

	margin-left : 30px;

	margin-right : 30px;
	padding-top: .5em;

	padding : 10px;

	font-size : 12px;

	font-weight : normal;

	text-align : left;

	line-height:20px;
	clear: both;

	/*font-family : <?php echo $WPFolio_body_font; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}









.posted {  

	margin-top : 5px;

	margin-bottom : 0px;

	margin-left : 30px;

	margin-right : 30px;

	text-align : center;

	font-size : 11px;

	}

.footer {

	padding : 20px;

	text-align : center;

	font-size : 11px; clear: both; }



/* @group prev/next navigation */

.prevnext {

	margin-top : 0px;

	margin-bottom : 0px;

	margin-right: 30px;

	color : #545454;

	text-decoration : none;

	padding : 3px;

	text-align : right;

	font-size: 11px;
	

}

.prevnext a, link  {  

	border : 1px solid #c0c0c0;

	color : #545454;

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

.prevnext a:active  { background-color: #545454;

	border : 1px solid #545454;

	color : #FFFFFF;

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

.prevnext a:hover  {  

	/*background-color: <?php echo $WPFolio_highlight_color; ?>; This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	border : 1px solid #545454;

	color : #ffffff;

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

/* @end */



/* @group comments */

.comments{ 

	margin-top : 0px;

	margin-bottom : 0px;

	margin-left : 50px;

	margin-right : 50px;

	padding : 12px;

	color : #545454;

	font-size : 12px;

	font-weight : normal;

	line-height : 16px;

	text-align : justify;

	}

.commentsbody {

	border-bottom : 1px solid #E8E8E8;

	text-align : justify;

	margin-bottom : 10px;

	padding : 10px;

	}

/* @end */



/* @group navbar */

.nav, .widgettitle {  

	/*   font-family : <?php echo $WPFolio_headline_font ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	font-size : 11px;

	color : #545454;

	text-decoration : none;

	font-weight : bold;

	padding: 5px 30px 10px;
	}



.nav ul, .widgettitle ul { 

	float:left; 

	padding-right: .2em;

	}

.nav li, widgettitle li { 

	list-style: none; 

	display: inline; 

	}

.nav a, link   {  

	border : 1px solid #c0c0c0;

	color : #545454;

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	margin:  2px;

	}

.nav a:active  {  

	border : 1px solid #c0c0c0;

	/*color : <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

.nav a:hover  {  

	border : 1px solid #c0c0c0;

	/*color : <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

/* @end */



div.container ul {

	padding-left: 0; 

	}

div.container h2 {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/ }





/* @group blog styles */



.notable-post {

	border: 1px solid #c0c0c0;

	padding: 10px;

	margin-top: 10px;

	margin-bottom: 10px; color: #808080; 

/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

}

.notable-post h3 {

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 10px; color: #323232; 

	}

.notable-post h3 a, link { 

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

.notable-post a { 

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

.notable-post a:hover {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

.notable-post a:hover {

	font-weight: bold; 

	}



/* @end */



/* @group links */



#links {

	margin-left : 60px;

	margin-right : 60px;

	/*color : #<?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	font-size : 12px;

	font-weight : normal;

	text-align : left;

	line-height:20px;

	padding: 0; list-style:none;

	}

#links h1,h2 {

	font-weight: normal;

	text-transform: uppercase;

	/*color: #<?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

#links ul {

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	list-style: none;

	margin-left: 0;

	padding-left: 0;

	}

#links ul li {

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	margin-left: 0;

	padding-left: 0;

	}

#links ul li ul {

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	list-style: none;

	margin-left: 0;

	padding-left: 0;

	padding-bottom: 15px;

	}

#links ul li ul li {

	margin-left: 0;

	padding-left: 0;

	}

#links a {

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

 	} 

#links a:hover {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

/* @end */



/* @group pages lists */

div.pages ul {

	vertical-align: 1em;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	padding: 0;

	margin-top: .9em;

	}

div.pages ul li {

	list-style: none;

	vertical-align: -1.5em;

	font-size: 1em;

	font-weight: bold;

	font-style: italic;

	padding: 0;

	line-height: 1.5px;

	}

div.pages ul li ul li {

	font-size: 1em;

	font-weight: normal;

	bottom: 1.8em;

	position: relative;

	vertical-align: 0em;

	font-style: normal;

	padding: 0;

	line-height: 1.5em;

	margin-right: 0px;

	margin-bottom: 1em;

	margin-left: 6em;

	}

div.pages h2 {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	margin-left:auto;

	margin-right: auto;

	padding-top: 1em;

	padding-bottom: .5em;

	text-transform: uppercase;

	font-weight: normal;

	letter-spacing: .1em;

	text-align: center;

}

div.pages h3 {

	margin-bottom: 2.2em;

}

	/* @end */



/* @group Resume/CV styles - selectors repeated to cover every upper/lower case option of resume and cv  */

div.RESUME ul, div.resume ul,div.Resume ul,div.CV ul,div.cv ul{

	vertical-align: 1em;

	padding: 0;

	margin-top: .9em;

}

div.RESUME ul li, div.resume ul li, div.Resume ul li, div.CV ul li, div.cv ul li {

	list-style: none;

	vertical-align: -1.5em;

	padding: 0;

	font-weight: bold;

	font-style: italic;

	font-size: 1em;

	line-height: 0;

}



div.RESUME ul li ul li, div.resume ul li ul li, div.Resume ul li ul li, div.CV ul li ul li,.cv ul li ul li  {

	font-size: 1em;

	font-weight: normal;

	bottom: 1.8em;

	position: relative;

	vertical-align: 0em;

	font-style: normal;

	padding: 0;

	margin-right: 0px;

	margin-bottom: 1em;

	margin-left: 6em;

	line-height: 1.3em;

}

div.RESUME h3, div.resume h3, div.Resume h3, div.CV h3, div.cv h3 {

	margin-bottom: 1em;

	font-size: 1.6em;

}

/* @end */



.widgettitle  { display: none; 

padding: 0em;}







.aligncenter {

	display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;}

.alignnone {

	display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

	}

.alignleft {

	display: block;

	float: left;

	}

.alignright {

	display: block;

	float: right;

	}



/* @end */




html,body{
    overflow: hidden;   
}
a, a:visited, a:active{ color: #dddddd;}

header, footer{
	display: none;
}

#wrapper{
	margin: 0;
    overflow: hidden;   
}

#temptxt{
	margin: 200px auto auto;
	width: 200px
}


body{
	overflow: hidden;
	background-color: #000000;
	margin: 0;
	color: white;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#ar_r, #ar_l{
	position: fixed;
	top: 50%;
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer;
}

#ar_r{
	right: 20px;
}

#ar_l{
	left: 20px;	
}

#contact{
	margin: -21px 15px 0 15px;
}

.images li{
	display: inline;
	vertical-align: middle;
}

.imagessm li{
	display: inline;
	vertical-align: middle;
}

#studioaddr, #postaladdr{
	width: 250px;
	font-size: 12px;
}
#postaladdr{
	float: right;
}
#studioaddr{
	float: left;
}
#divider{
	clear: both;
	height: 30px;
}

#cntct{
	width: 500px;
	margin: auto;	
	margin-top: 20px;
}

#contactcb{
	color: black;
}

#map{
	height: 400px;
	width: 500px;
	clear: both;
	margin: auto;
}

.logo, #msg, .out{
	position: fixed;
	z-index: 1000;
	width: 200px;
	color: white;
	border: 2px solid #222222;
	border: 0;
	background:  transparent url(trans.png) repeat scroll 0 0;
	font-size: 10px;
}

#msg{
	position: absolute;
	height: 20px;
	bottom: 74px;
	text-align: center;
	line-height: 20px;
}

h1{
	font-size: 11px;
	font-weight: normal;
}

.logo{
	width: 220px;
	font-size: 11px;
	top: 20px;
	left: 20px;
	min-height: 160px;
}

.logo strong{
	display: block;
	font-size: 10px;
	margin-bottom: 5px;
	margin-top: 15px;
}


.out strong{
	font-size: 11px;
}

.logo h3{
	font-size: 10px;
	margin-top: 20px;
}
.out h3{
	font-size: 11px;
}

.out{
	font-weight: bold;
	padding: 20px;
	right: 20px;
	top: 20px;
	min-height: 200px;
	width: 260px;
}

#pikkukuvat{
	width: 800px;
	height: 74px;
	overflow: hidden;
	z-index: 2;
	position: absolute;
	left: 0;
	bottom: 0;
}

.imagecontainer{
	width: 800px;
	overflow: hidden;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 40px;
}

#head{
	position: absolute;
	top: 0; left: 0;
	height: 40px;
}

#head h1{
	display: inline;
	margin: 0; padding: 0;
	padding-right: 15px;
	padding-left: 10px;
	font-size: 30px;
	line-height: 40px;
}
#head h2{
	display: inline;
	margin: 0; padding: 0;
	padding-right: 30px;
	font-size: 20px;
	line-height: 40px;
	text-transform: none;
}

#head #contact{
	display: inline;
	margin: 0; padding: 0;
	padding-right: 30px;
	font-size: 12px;
	line-height: 40px;
	text-transform: none;
}

.images li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.imagessm li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.images li div{
	display: none;	
}

.images li img.curimg{
	cursor: default;
}

.imagessm li img.curimg{
	border: 2px solid #800000;
	opacity: 1;
	filter: alpha(opacity = 100);	
}

.imagessm li img{
	margin: 0;
	padding: 0;
	border: 2px solid black;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.images li img{
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0.2;
	filter: alpha(opacity = 20);
	cursor: pointer;
}

.imagessm{
	list-style-type: none;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100000px;
	font-size: 1px;
	position: absolute;
}

.images{
	list-style-type: none;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100000px;
	font-size: 1px;
}