/* CSS Document */

body{background-color:#000;color:white;padding-top:20px;}
	
/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	margin:0 auto;}
.pika_main{
	width:500px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

.h1{font-size:18px; margin-bottom:8px; color:#999; margin-left:15px; font-family: Georgia, Times New Roman, serif;}

/* SliderJS */
.sliderjs{margin:0 auto;}



	body{
		background: url(images/kjellandbg.jpg) top center;
		font-family: Georgia, Times New Roman, serif;
		font-size: 14px;
		color:#999;
	}
	
	
	p	{
		text-align:justify;
		padding: 5px;
	}
	
	.bi{
		font-style: italic;
		font-weight: bold;
	}
	
	.showcase {
		border: 2px #666 solid;
		padding:7px;
	}
	
	.footer{
		font-size: 16px;
	}
	
	.footer a{
		color: #999;
		text-decoration: none;
		padding: 0, 10px 0 10px;		
	}
	
	.footer a:hover{
		color: #fff;
		text-decoration: none;
		border-bottom: 2px #fff solid;
	}	
	
	.footer ul{
		list-style-type: none;
		border: 2px #999 solid;
		padding:5px;		
	}
	
	.footer ul li { 
		display: inline;
		padding:5px 20px;		
	}
	
	.credits{
		font-size: 10px;
		color:#fff;
	}