/*
Theme Name: My Kids Stuff
Theme URI: 
Description: Modified default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1
Author: Cardwell Creative
Author URI: 
*/



/* Meyer Resets v1.0 | 20080212
---------------------------------------------------------------------------- */	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* Structure
---------------------------------------------------------------------------- */
body {
	background-color: #003;
	background: #003 url('images/bg-body.jpg') repeat-x top left;
}
#header {
	width: 100%;
	height: 170px;
	background: #fff url('images/bg-header.jpg') repeat-x top left;
}
#logo {
	width:266px;
	height:170px;
	margin-left: 40px;
	background: #fff url('images/bg-logo.jpg') no-repeat top left;
}
#content-top-bg {
	height: 15px;
	background: url('images/bg-nav.png') repeat-x top left;
}
#content {
	width: 830px;
	margin-left: 57px;
	position: relative;
	top: -15px;
	background: #fff url('images/bg-content.gif') repeat-y top left;
}
#main {
	width: 500px;
	margin: 35px 75px 20px 50px;
	float: left;
}
#sidebar {
	width: 185px;
	margin: 0 0 20px 0;
	float: left;
}



/* nav
---------------------------------------------------------------------------- */
#nav {
	width: 100%;
	float: left;
	background-color: #9cf;
	font-size: 15px;
	font-weight: bold;
}
#nav ul {
	min-width: 887px;
	margin-left: 40px;
}
#nav li { 
	float: left; 
}
#nav li a {
	display: block;
	padding: 12px 18px;
	color: #fff; 
 	text-decoration: none; 
	background-color: #9cf;
}
#nav a:hover,
#nav li.current_page_item a,
body.blog #nav li.page-item-20 a,
#nav li.current-cat a { 
	background-color: #036; 
}
#nav-bottom {
	width: 100%;
	height: 15px;
	background: url('images/bg-nav.png') repeat-x top left;
}





/* Home
---------------------------------------------------------------------------- */
#content.home #main {
	width: 600px;
	margin: 35px 23px 0 0;
	float: left;
}
#content.home #main .main-indent {
	width: 500px;
	margin: 0 0 20px 50px;
}
#content.home #sidebar.sidebar-page {
	width: 185px;
	margin: 0 0 20px 0;
	float: left;
}

#content.home #main .main-twocol-indent {
	width: 500px;
	padding: 25px 50px 20px 50px;
	background-color: #def;
	float: left;
}
#main .twocol-bg {
	background: url('images/bg-twocol.gif') repeat-y top left;
	float:left;
}
#main .twocol {
	width: 240px;
	float: left;
}
#main .twocol.first {
	margin-right: 20px;
}

#main .twocol.first p {
	margin-left: 10px;
}

.home #main h2.location-hdr,
.home #main h2.events-hdr {
	margin: 0 0 5px 0;
	padding: 8px 10px;
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
.home #main h2.location-hdr {
	background-color: #369;
}
.home #main h2.events-hdr {
	background-color: #c66;
}
.home #main ul.ec3_events {
	list-style: disc;
	margin: 10px 0 0 30px;
	color: #06c;
}
.home #main ul.ec3_events li {
	margin-bottom: 10px;
}

#content.home #main h1 {
margin-top: 14px;
}


/* Posts
---------------------------------------------------------------------------- */
h2.pagetitle {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 8px solid #c33;
	font-size: 24px;
}

.post {
	margin: 0 0 40px 0;
}
.post h2,
.post h3 {
	font-size: 20px;
	margin: 0 0 5px 0;
	color: #c33;
}
.post h3 {
	font-size: 15px;
}
.post h2 a:link { color: #c33; text-decoration: none; }
.post h2 a:visited { color: #c33; text-decoration: none; }
.post h2 a:hover { color: #a00; text-decoration: none; }

.post h3 a:link { color: #c33; text-decoration: none; }
.post h3 a:visited { color: #c33; text-decoration: none; }
.post h3 a:hover { color: #a00; text-decoration: none; }

.post small {
	display: block;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid #ccc;
	font-size: 11px;
	color: #555;
}	
p.postmetadata {
	margin-top: 20px;
	padding: 12px;
	background-color: #fdd;
	text-align: center;
	line-height: 1;
clear: both;
}

#main .post img {
	border: 4px solid #630;
	margin-bottom: 0px;
}
p.wp-caption-text {
	line-height: 1.2;
	margin-bottom: 10px;
	margin-right: 2px; /* fix wordpress width calculation */
	padding: 10px 10px 10px 12px;
	background-color: #ddd;
	color: #730;
}

#main .post .wp-caption.alignleft {
	float: left;
	margin: 0 20px 5px 0;
	position: relative;
	top: 5px;
}
#main .post .wp-caption.alignright {
	float: right;
	margin: 0 0 5px 20px;
	position: relative;
	top: 5px;	
}

#main .navigation {
	display: block;
	height: 15px;
	margin-bottom: 45px;
	text-align: center;
}
#main .navigation .alignleft {
	float: left;
}
#main .navigation .alignright {
	float: right;
}


.post .postmetadata.alt small {
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-style: none;
	font-size: 11px;
	color: #555;
	line-height: 1.2;
}

#main .commentlist li {
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#main .commentlist img.avatar {
	float: left;
	margin: 0 10px 10px 0;
	border-style: none;
	position: relative;
	top: 5px;
}
#respond {
	margin-top: 15px;
}


