/*
Theme Name:KlingbergNEWS
Theme URI: http://billkracke.com/
Description: Custom theme for Klingberg Family Centers
Author: Bill Kracke
Author URI: http://billkracke.com/
Template: bkbaseline
Version: 1.0
.

 * COLORS
	#185b85 -- Dk Blue
	#850037 -- Maroon
	#
	
	
LAST MOD: 10:07 AM 3/17/2010
 */

 
/* RESET -----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td
	{
	margin:0;
	padding:0;
	}
	
table
	{
	border-collapse:collapse;
	border-spacing:0;
	}		

fieldset,img
	{
	border:0;
	}		

caption,th
	{
	text-align:left;
	}		
		
h1,h2,h3,h4,h5,h6
	{
	font-size:100%;
	font-weight:normal;
	}

q:before,q:after
	{
	content:'';
	}		

abbr,acronym
	{
	border:0;
	border-bottom: 1px dotted;
	}
	
/* GOLBAL ---------------------------------------------- */
html
	{
	font-size:100.01%;
	min-height:101%;
	}
	
body
	{
	font-size:62.5%; /* gives us the 10px magic */
	}

/* BASE --------------------------------------------- */
body
	{
	background-color: #185b85;
	color: #333;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	line-height: 1.4;
	}

h1, h2, h3, h4, h5, h6
	{
	color: #850037;
	font-family: Cambria, Georgia, Times, "Times New Roman", serif;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;	
	letter-spacing:0;
	line-height: 1.25;
	word-spacing:0;
	text-transform: none;
	}



/* set default text size */
.content, p
	{
	font-size: 1.4em;
	line-height: 1.4;
	margin: 1em 0;
	}

h1, body.home h2	{font-size: 3.2em; letter-spacing: -.05em;font-variant:normal;}
h2, body.home h3, #sub_two h4	{font-size: 2.2em; letter-spacing: -.05em; color:#185b85;font-variant:small-caps;}
h3	{font-size: 2em}
h4	{font-size: 1.8em;}
h5	{font-size: 1.6em; }
h6	{font-size: 100%; font-variant: small-caps;}
	
pre, code
	{
	font-family: Consolas, "Lucida Console", Monaco, monospace; font-size: inherit;
	}

blockquote
	{
	}

hr
	{
	}

.content ol
	{list-style:decimal outside;margin: 10px;}

.content ul
	{list-style:square outside; margin: 10px;}


	
/* LINKS -------------------------------------------- */
a {text-decoration: underline;}
a:link {color:#009;font-weight:bold;}
a:visited {color: #336; text-decoration: none;}
a:hover {color:#900;text-decoration:underline;}
a:active {}

h1  a:link, h2  a:link, h3  a:link, h4  a:link,
h1  a:visited, h2  a:visited, h3  a:visited, h4  a:visited
 {color:#850037;text-decoration:none;}
	
/* STRUCTURE -------------------------------------- */
#wrapper
	{
	background-color: #fff;
	border: 2px solid #333;
	border-top:0;
	margin: 0 auto 2px;
	overflow:hidden;
	padding:0;
	position:relative;
	width: 96em;
	}

#branding {
	height: 150px;
	background: #cca url(images/headerbg.jpg) top center;
	margin:0;
	padding:0;
	}
	
	#branding img {
		margin: 10px 10px 0 30px;
		float:left;
		}
	
	#blog-title {
		padding-top: 30px;
		display:block;
		}
	#blog-title *{
		color:#000;
		font-family: Garamond, Georgia, "Times New Roman", serif;
		font-weight:normal;
		font-size: 50px;
		letter-spacing: -2px;
		margin-bottom:0;
		line-height: 1;
		font-variant:small-caps;
		text-decoration:none;
		}
		
	#tagline {
		font-size: 12px;
		font-style: normal;
		font-weight:bold;
		color:#ffc;
		margin:0;
		padding:3px 300px 3px 10px;
		background: url(images/tagline.png) repeat-y right;
		}
div.navigation {}
#main {
	width: 700px;
	float:left;
	}
	.post { }
	.postmeta {}
