/*
Theme Name: Speidel
Theme URI: http://alexkoehler.com
Description: Built on Thematic Theme</a>
Author: Alex Koehler
Author URI: http://alexkoehler.com
Template: thematic
Version: 1.0
.
All Rights Reserved
.
*/

/* Reset browser defaults */

@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/3c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/*        #1CAF40  #21759B */

body{
	background:#fff;
	text-align: center;
	color:#3c3c3c;
	font-family: "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	line-height: 18px;

	min-width:960px;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	clear: none;
}
h1 span{
	text-transform:none;
}
#wrapper{
	width: 100%;
	margin:0 auto;
	text-align: left;
	border:none;
}
#header {
	background:#fff;
	height:120px;
        margin: 40px 0 0 0;
z-index: 2;
}
#branding{
	width:960px;
	background:#fff;
        padding-bottom: 40px;
}
#blog-description{
	padding:0;
	margin:0;
	border:none;
	color:#3c3c3c;
padding-bottom: 40px;
}
#blog-title{
	/*background:url(images/logo.png) no-repeat;*/
	width:800px;
	height:48px;
	text-indent:0;
	padding:0;
	border:none;
        float:left;
}
#blog-title a{
	display:block;
	height:48px;
	font-size:60px;
	color:#21759B;
	font-family: "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-weight:normal;

}

/******************************************** menu */
#access {
	padding:0;
	background:none;
	border:none;
overflow:visible;
}
.menu{
	width:960px;
	border:none;
	margin:0 auto 0 auto;
	font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	color:#21759B;
	text-transform:uppercase;
	height:32px;
	background:url(images/800_menu_bg.png) no-repeat 0 6px;
overflow:visible;

}
.menu ul{
	padding:0;
	margin:0;
	float:none;
z-index: 9999;

	}
.menu ul li{
	height:32px;
	display:block;
	padding:0;
	float:left;
	border:none;
	background:none;
overflow: visible;

}
.menu ul li.pagenav {margin-left: 8px;}

.menu ul li a{
	/*background:#21759B;*/
	background:none;
	height:32px;
	padding:0 3px;
	margin:0 3px 0 5px;
	float:none;
	border:none;
	display:block;
	float:left;
	color:#fff;
	color:#21759B;
}
.menu ul li a:hover{
	/*background:#21759B;*/
	color:#fff;
}
.menu .current_page_item a {
    background: none;
    color:#fff;

}
.menu a {
/*background:#21759Bnone repeat scroll 0 0;
border-top:none;*/
	background:none;
	color:#21759B;
}
.menu a:focus {
	background:none;
    /*background:#21759B;*/
   /* color:#fff;
    border-color:#2772B3;*/
}

/*************************************** LOGO  */
#logo h1{
	display:none;
}

/*********************************************  MAIN CONTENT */
#main{
	background:#fff;
	padding:20px 0 20px 0;
	width:960px;
z-index: 1;
}
#container{
	width:740px;
	background:#fff;
	padding-right:10px;
	margin:0;
}
#content{
	padding:0;
}
/*********************************************************** post */
.post{
	border:none;
	/*border-bottom:1px solid #21759B;*/
	background:#fff;
	margin:0 0 12px 0;
	padding:0;
	width:740px;
	font-size:15px;
text-align: justify;
}
.entry-meta {
	color:#282828;
	font-size:11px;
}

.entry-meta a, 
.entry-utility a {
	color:#21759B;
	font-style:normal;
}

