/*
Theme Name: lahengst2015
Template: twentyeleven
Author: alorenz
Author URI: http://www.alorenz.net/
*/

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


/*
 structure
*/

html {height: 101%;}
	
#page, .one-column #page {
    margin: 200px auto 0 auto;
    background: transparent;
    max-width:1000px;
	}

#branding {
    border-top: none;
    width: 28%;
    margin: 0;
	padding: 0;
    float: left;
	}
	
#access {
    background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow:none;
    margin: 0;
    width: 100%;
	}

#main {
    clear:none;
    float: right;
    padding: 0;
    margin: 0 0 0 -28%;
    width: 72%;
	}

#primary {
    clear:none;
    float: right;
    margin: 0;
	}
	
#content, .one-column #content, .error404 #primary #content {
    padding: 0;
    margin: 0;
	}
	
.entry-meta {
    padding-top: 1em;
	}


/*
 navigation
*/

	
#access div, #access ul, .one-column #secondary, .widget, .widget-title, #secondary ul ul {
    margin: 0;
	}	

#access ul, #secondary {
    padding-right:1em;
	}
.widget {
	padding-top:1em;
	}

#access li, #secondary li, #secondary .widget-title {
	float: none;
    width: auto;
	}

#secondary a {
	padding: 0.2em .6em;
	display: block;
    background: transparent;
    margin-bottom:2px;
	}
	
#access a, #nav_menu-2 a, #secondary .widget-title {
	padding: .4em .6em;
	display: block;
    margin-bottom:4px;
    }


#nav_menu-2 ul ul {
	display: none;
	}

#nav_menu-2 ul li:hover > ul {
	display: block;
	}

.widget ul {
	list-style: none;
	}
	
.widget-title {
    padding:0;
    }




/*
	post/page navigation
*/	


.page-title {
    margin: 0;
    display:block;
	padding-right: 2em;
	}

.one-column #nav-below {
    border: none;
    margin: 0 0 1em 0;
    display:block;
	}

.page-header {
	min-height:1.9em;
	}
	
#content nav, .page-header {
	padding: 0 2em;
	}

#nav-single {
    float: none;
    top: 0;
	}
	
#nav-above, #nav-below  {
	display:block;
    width: auto;
    height:auto;
    text-align: left;
    z-index: 1;
	padding-left: 2em;
	padding-right: 2em;
	}

	
#content nav a {
    display:block;
    padding-right: 1em;
	}
	
.nav-previous, .nav-next, .page-title {
	float:left;
	text-align: left;
	width: auto;
	}

#content nav a, .page-title, #content nav .meta-nav, .error404 .widgettitle {
	padding-top:0.4em;
	padding-bottom:0.4em;
	}

.page-header #nav-above {
    display:inline;
	}

#nav-single .nav-next {
    padding-left: 0;
	}
#nav-single .nav-previous {
    padding-right: 0;
	}

.tag-archive-meta, .category-archive-meta {
	display:block;
	clear:both;
	padding:1em 2em .2em 2em;
	margin:0 -2em 0 -2em;
	}






/*
	post content
*/	


.entry-content, .entry-summary {
    padding: 0;
	}
	
.entry-header, .singular .entry-header {
     padding: 0;
	}

.entry-title, .singular .entry-title, .entry-content h1, .comment-content h1 {
    clear: both;
    margin: 1.25em 0 1em 0;
	padding: 0 0 0.4em 0;
	}

.entry-content h2 {
	padding-top:1em;
	}

.singular.page .hentry, .singular .hentry, .hentry, .no-results, .not-found {
    padding: 0.1em 2em 2em 2em;
    margin: 0 0 1em 0;
	}
		
p {
    margin-bottom: .8em;
	}

.more-link {
	display:block;
    padding-top: 1em;
	}

	
.singular .entry-header .entry-meta, .nocomments {
    display:none;
	}


a[rel="category tag"] {
    border-radius: 3px 3px 3px 3px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 3px 8px;
    margin-left:-8px;
    margin-right:.4em;
    text-decoration: none;
    background: #ea1c6e;
    color: #fff;
	}

a[rel="category tag"]:hover,
a[rel="category tag"]:focus,
a[rel="category tag"]:active {
    background: #ea1c6e;
    color: #fff;
	}


/* 
	edit link button
*/


.entry-meta .edit-link a, .commentlist .edit-link a {
    border-radius: 3px 3px 3px 3px;
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0 8px;
    text-decoration: none;
	}

.one-column.singular .entry-meta .edit-link a {
    left: 0;
    position: relative;
    top: 0;
	}

.singular .entry-meta .edit-link a, 
.one-column.singular .entry-meta .edit-link a {
    bottom: 0;
	}



/*
	404
*/

.error404 #main #searchform {
    border: none;
    margin: 0;
    padding: 1em 0;
	}

.error404 .widget_archive {
	display:none;
	}


/* 
	footer
*/


#colophon, #site-generator {
	text-align:left;
	}
	
#site-generator {
    clear: none;
    float: right;
    margin: 0 0 0 -28%;
    padding: 0 0 2em 0;
    width: 72%;
    }
	
#site-generator a {
	margin: 0;
    padding: 0;
	}






