/*
Theme Name: Klele
Version: 1.0
*/

html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background-color: #d0d4b0;
	background-image: url(images/pagebg.png);
	background-repeat: repeat-x;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.container {
	width: 980px;
	margin: 0 auto;
	background-image: url(images/tablebg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #efecd1;
}
.container td {
	vertical-align: top;
}
	.container .r {
		width: 40px;
		background-image: url(images/tableshadow-r.png);
		background-position: right;
		background-repeat: repeat-y;
	}
	.container .l {
		width: 40px;
		background-image: url(images/tableshadow-l.png);
		background-position: left;
		background-repeat: repeat-y;
	}
	.container .header {
		height: 366px;
		vertical-align: bottom;
		z-index: 1;
	}
		.container .header .headerdiv {
			width: 900px;
			height: 366px;
			position: relative;
		}
			.container .header .headerdiv .banner {
				width: 879px;
				height: 238px;
				background-image: url(images/banners/bannerbg.jpg);
				background-repeat: no-repeat;
				position: absolute;
				bottom: 0;
				left: 10px;
			}
		.container .header .headerdiv ul.nav {
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 100px;
			width: 840px;
			z-index: 10;
		}
			.container .header .headerdiv ul.nav li {
				display: inline;
			}
				.container .header .headerdiv ul.nav li a {
					color: #ffffff;
					font-size: 14px;
					text-decoration: none;
					margin-left: 8px;
					margin-right: 8px;
					font-weight: bold;
					text-transform: uppercase;
				}
					.container .header .headerdiv ul.subnav li a {
						color: #000000;
					}
		.container .header .headerdiv .logo {
			width: 385px;
			height: 38px;
			background-image: url(images/logo.png);
			position: absolute;
			top: 20px;
			left: 0;
		}
		.container .header .headerdiv span.address {
			position: absolute;
			top: 10px;
			right: 0;
			text-align: right;
			font-size: 14px;
			line-height: 16px;
			font-weight: bold;
			color: #535353;
		}
.container .footer {
	padding-top: 8px;
	padding-bottom: 4px;
	background-image: url(images/footbg.png);
}
	.container .footer ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		.container .footer ul li {
			display: inline;
		}
			.container .footer ul li a {
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;
				padding-left: 6px;
				padding-right: 6px;
			}

#sidebar {
	float: right;
	width: 190px;
	background-image: url(images/sidebarbg.jpg);
	background-repeat: repeat-y;
	margin-bottom: 24px;
	padding-bottom: 12px;
	margin-right: 24px;
	margin-left: 24px;
}
	#sidebar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		#sidebar ul h2 {
			height: 30px;
			background-image: url(images/sidebarhead.jpg);
			background-repeat: no-repeat;
			margin-top: 0;
			margin-bottom: 10px;
		}
	#sidebar ul li {
		
	}
	#sidebar ul li a {
		color: #ffffff;
		padding-left: 12px;
		text-decoration: none;
		line-height: 18px;
	}
.entry {
	color: #223f4f;
}
.entry p {
	text-align: justify;
}

.footer ul.nav {
	width: 680px;
	margin: 0 auto;
}

.footer .foottext {
	color: #ffffff;
	text-align: center;
}
	.footer .foottext a {
		color: #ffffff;
		text-decoration: none;
	}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#fade-example-2 li {
	background-color: #FFF;
	visibility: hidden;
}
#fade-example-2 li img {
	display: block;
}
.caption {
	clear: both;
	padding: 1em;
	background-color: #FFF;
}
.example {
	position: relative;
	background-color:#F2F2F2;
	padding:1em;
	margin-bottom: 1em;
	width: 520px;
	height: 520px;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
.ajax {

}

.anchorfix {
	color: #039;
}

.mapframe {
	position: absolute;
	top: 35px;
	right: 14px;
}

.entry {
	position: relative;
}

.vidgallery {
	width: 100%;
	text-align: center;
	}

.vidthumbframe {
	position: relative;
	width: 164px;
	height: 140px;
	display: inline-block;
	background-color: #eee;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-decoration: none;
	}
	.vidthumbframe img {
		position: absolute;
		left: 2px;
		top: 2px;
		border: 0;
		}
	.vidthumbframe .desc {
		position: absolute;
		left: 6px;
		bottom: 0px;
		font-size: 10px;
		color: #0066ff;
		text-decoration: none;
		font-weight: bold;
		}
a.vidlink {
	position: absolute;
	top: 30px;
	right: 250px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #123550;
}

.narrowcolumn .post {
	width: 660px;
	position: relative;
	left: 0;
	top: 0;
}

h3 a {
	text-decoration: none;
	font-size: 14px;
	color: #123550;
}

.content-text {
	vertical-align: top;
}

.stafftable h1 {
	font-size: 14px;
	margin-top: 0;
	padding-top: 0;
}
.vlogo {
	background-image: url(images/vlogo.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 26px;
}