/*
Theme Name: Minnehaha Kendo Dojo 2009
Theme URI: http://minnehahakendo.org/
Description: Minnehahah Kendo Dojo 2009 website based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.  Need Event calendar to work.
Version: 1.0
Author: Mon Lu
Author URI: http://mludesign.com/
Tags: Custom homepage, fixed width, two columns, no widgets

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

	This theme was designed and built by Mon Lu
	whose blog you will find at http://mludesign.com/

	The theme, CSS, XHTML and design is for use of Minnehaha Kendo Dojo ONLY.
	All rights to reserved to Minnehaha Kendo Dojo and the author Mon Lu.

*/

body{ 
	background: #efefee url(images/mainbg-top.jpg) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	width: 850px;
	margin: 0 auto;
}

#search-bar{
	float: right;
	height: 38px;
	margin-top: 50px;
	width: 255px;
	margin-bottom: 5px;
	margin-right: 10px;
}

#feed{ float: left; }

input.srch-field{
	border: none;
	background: #c8c8c8;
	font-size: 11px;
	padding: 3px 4px;
	margin: 8px 0 0 8px;
	width: 12em;
	float: left;
	color: #484848;
}
input.srch-btn{ width: 4.9em; background: #efefef; color: #333; display: block; float: right; font-size: 11px; font-weight: bold; margin: 7px 0 0 0; }

#header{
	clear: both;
	height: 333px;
	background: #efefee url(images/header.jpg) no-repeat top;
	margin: 0;
	padding: 0;
}

#menu-bar{
	height: 62px;
	margin: 276px 0 0 0;
	padding: 0;
	float: left;
}

ul#menu-items{
	font-size: 1.2em;
	margin-top: 12px;
	width: 500px;
	float: left;
}
ul#menu-items li{
	display: inline;
	list-style: none;
	height: 22px;
}
ul#menu-items li span{ display: none; }
ul#menu-items a{ height: 22px; display: block; float: left; }

a.menu-home{
	width: 52px;
	background: #35393e url(images/menu-home.jpg) no-repeat;
}
a.menu-about{
	width: 60px;
	background: #35393d url(images/menu-about.jpg) no-repeat;
}
a.menu-info{
	width: 106px;
	background: #35393d url(images/menu-info.jpg) no-repeat;
}
a.menu-resources{
	width: 84px;
	background: #35393d url(images/menu-resources.jpg) no-repeat;
}
a.menu-photos{
	width: 66px;
	background: #35393d url(images/menu-photos.jpg) no-repeat;
}
a.menu-contact{
	width: 69px;
	background: #35393d url(images/menu-contact.jpg) no-repeat;
}

#logo{ float: right; margin: 14px 25px 0 0; }

/************* BEGINNING HOMEPAGE BODY SECTION *******************/

#container{ margin-top: 10px; font-size: 1.2em; margin-left: 3px; }
#container p{ font-size: 1.05em; }
#container a{ color: #15363f; text-decoration: underline; } #container a:hover{ text-decoration: none; }

#content img.bordered{ display: block; border: 5px solid #dddddd; }

#news{ 
	float: left; 
	display: block;
	height: 251px;
	width: 497px;
	background: url(images/news-bg.jpg) no-repeat;
}
#news h3{ color: #533217; margin: 10px; padding: 0; }
#news p{ margin: 10px 10px; padding: 0; color: #333333; }


#info{
	float: left;
	display: block;
	width: 342px;
	height: 251px;
	background: url(images/info-bg.jpg) no-repeat;
	margin-left: 5px;
	margin-top: 2px;
}

#info h3{ color: #0f1a1d; margin: 10px; padding: 0; }
#info p{ margin: 10px 10px; padding: 0; color: #ffffff; }

/*********************** BOTTOM PART OF THE HOMEPAGE **************/
#bottom-top{ height: 25px; display: block; background: url(images/bottom-topborder.jpg) no-repeat top center; color: #333333; }