#postnavigation {}
#sub_one {
	float:right;
	width: 200px;
	margin-right:30px;
	}
	#sub_one ul {
		list-style:none;
		}
#sub_two {
	margin-top: 30px;
	}
	#sub_two h4 {
		margin: 5px 0;
	}
	

#sub_three {}
#footer {
	clear:both;
	padding-bottom:15px;
	}
	#footer p {
	font-size: 11px;
	font-weight:normal;
	text-align:center;
	color:#666;
	line-height:1.1;
	margin:0 0 2px;
	padding:0;
	
	}
/* CLASSES ------------------------------------------ */
.alignleft {float:left;}
.alignright {float:right;}
.clear {clear:both;}
.hideme {diplay:none; visibility:hidden;}
.findme {background:#cff;border:1px solid red;}

.content {}
.sidebar {}
.widget {}
.message {}
.error {}

.post {
	margin: 10px 0 60px 165px;
	position:relative;
	border-left: 2px solid #ccc;
	padding-left:15px;
	}
	.post h1, .home .post h2, .category .post h2 {
		position:relative;
		left:-150px;
		background-color: #fff;
                clear:both;
		}
	.post .meta_home {
		width:150px;
		clear:both;
		text-align:right;
		display:block;
		margin-left:-180px;
		float:left;
	}
	div.post p.meta_home, div.post p.meta_home * {
		font-size:10px;
		color: #666;
		font-style:italic;
		font-weight: normal;
		text-decoration:none;
		}

div.postmeta * {
	font-size:11px;
	color: #666;
	}

.archive-title {
	margin-left:30px;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color: #666;
	}
.readmore {
	font-size: 12px;
	font-weight:bold;
        clear:both;
	}

.calendar {
margin:0 0 0 30px;
}

.post img {
	background-color:#ccc;
	padding:1px;
	border:1px solid #999;
	margin: 0;
	}
	
/* p[style] {display:none;} */

/* SIDEBAR CLASSES */

.widget {
	margin-bottom: 15px;
	}

.widget ul, .widget form {
	padding: 5px 15px;
	font-size:12px;
	border:1px solid #333;
	}
.simple_sidenav ul {
	list-style:none;
	border:none;
	padding:0;
	}

ul#events-calendar-list li {margin-bottom:10px;}
.simple_sidenav li {

	}
.simple_sidenav li a, .widget h2.widgettitle {
		background-color: #185b85;
	border: 1px solid #333;
	border-top: 1px solid #aaa;
	border-left: 1px solid #999;
	font-size: 14px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	letter-spacing: -.05em;
	padding: 1px 0 2px 15px;
	color:#fff;
	text-decoration: none;
	display:block;
	}

	.widget h2.widgettitle {
		border: 1px solid #333;
		}
.simple_sidenav li a:hover {
	background-color: #035;
	border: 1px solid #333;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #999;
	color:#fff;
	text-decoration: none;
	display:block;
	}

.simple_sidenav li a:active {
	background-color: #850037;
	}
	
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 4px 0 0;
	padding: 0;
	border: 0 none;
	text-align:center;
	
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 4px 5px;
	margin: 0;
	text-align:center;
}
	
/* IDS and EXCEPTION ---------------------------------------- */



		


/*TABS */

/* Skin */
ul.tabs {
    list-style: none;
    margin: 0 30px;
    padding: 0 0 0 4px;
	overflow:hidden;
}

.tabs li {
    float: left;
}
.tabs a {
    display: block;
    padding: 2px 20px;
	margin-right:25px;
}
.tabs a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    color: #666;
    font-weight: bold;
	font-size:16px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	    position: relative;
    top: 1px;
}
.tabs a.selected  {
    z-index: 2;
    color: #fff;
	background-color: #185b85; 
}



.archivelink {
     background-color: #185b85;
     padding: 10px 20px;
     position:relative;
     left: 165px;
width:400px;
display:block;
     }
   .archivelink a {color: #fff; font-weight:bold; font-size:115%;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}