/*
Theme Name: Ko'olau Ballroom	
Theme URI: http://www.koolauballrooms.com/
Description: Ko'olau Ballrooms Template
Version: 1.0
Author: Entheos-i and EntheosIT

Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	margin:0px;
	background:url(images/kb_01.jpg) no-repeat;
	}

#page{
	width:720px;
	margin-left:30px;
	}
.logo{
	margin-top:20px;
	margin-bottom:4px;
	height:54px;
	width:144px;
	float:left;
	position: relative;
	z-index: 5;
	left: -9px;
}
.logo img{
border:0px;
}
.top_links{
float:right;
}
.tlinks{
margin-top:52px;
}
.tlinks select{
font-size:11px;
font-family:Helvetica,Arial;
}
.tlinks a{
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-family:Helvetica,Arial;
}
.tlinks a:hover{
text-decoration:underline;
}
.date{
margin-top:3px;
font-family:helvetica,arial,verdana;
text-align:right;
font-size:10px;
font-weight:bold;
}


.side_bar{
width:150px;
}
.center_content{
padding-left:7px;
width:567px;
}
.side_nav{
padding:5px 0px;
border: solid 1px #666666;
width:150px;
background:#FFFFFF;
}
.side_a{
display:block;
padding:5px 5px 5px 32px;
background:url(images/a.jpg) no-repeat  center left;
font-size:11px;
color:#333333;
text-decoration:none;
}
.side_a:hover{
background:url(images/a2.jpg) no-repeat #00693e center left;
color:#FFFFFF;
}
.book_form{
border: solid 1px #FFFFFF;
margin-top:5px;
width:150px;
background:#00693e;
}
form{
margin:0px;
}
.bf_header{
padding:15px 10px 3px 10px;
font-weight:bold;
color:#FFFFFF;
background:#014528;
}
.s_content{
padding:10px;
color:#FFFFFF;
}
.s_content_contact{
padding:5px 10px;
line-height:18px;
color:#FFFFFF;
}
.s_content .textfield{
font-size:11px;
width:125px;
margin-bottom:6px;
}
.button{
font-family:helvetica;
font-weight:bold;
font-size:11px;
width:51px;
height:18px;
color:#014428;
background:url(images/button.jpg) no-repeat bottom;
border:0px;
padding-bottom:5px;
}

/*    d content     */
.black_line{
padding:3px;
background:#000000;
}
.the_content{
background:#FFFFFF;
}
.flash{
}
.text{
padding-left:10px;
font-size:11px;
line-height:17px;
background:#FFFFFF;
border-bottom:#FFFFFF solid 1px;
}
.content{

width:562px;
}

.footer{
margin-top:8px;
font-size:10px;
text-align:center;
}
.top_img{
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
.c_tbl{
height:580px;
background:#FFFFFF;
}
.content_text{
padding:3px 10px;
}
.content_nav{
font-family:Helvetica;
font-weight:bold;
font-size:9px;
}
.master_link{
color:#00693e;
}
.content_nav a{
color:#333333;
}
.content_nav a:hover{
color:#00693e;
text-decoration:none;
}
.post{
font-family:Helvetica, Arial;
}
.post_title{
color:#00693e;
font-weight:bold;
font-size:18px;
margin-top:15px;
}

.entry2{
margin-top:10px;
line-height:18px;
font-size:11px;
}
.entry2 a{
color:#000000;
}
.entry2 a:hover{
text-decoration:none;
}
.entry{
line-height:18px;
}
.staff{
line-height:13px;
}
.entry a{
color:#000000;
}
.staff td{
vertical-align:top;
padding-bottom:10px;
width:26%;
}
.content_nav{
line-height:15PX;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.entry img, entry2 img{
border:0px;
}

input, textarea, select{
font-size:11px;
}
.b2{
background:url(images/b2.jpg) no-repeat;
width:87px;
height:17px;
border:none;
font-size:10px;
}
/* End Images */
/*
Menu
*/
#dropmenudiv{
padding:5px 0px;
width:150px;
position:absolute;
border:1px solid #CCCCCC;
border-bottom-width: 1;
font:normal 12px Arial;
z-index:100;
text-align:left;
margin:-25px 0px 0px 149px;

}

#dropmenudiv a{
display:block;
padding:5px 5px 5px 32px;
background:url(images/a.jpg) no-repeat  center left #FFFFFF;
font-size:11px;
color:#333333;
text-decoration:none;
}

#dropmenudiv a:hover{ /*hover background color*/
background:url(images/a2.jpg) no-repeat #00693e center left;
color:#FFFFFF;
}

.post_date{
color:#2e7456;
}
.in_home a{
color:#FFFFFF;
text-decoration:none;
}
.in_home a:hover{
text-decoration:underline;
}