#bottom-container{ font-size: .9em; height: 210px; display: block; }
#bottom-container h4{ font-size: 16px; margin: 10px 10px 10px 10px; padding: 0; }
#bottom-container p{ font-size: 1.05em; }
#bottom-container a, #footer a{ color: #533217; text-decoration: underline; } #bottom-container a:hover, #footer a:hover{ text-decoration: none; }

#bottom-container ul{ margin: 8px 8px 8px 15px; padding:0;}
#bottom-container li{ list-style: none;  background: url(images/bullet2.gif) top left no-repeat; padding: 0 8px 3px 18px }

#updates, #events{ float: left; width: 265px; height: 205px; display: block; background: url(images/bottom-verticle-border.jpg) right center no-repeat; margin: 0 5px 0 10px;}

#meta{ width: 265px; float: left; height: 205px; display: block; margin: 0 10px; }
#meta p{ margin-left: 25px; }

#bottom-bottom{ clear: both; height: 10px; display: block; background: url(images/bottom-bottomborder.jpg) no-repeat bottom center; color: #333333; margin: 10px auto; }

/************************* FOOTER *******************************/

#footer{ clear: both; height: 254px; background: #efefee url(images/mainbg-bottom.jpg) bottom center no-repeat; display: block; width: 1100px; margin-left: 10px;}
#footer p{ font-size: 10px; }

/************* GENERIC WORDPRESS BODY SECTIONS *******************/

.widecolumn{ }

.narrowcolumn{ width: 550px; float: left; padding: 8px; min-height: 600px; }
.narrowcolumn h2{ margin: 0 0 8px 0; }

/******************* SIDEBAR ********************/
#side-top{ width: 225px; height: 20px; margin: 0 8px 0px 0; background: transparent url(images/rnav-top.jpg) bottom no-repeat; display: block; float: right; }

#sidebar{ width: 225px; float: right; margin-right: 8px; background: transparent url(images/rnav-bg.jpg) center repeat-y; }
#sidebar p{ margin: 8px 10px 8px 30px; padding:0;}
#sidebar ul{ margin: 8px 5px 8px 35px; padding:0;}
#sidebar li{ list-style: none;  background: url(images/bullet2.gif) top left no-repeat; padding: 0 8px 3px 18px }
#sidebar ul li ul{ margin: 8px 3px 3px 0px; padding: 0; }

#sidebar h2{ font-family: 'Trebuchet MS', serif; font-weight: bold; font-size: 1.6em; padding: 0; margin: 8px 5px 8px 30px; }

#side-bottom{ width: 224px; height: 18px; margin:0 8px 15px 0; background: transparent url(images/rnav-bottom.jpg) top center no-repeat; display: block; float: right; }
.postform{
	margin-left: 35px;
	width: 165px;
}

/************* GENERIC TYPOGRAPHY ********************************/

h1, h2, h3, h4{ font-family: 'Trebuchet MS', serif; color: #333333; }

h2{ font-size: 1.8em; }
h3{ font-size: 1.5em; }
p{ color: #333333; }
pre, blockquote{font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 5px; background: #cecece; border: 1px solid #b4b4b4;}

#content ul, #bottom-container ul{ margin: 10px 10px 10px 20px; padding:0;}
#content li, #bottom-container li{ list-style: none;  background: url(images/bullet.gif) top left no-repeat; padding: 0 8px 8px 20px }

.divider{ clear: both; background: url(images/divider.jpg) no-repeat center; height: 13px; margin: 10px auto; display: block; padding: 0; }

.post-meta{ }


/************* FORM ****************/

div#contactForm{ border: thin dotted #666; border-left: none; border-right: none; padding: 8px 10px; margin: 10px 8px; }
#contactForm p{ font-size: 9pt; font-family: 'Trebuchet MS', serif; clear: both; }

#contactForm label{ width: 25%; float: left; }
#contactForm input, #contactForm select{ color: #333; font-size: small; }
#contactForm input.txt, #contactForm textarea{ background: #fff; padding: 2px 4px; border: 1px solid #ddd; }
#contactForm select.dd{ background: #fff; padding: 2px 0px; border: 1px solid #ddd; }
#contactForm textarea{ width: 450px; height: 125px; overflow: auto;}