/* KILLER BEACH CSS BY Pekka Keskinen */

body {
font : 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background : #fcfcfc;
margin : 0;
padding : 0;
text-align : center;
color : #6e6e6e;
background: url(img/killer_bodybg_v4.jpg) repeat-x;
}

#container1 {
background : url(img/killer_header_2010.jpg) top center no-repeat;
margin : 0 auto;
text-align : left;
}

#container2 {
width : 862px;
background : url(img/killer_containerbg_v4.gif) top center no-repeat fixed;
margin : 0 auto;
text-align : left;
}

#header {
height : 255px;
background-position : center 0%;
text-align: right; 
padding: 0 130px 0 0;
}

#sidebar1 {
float : right;
width : 290px;
padding : 15px 10px;
}

#mainContent {
margin : 0 290px 0 0;
padding : 0 40px;
}

#mainContent p {
margin : 0 0 10px 0;
padding : 0;
}

.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}

.sidebartext {
font : 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin-right : 38px;
margin-left : 20px;
line-height : 1.1;
font-size : 90%;
}

.list {
list-style : url(img/bullet.gif);
margin-top : 0;
margin-left: 0; 
padding-left: 20px;
}

.basic {
list-style-type : none;
margin-top : 10px;
margin-bottom: 5px; 
font: 80% Verdana; 
margin-left: 0; 
padding-left: 0;
}

.basic2 {
list-style-type : square;
margin-top : 10px;
margin-bottom: 5px; 
font: 80% Verdana; 
margin-left: 0;
padding-left: 25px; 
}

.navi_list {
list-style : url(img/bullet2.jpg);
font : 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4b4b4b; 
margin-top : 30px;
margin-bottom: 20px; 
margin-left: 0; 
padding-right: 130px; 
padding-left: 20px;
line-height: 35px; 
}

.navi_list li {
	border-bottom: 1px solid #cdcdcd;
}

.ingressi {
color : #3edaee;
font : 17px Mido, georgia;
margin-bottom : 5px;
margin-top : 3px;
line-height: 20px; 
letter-spacing: -1px;
}

h1 {
color : #3edaee;
font : 300% Mido, Georgia, sans-serif;
margin-bottom : 0;
margin-top : 5px;
line-height: 39px;
letter-spacing: -1px; 
}

h2 {
color : #3edaee;
font : 140% trebuchet MS;
margin-bottom : 5px;
margin-top : 20px;
margin-left: 0px; 
}

tr h2 {
color : #3edaee;
font : 140% trebuchet MS;
margin-top : 0;
margin-bottom: 0; 
margin-left: 10px; 
}

h3 {
font : 130% Georgia;
color: #ffe6af;
margin: 0 0 5px 0;
padding: 10px 0 3px 0;
border-bottom: 1px #ffe6af dotted;
}

h4 {
color : #48e2f6;
font : 140% trebuchet MS;
margin-bottom : 5px;
margin-top : 15px;
margin-left : -18px;
}

h5 {
color : #48e2f6;
font : 200% georgia;
margin-bottom : 10px;
margin-top : 40px;
}

h6 {
color : #3edaee;
font : 140% trebuchet MS;
margin-bottom : 5px;
margin-top : 20px;
margin-left: 0px; 
}

a:link { text-decoration : none; color : #48e2f6; }
a:visited { text-decoration : none; color : #48e2f6; }
a:active { text-decoration : none; color : #48e2f6; }
a:hover { text-decoration : none; color : #979797; }

.sidebartext a:link { color : #6e6e6e; }
.sidebartext a:visited { color : #6e6e6e; }
.sidebartext a:active { color : #6e6e6e; }
.sidebartext a:hover { color : #48e2f6; }

.new_stuff {
font-size: 12px;
font-weight: normal;  
padding-right: 5px; 
}

.description {
font: 95% Georgia;
color : #3edaee;
}

.gotosite {
font: 80% Georgia;
letter-spacing: 3px;
font-style: italic; 
}

.web_thumbnail {
margin-top: 10px;
margin-bottom: 20px; 
padding-bottom: 20px; 
border-bottom: #e3e3e3 solid 1px;
}

.floatl	 {float: left; padding: 11px;}
.floatr	 {float: right; padding: 11px;}

.imagegallery3 li	{margin-top: 50px; margin-left: -7px; list-style: none; float: left;}
.imagegallery3	{margin: 0; display: inline; }

#lightbox		{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.infobox {
width: 231px;
margin-top: 30px; 
margin-right: 15px; 
margin-bottom: -10px; 
float: left; 
}

.table_top {
background: url('img/table_top.jpg') top left no-repeat; 
width: 231px;
height: 29px; 
}

.table_middle {
background: url('img/table_bg.jpg') left repeat-y; 
width: 231px; 
}

.table_bottom {
background: url('img/table_bottom.jpg') top left no-repeat; 
width: 231px;
height: 25px; 
}

.table_wrapper {
width: 495px;
}

.omakuva {
float: left; 
width: 120px; 
margin: 0 20px 25px 0;
padding: 20px 0 0 0;
}

.omakuva p {
font: 10px Verdana; 
padding: 10px; 
}

.intro {
background: url(img/intro_bg.jpg) no-repeat top left; 
padding: 20px 0 30px 220px;
margin-bottom: 0; 
margin-left: -15px;
}

.intro_list { 
margin: 0 0 20px 0;  
list-style : url(img/bullet_check.jpg);
}


.twitter { 
margin-top: 30px; 
margin-bottom: 40px; 
padding-top: 10px; 
padding-bottom: 10px;
border-top: #e3e3e3 solid 1px;
border-bottom: #e3e3e3 solid 1px; 
}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; text-align: left; padding:2px 12px 3px 7px; margin-left:5px; background:#666666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


#slideshow {
    position:relative;
    height:250px;
	margin: -10px 0 0 0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.bloglink {
    font: 80% Georgia;
	letter-spacing: 5px;
	margin: 30px 0 0 10px; 
}

.bloglink a:link {
    color:#acacac;
    }

.bloglink a:visited {
    color:#acacac;
    }

.bloglink a:hover {
    color:#322020;
    }
    
#footer {
	background: #22daf0 url(img/footer_bg.jpg) top center no-repeat;
    color: #e1f6f8;
    margin: -12px 0 0 0;
    padding: 0;
    font: 12px "Trebuchet MS"; 
    }    

#footer td {width: 250px; vertical-align: top; padding: 15px 30px 20px 0;}
    
    
#footer ul {
	list-style-type: square; 
	padding: 0 0 5px 20px;
	margin: 0;
	line-height: 17px;
	} 
	
#footer a:link { color : #ffe6af; }
#footer a:visited { color : #ffe6af; }
#footer a:active { color : #ffe6af; }
#footer a:hover { color : #ffe6af; text-decoration: underline; }

@font-face {
font-family: Mido;
src: url(/Mido/Mido.otf);
}