/*
Theme Name: Twenty Eleven Layouts
Theme URI: http://zeaks.org/three-column-twenty-eleven
Author: Scott Dixon
Author URI: http://zeaks.org
Description: A Twenty Eleven child theme.
Version: 1.1
License: GNU General Public License
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
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");

/* Three Column layout - left and right sidebars
--------------------------------------------------*/
.three-column #page { max-width: 1200px;}
.three-column #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
.three-column #content {
    margin: 0 34% 0 26.4%;
    width: 46.4%;
}
.three-column #secondary {
    float: right;
    margin-right: 2.6%;
    width: 20.8%;
}
.three-column #extra-sidebar{
	position:relative;
    float: left;
    width: 20.8%;
    margin-left: -70%;
}
/* Three column - Two Right sidebar layout
------------------------------------------- */
.two-right #page { max-width: 1000px;}
.two-right #primary {
	float: left;
	margin: 0 -46.4% 0 0;
	width: 100%;
}
.two-right #content {
	margin: 0 46.4% 0 3.6%;
	width: 50.4%; /*slightly wider than alternate layout */
}
.two-right #secondary {
	float: right;
	margin-right: 2.6%;
	width: 19.2%; 
}
.two-right #extra-sidebar{
	position:relative;
	float: right;
	margin-right: 2.6%;
	width: 19.2%;
}
/* Three column - Two Left sidebar layout
------------------------------------------ */
.two-left #page { max-width: 1000px;}
.two-left #primary {
	float: right;
	margin: 0 0 0 -46.4%;
	width: 100%;
}
.two-left #content {
	margin: 0 5.6% 0 46.4%;
	width: 49.4%;
}
.two-left #secondary {
	float: left;
	margin-left: 3.6%;
	margin-right: 0;
	width: 18.8%;
}
.two-left #extra-sidebar{
	position:relative;
	float: left;
	margin-left: 2.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Adjust the comments */
.commentlist, #respond {
   -margin-right: -2%;
}
/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
#main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}
/* Default right sidebar (Twenty Elevens) with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Left sidebar layout (Twenty Elevens) extra sidebar alignment fix */
.left-sidebar #extra-sidebar {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Fix for gallery attachment pages 1.5 */
.image-attachment #content{
    margin: 0 7.6% 0 7.7%;
    width: 84.8%;
}


/*rechte Spalte ausblenden*/
#secondary {
  display:none;
}

/*Karins Bild nach unten*/
#widget_sp_image-8 {
    margin-top: 15px;
    margin-left: 15px;
}

/*Text neben Karins Bild nach unten*/
#post-8  {
    margin-top: 20px;
}


/* Better Comments (makes better use of space in comments)
--------------------------------------------------------- */

/* Make comments as wide as possible*/
.page-template-sidebar-page-php .commentlist,
.single  .commentlist { width: auto; }
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Talking avatars take up too much room at this size */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 0;
}
.page-template-sidebar-page-php .commentlist > li.comment .comment-meta,
.page-template-sidebar-page-php .commentlist > li.comment .comment-content,
.singular  .commentlist > li.comment .comment-meta,
.singular  .commentlist > li.comment .comment-content,
.single  .commentlist > li.comment .comment-meta,
.single  .commentlist > li.comment .comment-content {
	margin-right: 75px;
}
/* fix the margin for narrow content in threaded comments */
.commentlist .children li.comment .comment-content,
.commentlist .children > li.bypostauthor, .commentlist > li.bypostauthor {
	margin-right: 0;
}
.page-template-sidebar-page-php .commentlist .avatar,
.singular  .commentlist .avatar,
.single  .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.page-template-sidebar-page-php .commentlist .children .avatar,
.singular .commentlist .children .avatar,
.single  .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}

.singular #respond,
.single #respond {
	width: 62.9%;
}
/* comment fix for single pages and attachment pages */
#sidebar-page-custom #respond, .single-post #respond {width: auto;}
.commentlist .children  #respond {width:auto;}
.image-attachment .commentlist{width: 68.9%;}
.image-attachment #respond {width: 62.9%;}
.one-column #respond, .wide-column  #respond,
.wide-column .commentlist, .one-column .commentlist, .page-template-default .children  > li#respond {width: auto;}
/* remove the talking arrow, unless you want it */
.commentlist > li.bypostauthor:before , .commentlist > li:before  {
    content: '';
}
/* Change the post author comment look as well */
/* Post Author threaded comments background */
.custom-layouts .commentlist .children > li.bypostauthor,
.custom-layouts .commentlist > li.bypostauthor  {
	background: #efefef;
}