#main .post ul {
	margin: 0 0 10px 10px;
	padding-left: 5px;
	list-style: disc;
}
#main .post li {
	padding-bottom: 5px;
}


/* Contact page
---------------------------------------------------------------------------- */

p.form-info {
	padding-bottom: 10px;
	border-bottom: 2px solid #ccc;
}
.ddfmwrap {
	font-family: "Trebuchet MS",Verdana, Helvetica, Arial, Geneva, sans-serif;
}
.required {
	color: #c66;
}
#main form.ddfm label {
	display: block;
}
#main form.ddfm .fieldwrap input,
#main form.ddfm textarea {
	width: 300px;
}
#main form.ddfm input.fmverify {
	width: 75px;
	margin-right: 5px;
}
#main .ddfm img {
	border-style: none;
	margin-bottom: 0;
}
#main .ddfm img,
#main .ddfm label.fmverify {
	vertical-align: middle;
}
#main form.ddfm .submit {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 2px solid #ccc;
}

#main .ddfmerrors {
	font-weight: bold; color: red;
}

#main .errorlist {
color: red;
}

/* Sidebar
---------------------------------------------------------------------------- */
#searchsubmit {
	margin: 5px 0 25px 0;
}
#sidebar h2 {
	margin: 0 0 5px 0;
	padding: 8px 10px;
	background-color: #c66;
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
#sidebar h2.meta-sidebar {
	margin: 0 0 5px 0;
	padding: 0;
	background-color: transparent;
	font-size: 15px;
	color: #999;
}
#sidebar ul.meta-sidebar {
	list-style: disc;
	margin-left: 20px;
	color: #ccc;
	font-size: 11px;
}
#sidebar ul.meta-sidebar li {
	margin-bottom: 3px;
}
#sidebar .meta-sidebar a:link { color: #ccc; text-decoration: underline; }
#sidebar .meta-sidebar a:visited { color: #ccc; text-decoration: underline; }
#sidebar .meta-sidebar a:hover { color: #eee; text-decoration: underline; }

#sidebar li.banner-ad,
#sidebar ul.blogroll {
	margin-bottom: 20px;
}


.sidebar-page ul.blogroll, 
.sidebar-blog ul ul {
	padding: 10px 10px 0 10px;
	margin: 0 0 25px 0;
	background-color: #fff;
	list-style: disc;
}
.sidebar-page ul.blogroll li,
.sidebar-blog ul ul li {
	padding-bottom: 10px;
	margin-left: 15px;
	color: #06c;
}


/* Sidebar - Event Calendar
---------------------------------------------------------------------------- */
#wp-calendar {
	empty-cells: show;
	margin: 0 auto;
	width: 155px;
}
#wp-calendar a {
	display: block;
	text-decoration: none;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar td {
	text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; 
}	
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}	


#cal-box {
	background-color: #fff;
	padding: 10px;
	margin: 0 0 25px 0;
}
#wp-calendar caption {
	width: 100%;
	margin-bottom: 8px;
	text-transform: uppercase;
	text-align: center;
}
#wp-calendar table.nav {
	margin-top: 5px;
}


#sidebar #wp-calendar table td,
#sidebar #wp-calendar table td.pad:hover,
#sidebar #wp-calendar table.nav tr td {
 padding:3px 0;
 border:none;
}
#sidebar #wp-calendar table #today {
 padding:3px 0;
 border:solid 1px #999;
}
#sidebar #wp-calendar table td:hover {
	background-color: #eee;
}
#sidebar #wp-calendar table.nav td:hover {
	background-color: transparent;
}



/* Footer
---------------------------------------------------------------------------- */
#footer {
	background: url('images/bg-footer.gif') repeat-y top left;
}
#footer-top {
	width: 830px;
	height: 1px;
	background: url('images/bg-footer-top.gif') no-repeat top left;
}
#footer p {
	margin: 0 230px 0 0;
	padding: 5px 0;
	text-align: center;
	color: #777;
	font-size: 12px;
}
#footer a:link { color: #777; text-decoration: underline; }
#footer a:visited { color: #777; text-decoration: underline; }
#footer a:hover { color: #555; text-decoration: underline; }




/* Type
---------------------------------------------------------------------------- */
body {
	font-size: 13px;
	font-family: "Trebuchet MS",Verdana, Helvetica, Arial, Geneva, sans-serif;
	color: #333;
	line-height: 1.2;
}
h1 {
	font-size: 20px;
	margin: 0 0 5px 0;
	color: #c33;
}
h2 {
	font-size: 15px;
	margin: 0 0 5px 0;
	color: #c33;
}
p {
	line-height: 1.8;
	margin-bottom: 10px;
}
	
a:link { color: #06c; text-decoration: none; }
a:visited { color: #06c; text-decoration: none; }
a:hover { color: #036; text-decoration: none; }


em { font-style: italic; }
b, strong { font-weight: bold; }
.superscript { font-size: 60%; line-height:1; vertical-align:top;}



/* General
---------------------------------------------------------------------------- */
.hide {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
}

.hr-post {
	height: 2px;
	margin: 15px 0;
	background-color: #ccc;
}

.clear { clear: both; }

.ntm { margin-top: 0; }
.nbm { margin-bottom: 0; }

#main img {
	border: 4px solid #630;
	margin-bottom: 20px;
}
#main img.button {
	border-style: none;
}