@charset "UTF-8";
/* CSS Document */

@import url('jquery.fancybox.css');

html,body { height: 100%; width: 100%; margin: 0px; }
body { background: #f8f8f6;}
#stripe { height: 450px; background: url(../stripe_back.gif) repeat-x top; width: 100%; position: relative; overflow:visible;}
#main { height: 525px; width: 800px; position:relative; top: -30px; color: #FFFFFF; font-family: 'Arial Narrow'; font-size: 14px; background: url(../kfcom.gif) top left no-repeat ;}
#fullpage { position: absolute; width: 0px; height: 100%; top:0px; left:0px; background: #100f13; overflow:hidden;}
#fullpage_wrapper {position: absolute; top: 150px; left: 0px; color: #f8f8f6; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; width: 100%;}
#fullpage_thumbnails { position: absolute; top: 0px; left: 100px; height: 100px; width: 100px; overflow: hidden; white-space: nowrap;}
#fullpage_background {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../kfcom_inverse.gif) center no-repeat;}
#contents { position: absolute; width: 800px; height: 375px; top: 75px; left:0px; overflow:hidden;}
#counter { color: #CCC; font-family: 'Arial Narrow'; font-size: 20px; line-height: 50px;}
#storage { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; visibility: hidden; }
a { text-decoration: none; color: #FFF; outline: none; }
a:hover { color: #FF6; }

	#main .line {
		width: 80%;
		font-size: 11px;
		text-align: left;
		padding: 5px 20px;
		border-left: 20px solid #FFFFFF;
		cursor: pointer;
		margin-bottom: 15px;
	}
	#main .line:hover {
		color: #FF6;
		border-left: 20px solid #FF6;
	}
		#main .line h2 {
			margin: 3px 0;
			font-size: 13px;
		}

		#main .line p {
			margin: 1px 0;
		}
		#main .line .date {
			width: auto;
			text-align: right;
			float: right;
			font-size: 12px;
		}

	#main .wideline {
		border-left: 20px solid #FFFFFF;
		font-size: 11px;
		padding: 5px 0 5px 20px;
		text-align: left;
		width: 760px;
	}
		#main .wideline h2 {
			margin: 3px 0;
			font-size: 13px;
		}

		#main .wideline .date {
			width: auto;
			text-align: right;
			float: right;
			font-size: 12px;
		}
	
	.content {
		width: 100%;
	}
	
	.content a.thumbnail {
		color:#FFFFFF;
		display:inline-block;
		margin: 0 35px 25px 0;
		padding:0;
		text-decoration:none;
		width: 150px;
		height: 90px;
	}
	.content img.thumbnail {
		border-color:#FFFFFF;
		border-style:none none none solid;
		border-width:0 0 0 15px;
		}
	
	a.back {
		display: inline-block;
		float: right;
		padding-right: 7px;
		border-right: 10px solid #FFF;
		margin:8px 0;
	}
	a.back:hover {
		color: #FF6;
		border-right: 10px solid #FF6;
	}
div.scrollable {   
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height: 330px;      
    width: 100%;     
		top: 0; left: 0;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
		left: 0;
		top: 0;
     
    /* this time we have very large space for height */     
    height:20000em;     
}

div.scrollable div.items div {
	float: left;
	width: auto;
	height: auto;
}


/* position and dimensions of the navigator */
div.navi {
	position: absolute;
	right: 1px;
	bottom: 60px;
	width:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(all/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(all/up.png) no-repeat;
	cursor:pointer;
	font-size:1px;
	position: absolute;
	right: 5px;
	bottom: 30px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	background-image:url(all/none.png) !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(all/down.png);
	bottom: 10px;
}