/* 
	images 
*/


.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; 
	height: auto;
}


img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 0;
	padding: 0;
}










/* 
	typography 
*/


body, input, textarea, #access, #secondary {
	font: 14px "Courier", "Courier New", monospace;
	font-weight: 300;
	line-height: 1.6em;
	word-spacing:-0.1em;
	}

blockquote {
    font-family: inherit;
	}
	
#access a, #secondary a, #secondary .widget-title {
	text-align:right;
    text-decoration: none;	
    }

#access a, #secondary a, #secondary .widget-title, #content nav a, .page-title, #content nav .meta-nav, .error404 .widgettitle {
	line-height: 1.2em;
	font-size: 13px;
    font-weight: bold;
    }


h1, h2, h3, h4, h5, h6 {
    clear: none;
	}


a {
    text-decoration: none;
    font-weight:bold;
	}

	
.page-title, .widget-title, .error404 .widgettitle {
    letter-spacing: 0;
    text-transform: none;
	}
	
.entry-meta {
    font-size: 100%;
    line-height: inherit; 
	}

.entry-title, .singular .entry-title, .entry-content h1, .comment-content h1 {
    font-size: 150%;
    font-weight: bold;
    line-height: 120%;
	}

.lyrics {
    position: relative;
	}
.chorus {
    font-style: italic;
    left: 26em;
    position: absolute;
    top: 0;
    white-space: nowrap;
	}
	
#site-generator a {
    font-size: 10px;
    font-weight:normal;
	text-decoration:none;
	}

#site-generator a:hover {
	text-decoration:underline;
	}





/*
	colors
*/	

body, input, textarea, #access, #secondary {
	color: #373737;
	}

.singular.page .hentry, .singular .hentry, .hentry, .no-results, .not-found {
    background: #fff;
    border-bottom: none;
	}

.tag-archive-meta, .category-archive-meta {
	color: #373737;
	background: #fff;
	}

.entry-title, .singular .entry-title, .entry-content h1, .comment-content h1 {
    color: inherit;
	border-bottom: 2px solid #ea1c6e;
	}

.entry-content h2, .comment-content h2 {
    color: #222;
	}




a {
    color: #ea1c6e;
	}

.tagcloud a {
	color: #999;
	}

a:hover,
a:focus,
a:active {
	color: #ea1c6e;
	}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #ea1c6e;
	}


#secondary a {
    color: #fff;
	}

#access a, #nav_menu-2 a {
    background: #fff;
	color: #ea1c6e;
	}

#secondary .widget-title {
	background: none;
	color: #fff;
	}

#secondary a:hover,
#secondary a:active,
#secondary a:focus, 
#secondary .current-menu-item a {
	text-decoration:underline;
	}

#nav_menu-2 a:hover,
#nav_menu-2 a:active,
#nav_menu-2 a:focus, 
#nav_menu-2 .current-menu-item a {
	text-decoration:none;
	}



	
#access li:hover > a,
#access a:focus, 
#access .current-menu-item > a, 
#access .current-menu-ancestor > a, 
#access .current_page_item > a, 
#access .current_page_ancestor > a, 
#nav_menu-2 li:hover > a,
#nav_menu-2 a:focus,
#nav_menu-2 .current-menu-item > a, 
#nav_menu-2 .current-menu-ancestor > a, 
#nav_menu-2 .current_page_item > a, 
#nav_menu-2 .current_page_ancestor > a {
	background: #ea1c6e;
	color: #fff;
	}

#nav-single, #nav-above, #nav-below, .page-header  {
	background: #ea1c6e;
	color: #fff;
	}

#nav-single a, #nav-above a, #nav-below a, .page-title {
	color: #fff;
	}

.entry-meta {
    color: inherit;
	}


.entry-meta .edit-link a, .commentlist .edit-link a {
    background: #ea1c6e;
    color: #fff;
	}



#colophon, #site-generator {
    background: transparent;
    color: #fff;
    border-top: none;
	}
	
#site-generator a {
    color: #fff;
	}



#nav_menu-3 .widget-title {
	display:none;
	}






/* 
	-----------------------------------------------------------
	small sizes
*/


@media (max-width: 800px) {
	body {
		padding: 0 2em 0 0;
		}
	#main #content {
   		margin: 0;
		}
	}

@media (max-width: 650px) {

	/* Simplify the basic layout */
	body {
		padding: 0 2em;
		}

	#main, #site-generator {
		float: none;
		margin: 0;
		width: auto;
		}
	#branding {
		float: none;
		width: auto;
		}
	#access ul {
   		padding:0;
		}
	#access a, #secondary a, #secondary .widget-title, #secondary ul, #secondary ul li, #secondary ul ul {
		float: left;
		width: auto;
		}
	#access a, #nav_menu-2 a {
    	margin-right:4px;
		}
	.widget {
   		padding-top: 0;
		}
	#secondary ul li:hover > ul {
		display: none;
		}
	#secondary .widget-title {
		display:none;
		}

	/* Reduce font-sizes for better readability on smaller devices */

	#access a, #nav_menu-2 a, #nav_menu-2 .widget-title {
		font-size: 12px;
		}
	}