h1.entry-title, 
h2.entry-title{
	font-family: "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	text-transform:none;
	color:#21759B;
	font-size:28px;
	font-weight:normal;
}
h2.entry-title a{
	color:#21759B;
}
h2.entry-title a:hover{
	text-decoration:underline;
}
a.more-link{
	width:89px;
	height:22px;
	padding:2px 0 0 0;
	text-align:center;
	float:right;
}
a.more-link:hover{
	text-decoration:none;
	color:#21759B;
}
div.entry-utility{
	margin-top:0;
	clear:both;
	border:none;
	padding:0 0 5px 0;
	background:#fff;
display:none;
}
.hentry ol{
	list-style-position:inside;
}
.hentry ul{
	list-style-position:inside;
}
/*********************************************************** columns */
#primary{
	width:200px;
	float:left;
	margin:0 14px 0 0;
}
#secondary{
	width:200px;
	float:left;
        margin-top: 57px;
}
.aside ul.xoxo{
	list-style:none;
	padding:0;
}
.aside ul.xoxo li{
	padding:0;
	margin:0;
	background:#fff;
	border:none;	
}
.aside ul.xoxo li{
	margin-top:10px;
}
.aside ul.xoxo li h3{
	color:#21759B;
	background:#fff;
	height:22px;
	padding:0;
}
.aside ul.xoxo li#rss-links h3{
	color:#21759B;
	background:#fff;
	height:22px;
	padding:0;
}
.aside ul.xoxo li ul{
	list-style:none;
	padding:0 0 12px 0;
	margin:0;
}
.aside ul.xoxo li ul li{ 
	list-style:none;
	padding:0;
	margin:0;
	border:none;
	border-bottom:1px solid #ddd;
	text-transform:capitalize;
}
.aside ul.xoxo li ul li.recentcomments{
	padding:2px 0 2px 0;
	color:#21759B;
}
.aside ul.xoxo li ul li.recentcomments a{
	display:inline;
	color:#282828;
	text-decoration:none;
	border:none;
	padding:0;
}
.aside ul.xoxo li ul li.recentcomments a:hover{
	color:#000;
	text-decoration:underline;
	background:none;
}
.aside ul.xoxo li ul li a{
	background:#fff;
	display:block;
	padding:2px 2px 2px 0;
	color:#282828;
	text-decoration:none;
}
.aside ul.xoxo li ul li a:hover{
	color:#21759B;
	text-decoration:none;	
}
.aside ul.xoxo li ul li.cat-item a{
	display:block;
	color:#282828;
	text-decoration:none;
	text-transform:capitalize;
	padding-left:18px;
	background:url(images/folder-ico.gif) center left no-repeat #fff;
}
.aside ul.xoxo li ul li.cat-item a:hover{
	color:#21759B;	
}
/***************************************************************** Search */
li#search form div input#s{
	border:none;
	width:143px;
	background:#21759B;
}
input, 
textarea {
	font-family: "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	color:#282828; border: 1px solid #ddd; width: 500px; font-size: 14px;
}
.formcontainer input {
	padding-bottom:5px;
}
.form-submit input{
	padding:5px 2px;
}
#comment {
	background:#21759B;
	border:none;
	overflow:auto;
}

.form-input input, 
.form-submit input, 
#searchsubmit{
	border:none;
	background:#21759B;
	color:#fff;
}
li#search form div {
	padding:0;
	padding-top:2px;
}
.form-input input {
	padding:3px 0;
}
#subsidiary li#search form div input#s{
	border:none;
	width:213px;
	background:#fff;
	color:#282828;
}
#subsidiary #searchsubmit{
	border:none;
	background:#fff;
	color:#21759B;
}
/***************************************************************** Tag Cloud */
.aside ul.xoxo li#tag_cloud{
	padding:0;
}
.aside ul.xoxo li#tag_cloud h3{
	color:#da7f13;
	background:#fff;
	height:22px;
	padding:0;
	margin:0;
}
.aside ul.xoxo li#tag_cloud a{
	text-transform:capitalize;
}
/***************************************************************** Calendar */
#calendar{
	background:#fff;
	color:#282828;
	margin-top:-12px;
}
#calendar_wrap{
	padding:0;
	margin-top:0;	
}
#wp-calendar tr th, 
#wp-calendar tr td{
	padding:0 7px;
	margin:0;
	border:1px solid #ddd;
}
#wp-calendar tr td a{
	background:#21759B;
	color:#282828;
}
/*********************************************************** Comments */
#comments{
	border:none;
	background:#fff;
	padding:0px;
	margin:0;
}
#comments ol {
	padding:0 0 10px 0;
	margin:0 0 60px 0;
	width:510px; 
	border-bottom:1px solid #21759B;
}
#comments .comment-meta a{
	color:#21759B;
}
#comments .comment-author a{
	color:#21759B;
}
#comments h3{
	color:#21759B;
	font-size:20px;
	padding:0;
}
#comments li.comment{
	margin:0;
	margin-bottom:20px;
	border:none;
	background:#282828;
	color:#fff;
}
#comments li.alt{
	background:#ccc;
	color:#036;
}
#comments li.bypostauthor{
	background:#21759B;
	color:#282828;
}
#comments li.bypostauthor a{
	color:#fff;
}
#comments-list{
	margin:0;
	padding:0;
	border:none;
	width:510px;
}
#comments .fn {
	font-weight:normal;
}
#comments .comment-navigation {
border-top:none;
}
#respond{
	margin:0;
	border:none;
	background:#fff;
	color:#323232;
	padding:0;
	width:510px;
}
.fn {
	color:#fff;
}
#respond input, 
#respond textarea{
	font-family: "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	border:none;
}
#respond h3 {
	padding:0;
	margin:10px 0 0 0;
}
#respond #form-section-url{
	clear:both;
}
/***********************************************************  FOOTER  */
#footer{
	/*background:#21759B;*/
