/*

Theme Name: Kaleidoskop

Theme URI: http://wordpress.org/extend/themes/twentyeleven

Author: Janine

Template: twentyeleven

Author URI: http://wordpress.org/

Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.

Version: 1.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentyeleven

*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url("../twentyeleven/style.css");


body {
	background: #b6b5ab;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding:0;
}

body.custom-background {
    background-attachment: fixed;
    background-color: #B5B5AB;
    background-image: url("http://www.kaleidoskop.jena.de/wp-content/uploads/2012/09/bg2.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
}

strong {
	font-weight: 600;
	color: #666;
}
a:link { color: #4c8315;
	text-decoration: none;
	}
	
	a:focus, a:active, a:hover {
	-moz-text-blink: none;
	-moz-text-decoration-color: -moz-use-text-color;
	-moz-text-decoration-line: underline;
	-moz-text-decoration-style: solid;
	color: #4c8315;
	
}


h3 {
     color: #4C8315;
     font-size: 14px;
     font-style: italic;
}

h5 {
     color: #D2232A;
     font-size: 16px;
     font-style: italic;
}

h4 {
     color: #4C8315;
     font-size: 14px;
     font-style: italic;
}

h2 {
     color: #4C8315;
     font-size: 18px;
     font-style: italic;
}

h6 {
    color: #666666;
    font-size: 14px;
    font-style: italic;
}
p {
    margin-bottom: 0;
}

ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#page {
	margin: 			20px 0;
	max-width:			none;
	background:			transparent;
}

#main, #branding, #colophon {
	background-color:	white;	/* fallback für browser ohne rgba */
	background-color:	rgba(255, 255, 255, 0.85);
	margin-bottom:		30px;
}


#branding {
	border-top:		6px solid #d2232a;
	margin-bottom:		30px;
}

#main {
	padding-top:		0;
}

	#access {
		background:			transparent none;
		box-shadow:			none;
		border-bottom:		1px solid #8dc63f;
		position:			relative;
	}

	#access:after, #access:before {
		background-image: url(images/greendot.png);
		background-repeat:	no-repeat;
		position:			absolute;
		width:				6px;
		height:				6px;
		bottom:				-4px;
		content:			'';
	}

	#access:before {
		left:				-3px;
	}

	#access:after {
		right:				-3px;
	}
		#access .menu_container {
			margin:			0 10px;

		}
		#access .menu_container:after {
			background-image: url(images/hands.png);
			background-repeat:	no-repeat;
			position:			relative;
			width:				auto;
			height:				29px;
			bottom:				0;
			right:				0;
			content:			'';
		}
		#access li:hover {
			background:			transparent none;
		}

		#access a {
			color:				#5b594e;
			font-style:			  italic;
			font-size: 13px;
			line-height: 3em;
    		padding-bottom: 0;
    		padding-left: 1.2125em;
   			padding-right: 1.2125em;
   			padding-top: 10px;
		}
		
		
		#access li:hover > a,
		#access a:focus a:hover{
			background:			transparent none;
			
			color:				#66A022;
			font-style:			  italic
		}


#colophon {
	border-bottom:		6px solid #d2232a;
	padding:			30px 0 20px 0;
}

	#site-generator {
		border:				0px none;
		background:			transparent;
	}

.kal_inner {
	width:				auto;
	margin:				0 auto;
	clear:				both;
}

#supplementary {
	padding:			0 62px;
}

	#supplementary.three .widget-area {
		width:				32.3%;
		margin-right:		1.5%;
	}

	#supplementary.three .widget-area + .widget-area + .widget-area {
		margin-right:		0;
	}

	#supplementary .widget-title {
		text-transform:		none;
		color:				#d2232a;
		font-weight:		bold;
		font-size:			1.05em;
	}
/* 2col - layout */
#primary {
	float:				none;
	width:				auto;
	clear:				both;
	margin:				0;
}
#secondary {
	float:				right;
	width:				315px;
	padding-top:		40px;
}

#supplementary {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 1.625em;
    padding-left: 7.6%;
    padding-right: 7.6%;
    padding-top: 1.625em;
}

/* widgets */
.widget-area {
    color: #5B594E;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
}

#secondary .widget_text {
	-webkit-border-radius: 5px;
	border-radius: 10px;
	border:			2px solid #8dc63f;
	background:		#f4f8dd;
	padding:		10px;
	width:			180px;
	margin:			0 auto 20px auto;
}

