/** GLOBAL **/ 

html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body {margin:0 10px; }
body { position: relative; color:#bbb; background-color:#222; }
body, input, textarea { font-family: Alegreya Sans, sans; line-height: 1.3em; }

/** BASIC TAGS **/ 

a { text-decoration: none; color:#4040ff !important; background-color:#222; padding:1px 3px; }
a:hover { text-decoration: none; color:#fff !important; background-color:#333; }
a img { border: 0; }

td { vertical-align: top; }
ul { list-style-position: inside; }

h1,h2,h3 {
	font-weight: normal;
	margin: 25px 0 20px 0;
	color: #fff;
}
h1 {
	font-size: 1.8em;
	letter-spacing: 0.17em;
	color: #fff;
}
h1 a { color:#fff; }
h2 {
	font-size:1.05em;
	letter-spacing: 0.12em;
	text-align: center;
}
h3 {
	font-size: 1.4em;
}

blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 16px; color: #636363; }
b, strong { color:#fff; }

/** HELPER CLASSES **/ 

.clear { clear: both; height:0px; line-height:0px; }
.main_separator { color: #dedfe0; }
.wrapper { padding-top: 0px; }

/* startpage boxes */
.box { width: 416px; padding:4px; margin-bottom:12px; float:left; line-height:0; }
.box img.attachment-thumbnail { margin:0; padding:0 0 25px 0; }
.boxOverlay { bottom:8px; position:absolute; left:5px; width:94%; }
.boxOverlay a { color:#888; vertical-align:bottom; line-height:normal; }
.box:hover .boxOverlay { display:block; }
.box:hover .boxOverlay a { color:#fff; }
body.touchDevice .boxOverlay { display:block; }
.menu { float:right; position:relative; left:-50%; text-align:left; }
.menu ul { list-style:none; position:relative; left:50%; margin-bottom:15px; }
.menu ul li { padding: 0 8px; float:left; position:relative; } /* ie needs position:relative here*/
.menu ul li.current-post-ancestor,
.menu ul li.current-menu-item,
.home .menu ul li.menu-item-82 { font-weight:800; }
.menu ul a { line-height: 1.4em; text-decoration: none; }
.menuHead { overflow:hidden; } 
.menuHead h2 { letter-spacing:0.2em; line-height:0.8em; margin-top:64px; margin-bottom:0; }
.menuBox .menuHead h2 { margin-top:0; }
.menuHead h2 a { color:#ccc; }
.menuHead a { background-color:transparent; }
.menuHead .menu { padding:6px 0 20px 0; }
body.category .menuHead .menu, body.home .menuHead .menu { padding-bottom: 28px; }
.menuBox, .newsBox { line-height: normal; margin-left: 4px; padding-left: 0; padding-bottom: 28px; border-bottom: thin dotted #666666; }
.menuBox:hover, .newsBox:hover { background: none; }
#container a { background-color:transparent; }
/* .newsBox { font-size:0.9em; } */
/* load more */
.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }
.fetch:hover a { color: #fff; }
/* single post */
#content { padding-bottom: 20px; }
.block { width:580px; float:left; margin:0 100px 30px 0; padding-bottom:30px; }
.block { margin-left:0; }
.block + .block { margin-right:0; }
.block h3:first-of-type { margin-top: 0; }
.narrow { width:320px; }
.wider { width:740px; }
.post_title { margin-bottom: 20px; }
a.gentle { color:#fff; /* border-bottom:1px dotted #999; */ font-size:1.05em; }
.post p { margin-top:0; margin-bottom:16px; }
.post p.comment { font-family: Alegreya; line-height: 1.3em; }
.post p.prosa { font-style: italic; }
.post p a.gentle { color:#fff; }
.highlight { color:#fff; font-weight:bold; }
.nav-previous, .nav-next { display: inline; }
.nav-separator { color: #e5e5e5; }
#trailerLink { position: absolute; margin-top: -38px; font-size: 0.9em; text-transform: capitalize; }
h1.entry-title, h1.page-title { margin:60px 0 6px 0; }
.lesserGap { margin-top:20px !important; }
.entry-meta { float:left; color: #636363; }
.entry-meta a { /* color: #fff; */ font-size:0.9em; }
.entry-aside { width: 600px; padding-right: 40px; vertical-align: middle; }
.entry-content-right { width: 710px; font-size: 15px; line-height: 21px; }
.entry-content { width: 710px; font-size: 15px; line-height: 21px; }
.entry-utility { padding: 10px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { font-weight: bolder; }
#nav-above { padding:20px 0; color: #636363; }
#nav-above a { text-decoration: none; font-size:0.9em;/*color:#fff;*/ }
#social { padding: 20px 0 0 0; }
.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img { margin: 20px 0; }
.page img { margin: 20px 0 -3px 0; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }
.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }
/** Imprint special **/
div.imprint { color:#777; }

/** PAGE FOOTER **/ 

#footer { clear:both; padding: 10px 0 20px; }

#site-info { float: left; width: 460px; padding-right: 40px; line-height: 22px; }
#site-info a { font-weight: bold; text-decoration: none; color: #333; }

#footer-left { float: right; width: 210px; padding-right: 40px; }
#footer-right { float: right; width: 210px; }

#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }



/** Media Queries **/

@media screen and (max-width: 1279px) 
{
	.wrapper { width:100% !important; }
	.block { width:49%; }
	.posthead h2 { margin-top: 6px; margin-bottom: 6px; }
	.postHead .menu { padding: 0 0 16px 0; }
}

@media screen and (max-width: 999px) 
{
	body, input, textarea { font-size:13px !important; }
	.box { width:260px; }
	.box a img { width:260px; height:auto; }
	.boxOverlay a { font-size:0.9em; }
	h1 { font-size: 1.5em; letter-spacing:0.05em; line-height:1.2em; }
	h2 { font-size: 1.4em; }	
	.postHead .menu { padding:2px 0 14px 0; }
	.entry-title, .page-title { margin-top:50px; } /* Cause the slider caption moves below the slider navigation */
	.block { width:100%; margin-right:0; }
	p.comment { margin-top:20px; }
}
@media screen and (max-width: 530px) 
{
	.menuHead { width:268px; }
	.block { border-bottom:1px #aaa dotted; }
}