background:#fff;
	border:none;
	border-top:1px solid #ccc;
	min-height:100px;
	width:960px;
	padding:20px 0 0px 0;
	margin:0px auto;
	color:#3c3c3c;
}
#footer a{
	color:#3c3c3c;
}
#footer a:hover{
	color:#3c3c3c;
}
#subsidiary{
	width:960px;
	background:transparent;
}
#siteinfo{
	text-align:left;
	width:960px;
	color:#3c3c3c;
	padding:10px 0 20px 0;
	border-top:1px solid #fff;
}
#siteinfo a{
	color:#3c3c3c;
	text-transform:capitalize;
	font-style:normal;
}
#subsidiary .aside {
	background:transparent;
	width:300px;
	margin:0 13px 0 0;
}
#footer .aside ul.xoxo li ul li{	
	border-bottom:1px solid #ddd;
}
#footer .aside ul.xoxo li ul li a{
	background:transparent;
	display:block;
	padding:2px 2px 2px 0px;
	text-decoration:none;
	color:#036;
}
#footer .aside ul.xoxo li ul li a:hover{
	color:#ccc;
}
#footer .aside ul.xoxo li h3{
	color:#21759B;
	height:22px;
	padding:6px 0 0 0px;
	background:transparent;
}
#subsidiary #first li, 
#subsidiary #second li, 
#subsidiary #third li{
	background:#21759B;
}
#subsidiary #first, 
#subsidiary #second, 
#subsidiary #third {
	margin:0;
	padding:0;
}
#subsidiary #second {
	border:none;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	width:300px;
	padding:0 14px;
	min-height:200px;
	margin:0 15px 18px 15px;
}
.wp-caption p.wp-caption-text {
	font-size:10px;
}
.edit-link a {text-decoration: none; color: #21759B;}
.page_item .current_page_item a {background: #21759B;}

#homebody {min-height: 250px;}
#homebody a {color:#3c3c3c;}

#bp {float: left;width: 54px; height: 71px;background: url(images/bp_bw.png) no-repeat;margin:0 10px 0 0;}
#bp:hover {background: url(images/bp_hover.png) no-repeat;}
#kh {float: left;width: 52px; height: 71px;background: url(images/kh_bw.png) no-repeat;margin:0 10px 0 0;}
#kh:hover {background: url(images/kh_hover.png) no-repeat;}
#vhs {float: left;width: 105px; height: 71px;background: url(images/vhs_bw.png) no-repeat;margin:0 10px 0 0;}
#vhs:hover {background: url(images/vhs_hover.png) no-repeat;}
#sva {float: left;width: 50px; height: 71px;background: url(images/sva_bw.png) no-repeat;margin:0 10px 0 0;}
#sva:hover {background: url(images/sva_hover.png) no-repeat;}
#teaser {width: 960px; height: 188px;margin: 20px 0 0 0;}
#teaser_left {width:690px; height: 188px;float:left;background: url(images/800_teaser_left.png);}
#teaser_right {width: 270px; height: 188px; float:left; background: url(images/teaser_right.png) no-repeat;}
.teaser_right_text {list-style-type:none;font-size:16px; line-height:43px; margin: 5px 20px 0 25px;}

.entry-content {font-size: 15px;text-align: justify;}
.entry-content a:link {color:#21759B;}

/*--------------------------------------MENU-----------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	32px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.current_page_item{
	background: none;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		9999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
	padding: 		0 0 1em 0;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		0 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#21759B;
}
.sf-menu li {
	background:		none /*#BDD2FF*/;
}
.sf-menu li li {
	/*background:		#AABDE6;*/
	background:			#ddd;
width: 200px;
border: 1px solid #eee;
border-top: none;
}
.sf-menu li li li {
	background:		#ddd;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		none /*#CFDEFF*/;
	outline:		0;
}

.sf-menu li li:hover, .sf-menu li li.sfHover
{background: #ccc;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}



/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
#logo {float:left;/*width:35px;height:35px;*/margin: 8px 0 0 0; padding: 0 5px 0 0;}
#logo img {/*height:30px;width:30px;*/}
.entry-content img {background: #f7f7f7; padding: 5px; border: 1px solid #ddd;}