#secondary .widget_text h3.widget-title {
    color: #4C8315;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
	border-bottom:1px solid #4C8315;
	margin:0 0 10px 0;
}

#secondary .widget_links h3.widget-title {
		 color: #4C8315;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
	border-bottom:1px solid #4C8315;
	margin:0 0 10px 0;
	}	
	
#secondary .widget_links {
	-webkit-border-radius: 5px;
	border-radius: 10px;
	border:			2px solid #8dc63f;
	background:		#f4f8dd;
	padding:		10px;
	width:			180px;
	margin:			0 auto 20px auto;
}	
#secondary .widget_recent_entries {
	-webkit-border-radius: 5px;
	border-radius: 10px;
	border:			2px solid #8dc63f;
	background:		#f4f8dd;
	padding:		10px;
	width:			180px;
	margin:			0 auto 20px auto;
}

#secondary .widget_recent_entries h3.widget-title {
		 color: #4C8315;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
	border-bottom:1px solid #4C8315;
	margin:0 0 10px 0;
	}	

#secondary .widget_recent_entries ul li {
	list-style: inside;
}

/* content */
#content {
    margin-bottom: 0;
    margin-left: 2.6%;
    margin-right: 34%;
    margin-top: 0;
    width: 94.4%;
}
.singular #content, .left-sidebar.singular #content {
	margin:			0 0 0 10px;
}
.entry-content h1 {
	color:#407606;
	font-weight:600;
	margin: 0;
	font-size:18px;
        font-style: italic;
}
.entry-content h2 {
	color:#407606;
	font-weight:600;
	margin: 0;
	font-size:16px;
}

 .entry-content h3 {
     color: #4C8315;
     font-size: 14px;
     font-style: italic;
}
.comment-content h3
{    color: #4C8315;
     font-size: 14px;
     font-style: italic;
}
.entry-content h5 {
     color: #D2232A;
     font-size: 16px;
     font-style: italic;
}

 .entry-content h4 {
     color: #4C8315;
     font-size: 14px;
     font-style: italic;
}

.entry-content h6 {
    color: #666666;
    font-size: 14px;
    font-style: italic;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width:				100%;
	/*margin-bottom:		20px;*/
}
.singular .entry-title {
    color:#407606;
	font-weight:lighter;
	margin: 0;
	font-size:25px;
    font-style: italic;
	line-height: 10px;
}
.singular.page .hentry {
	padding-top:		40px;
}

/* mainnavigation */
#mainnav {
	margin:			35px 0 20px 0;
}
	#mainnav ul {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
		#mainnav li {
			margin:			0 16px 0 0;
			padding:		0;
			display:		inline-block;
			width:			80px;
			height:			80px;
			background-image: url(images/bull.png);
			background-repeat:	no-repeat;
			text-align:		center;
		}
			#mainnav li a {
				line-height:		76px;
				font-size:			13px;
				display:			block;
				height:				78px;
				color:				#5b594e;
				font-weight:		bold;
				font-style:			italic;
				position:			relative;
				left:				-1px;
				text-decoration:	none;
			}
			#mainnav li.current-menu-item a {
				color:				#407606;
			}

#homelink {
	float:				none;
	margin-top:			0 auto;

}
	#homelink img {
		width:				90%;
		height:				90%;
	}
	
/* clearfix */
.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* + html .clearfix { /* für IE7 */
    display: inline-block;
}

* html .clearfix { /* für IE6 */
	height: 1%;
}



.entry-content th, .comment-content th {
	color: #407606;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	padding: 15px 10px 2px 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#407606;	

	}
.entry-content td, .comment-content td {
	/* font-size: 12px; */
	font-size: 1rem;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #407606;;
	/* padding: 10px; */
	padding: 1rem;
	
}

.su-spoiler {
    margin-bottom: 0 !important;
}
.su-column {
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0 2% 4% 0 !important;
}

@media only screen and (min-width: 980px) {
#primary {
	float:				left;
	width:				600px;
}
		#access .menu_container:after {
			background-image: url(images/hands.png);
			background-repeat:	no-repeat;
			position:			absolute;
			width:				48px;
			height:				29px;
			bottom:				-4px;
			right:				-30px;
			content:			'';
		}

	.kal_inner {
	width:				1024px;
	margin:				0 auto;
	clear:				both;
}
	#homelink {
	float:				right;
	margin-top:			-15px;
}
	#homelink img {
		width:				397px;
		height:				103px;
	}

}