/* Use our own way to author highlight :D~ */
.bypostauthor img.avatar {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 5px solid #F5D800;
	padding-bottom: 2px !important;
}

/* Singular - one column page template css for extra layouts
/*------------------------------------------------------------*/
.singular #primary {	margin: 0; }
.custom-layouts.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content,
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}
.custom-layouts.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.custom-layouts.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}




/* linnex custom css styles */
/* imported from  url('../twentyeleven/style.css');*/


body, input, textarea {
    color: rgb(55, 55, 55);
    font: 400 15px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;
}


html {
    margin-top: 0px !important;   /*der erste obere Rand verschwindet*/
}

#site-generator {
    display:none;
    border-top: 0px solid rgb(221, 221, 221);
    background:none;
}

#main {
    clear: both;
    padding: 0em 0px 0px;
}

#page {
    margin-top:0em;
    max-width: 1200px; /*der zweite obere Rand verschwindet*/
}

#page div.entry-content {
    width: 100%;
}



#branding {
border-top: none !important;
}

#site-title {
    display:none;
}

#branding .with-image #searchform {
display:none;
}

#access {
    background: #DBDBBF;
    box-shadow: 0px 0px 0px;
    font-weight:bold;
    display: block;
    float: left;
    margin: 0px auto 6px;
    width: 100%;
}



#access a {
  color:#444;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background:#E0C341;
    color:white;
    font-weight:bold;
}

/*#access .current_page_item > a, #access .current_page_ancestor > a {
    background-color:#E0C341;
    color:white;
    font-weight:bold;
    border-left:4px solid #DBDBBF;
    border-right:4px solid #DBDBBF;    
}*/


DIV#content .hentry {
    border-bottom: 0px;}


	.singular .entry-title, .singular .entry-header .entry-meta {
    display:none;
}
.entry-content img, .comment-content img, .widget img {
    max-width: 100%;
}
.entry-content, .entry-summary {
    padding: 0em 0px 0px;
}

.post-edit-link {
    display:none;
}

.singular.page .hentry {
    padding: 1.5em 0px 0px;
}

/* image-widget styles bu linnex start */


img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border: 0px solid #DDDDDD;
    padding: 6px;
}

.ngg-galleryoverview {
    overflow: hidden;
    margin-top: 0px;
    width: 100%;
    clear: both;
    display: block !important;
}
	
.attachment-full  {margin-top: 4px;}

.entry-content img, .comment-content img, .widget img {
    max-width: 100%;
    margin-top: 30px;
}



/* image-widget styles by linnex end */



/* nextgen gallery  style change by linnex  */
/* Diese Aenderungen müssen in die css-Datei des nextgen-plugins kopiert werden!!!
/* Geht nach einem update natuerlich alles verlorgen.*/



/* Rand der Lightbox verstecken */
div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 0px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}


/* duenner Strich auf 0 pixel (border:0px) start */
DIV.ngg-gallery-thumbnail img {
        background-color: rgb(255, 255, 255);
        border: 0px solid rgb(231, 231, 240);
        display: block;
        margin: 4px 0px 4px 5px;
        padding: 1px; /*sorgt fuer die Breite des Randes*/
        position: relative;
}



/*opacity geaendert */
div#shShutter {
	height: 100%;
	z-index: 10000;
	background-color: #1C1B1B;
	opacity: 1;
	filter:alpha(opacity=1);
}

#shDisplay div#shCount {
display:none;
}

/* nextgen gallery  style change by linnex end */

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
    background: none repeat scroll 0% 0% ;
}

.ngg-gallery-thumbnail {
    text-align: center;
    max-width: 100% !important;
    background-color: #fff;
    border: 0px solid #a9a9a9 !important; 
    margin-right: 5px;
    margin: 5px;
}