/*   
Theme Name: Lumen
Theme URI: http://lumenlog.com
Description: Awesome.
Author: Marcel Langer
Author URI: http://lumenlog.com
Template: 
Version: 1.0
.
CC
.
*/

/*

Colors:

Background: .262626
Text/All: .8b8b8b
Links: .007894
Headlines: .e16d05
Tech: .1CE62F
Modding: .F89A07
Adventskalender: .15AE76


WCAG Colours:
Background: .202020
Text:
Link: 


*/


@import url('reset.css');

/* Lumenlog CSS */

/* General Stuff */

	/* Typography */

	body {
		font: 13px/20px Palatino, Georgia, sans-serif;
		border: none !important;
		height: 100%;
		color: #8b8b8b;
		}
				
	p {
		margin-top: 20px;
		}
		
	blockquote {
		font-style: italic;
		padding-left: 20px;
		}
		
	em {
		font-style: italic;
		}
		
	strong {
		font-weight: bold;
		}
		
	code {
		font: 12px/20px 'Monaco','Courier New', Courier, monospace;
		}
		
	.footnotes code {
		font-size: 10px;
		}
		
	/* Headings */
		
	.archive-title /* H1 */ {
			padding-left: 170px;
/*			margin-left: 20px; */
			margin-bottom: 40px;
			color: #db6400;
			font-size: 27px;
			line-height: 39px;
			width: 820px;
			border-bottom: 1px solid;
	
		}
		
	.archive-title span {
			color: #8b8b8b;
			}
			
	.archive-related-title {
			margin: 20px;
			}
		

		
	h2 /* Section Headings */ {
			font-size: 18px;
			line-height: 40px;
		}
		
	.title-articles, .title-links, .title-browse, .title-hi {
			font-size: 13px;
			line-height: 20px;
			border-bottom: 1px solid #8b8b8b;
			margin-bottom: 20px;
		}
		
	.title-articles {
/*			margin-left: 20px; */
			margin-bottom: 20px;
			width: 620px; 
			
		}
		
	.title-links, title-hi {
			line-height: 20px;
			margin-bottom: 20px;
			margin-top: 20px;
			width: 360px;
			
		}
		
	.title-browse {
			width: 600px;
		}
		
		
	.title-hi {
			margin-top: 0px;
			width: 320px;
		}	
		
	h3 /* In-Text Headings */ {
		font-size: 15px;
		margin-top: 20px;
		text-indent: 20px;
		}
		
	/* General Colors */

	body {
		background-color: #202020; 
		/* background: url('images/grid.png'); */
		/* width: 1200px; */
		}
	
	a {
		color: #db6400 /* #007894 */;
		}
		
	
		
	/* Category Colors */
	
	.link-tech {
		color: #1CE62F;
		}
		
		
	.tech /* border */ {
		border-left-color:  #202020 /* #1CE62F */;
		}
					
	.link-modding {
		color: #F89A07;
		}
		
	.modding {
		border-left-color:  #202020 /* #F89A07 */;
		}
		
	.link-adventskalender {
		color: #15AE76;
		}
		
	.adventskalender {
		border-left-color: #15AE76;
		}
		
	.links {
		color: #007894;
		}
		
	/* General Styles */
	
	a {
		border-bottom: 1px dotted;
		text-decoration: none;
		}
		
	a:hover {
		color: #007894;
		border-bottom: 1px solid;
		}
		
	a:visited {
		border-bottom: 1px solid;
		}		

		
	#top a {
		border: none;
		}
		
	#top a:hover {
		border-bottom: 1px solid;
		}
		
	/* Basic Layout */
	#top {
		width: 1000px;
		height: 80px;
		margin: 0px auto 0px auto;
		padding-left: 0px;
		padding-bottom: 40px;
		padding-top: 0px;	
		}
		
		#top_border {
			height: 5px;
			margin-left: 20px;
			margin-bottom: 40px;
			}
		
		#logo {
			width: 160px;
			/* padding-left: 20px; */
			float: left;
			
			}
		
		#logo a:hover {
			border-bottom: none;
			}
		
		#tagline {
			width: 450px;
			padding-left: 10px;
			padding-top: 55px;
			float: left;
	
			font-size: 16px;
			}
				
		#navigation {
			width: 220px;
			float: left;
			padding-top: 55px;

			font-size: 16px;
			}
			
		#search {
			width: 140px;
			height: 20px;
			float: left;
			padding-top: 54px;
			
			}
			
	#content {
		width: 1000px;
		margin: 40px auto auto auto;
		}
			
				#main {
				width: 640px;
				float: left;
				}
			
				#secondary {
				width: 360px;
				float: left;

				}
				
				#additional {
				padding-top: 40px;
				width: 100%;
				clear: both;
				height: 300px;
				}
				
				
	/* Generic Objects */
	
		

		/* Article Heads */
		
		
		.article-head {
			width: 600px;
			height: 60px;
			/* padding-left: 10px; */
			margin-bottom: 20px;
			margin-right: 20px;
/* 			border-left-width: 10px; */
			border-left-style: solid;
	
			}

			
			.article-head img {
				width: 160px;
				float: left;
				}
				

				
			.article-head h1 {
				margin-left: 170px;
				font-size: 27px;
				line-height: 30px;
				}
				
			.article-head h1 a {
				border-bottom: none;
				color: #db6400;
				}
				
			.article-head h1 a:hover {
		
				color: #007894;
				}
				
				
			.article-head h2 {
				margin-left: 170px;
				font-size: 15px;
				line-height: 20px;

				}
				

				
			.article-head p {
				margin-left: 170px;
				margin-top: 0px;
				font-size: 10px;
				line-height: 10px;
				color: #8b8b8b;
		
				text-transform: uppercase;
				}
				
		/* Footnotes */
		
		.ftnl /* Link to Footnote */ {
				border: none;
				font-size: 11px;
				}
				
				
		.footnotes {
				font-size: 11px;
				margin-left: 20px;
				margin-top: 40px;
				vertical-align: top;
				}
				
		.anchor {
				border: none;
				visibility: hidden;
				}
				
		sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;

	position: relative;
	
				}

		sup {
	bottom: 1ex;
				}
				
		/* English Stuff */
		
		.section-comment {
			font-style: italic;
			color: #555;
			margin-left: 0.5em;
		}
		
		.en {
			font-style: italic;
			color: #666;
			}
				
		/* Legacy Support for OLD images */
		
		#article-content .wp-caption-text, #article-content .caption {
				margin: 0 auto 0 20px;
				font-style: italic;
				}
				
		.wp-caption a {
			border: none;
			}
				
		/* Images */
		
		#article-content img {
			clear: both;
			margin: 20px 0 20px 0;
			}
			
		.gallery {
			width: 100%;
			clear: both;
			margin-left: -5px;
			}
			
		.margin-top {
			margin-top: 20px;
			}
			
		.gallery img {
			clear: none !important;
			display: block;
			display: inline !important;
			margin-left: 5px !important;
			margin-right: 5px !important;
			margin-top: 0 !important;
			margin-bottom: 5px !important;
			}
			
		.gallery .img-link {
			border: none !important;
			display: inline !important;
			}
						
		.img-link {
			border: none !important;
			display: block;
			}
			
		.img-link-left {
			border: none !important;
			text-decoration: none !important;
			float: left;
			margin: 10px 10px 10px 0 !important;
			}
			
		.img-link-right {
			border: none !important;
			text-decoration: none !important;
			float: right;
			margin: 10px 0px 10px 0 !important;
			}
			
		.img-link-left img, .img-link-left-first img {
			clear: left !important;
			margin: 0 !important;
			}
			
		.img-link-right img {
			clear: right !important;
			margin: 0 !important;
			}
			
		.img-link-left-first {
			border: none !important;
			text-decoration: none !important;
			float: left;
			margin: 0px 10px 10px 0 !important;
			}
			
		/* Interviews */
		
		.q {
			font-style: italic;
			}
			
		.q strong {
			font-style: normal;
			}
			
		.ans {
			margin: 20px 0 20px 20px;
			}
			
		.first {
			margin-top: 20px;
			}
			
		/* Error message in search */
		
		.error {
			margin-left: 20px;
			} 
				
		/* Navigation Top */
				
		#navigation a {
			height: 100%;
			width: 60px;
			margin-right: 20px;
			color: #8b8b8b;
			}
					
		#navigation a:hover {
			color: #007894;
			border-bottom: 1px solid;
			}
			
		#navigation .skiplink, #additional .skiplink {
			width: 20px;
			margin-right: 0px;
			font-size: 13px;
			color: #8b8b8b;
			float: right;
			text-align: right;
			}
			
		#navigation .skiplink {
			margin-left: -5px;
			}
			
		#additional .skiplink {
			vertical-align: top;
			}
			
		/* Link Column */
		
		.link {
			width: 360px;
			}
		
		.link p {
			margin-bottom: 0px;
			margin-top: 20px;
			}
			
		.link {
			margin-bottom: 40px;
			}
			
					
		.link a.permalink {
			line-height: 20px;
			font-size: 10px;
			float: right;
			border: none;
			color: #8b8b8b;
			}
			
		a:hover.permalink {
			text-decoration: underline;
			color: #007894;
			}
			
		.link .via {
			line-height: 20px;
			font-size: 10px;
			margin-left: 0em;
			}
			
		.link .via a {
			color: #8b8b8b;
			border: none;
			text-decoration: none;
			}
			
		.link .via a:hover {
			text-decoration: underline;
			color: #007894;
			}
						
		.link .date {
			line-height: 20px;
			font-size: 10px;
			text-transform: uppercase;
			margin-left: 20px;
			}
			
		/* .link a:visited {
			color: #007894;
			} */
			
		.link .more-link {
			margin-left: 20px;
			}
			
		.home #secondary {
			margin-top: -20px;
			}
			
			
		/* Pagination Links */	
			
		.links-pagination {
			width: 100%;
	
			height: 39px;

			padding-top: 19px;
			}
			
		.link-older{
			float: left;
			}
			
		.link-newer {
			float: right;
			}	
			
		.links-pagination a {
			border-bottom: none;
			}
			
			
		/* About Text is Back Again */
		
		#about {
			width: 360px;
			padding-right: 0px;
			float: right;
			}
			
		#about a {
			border-bottom: none;
			}
			
		#about a:hover {
			border-bottom: 1px solid;
			}
					
					
		/* Bottom Browse List */
		
		#browse {
			float: left;
			width: 600px;
			}
			
		#browse a {
			border: none;
			color: #8b8b8b;
			}
			
		#browse a:hover {
			color: #007894;
			border-bottom: 1px solid;
			}
			
		#browse ul {
			float: left;
			width: 80px;
			}
			
		#browse li {
			height: 20px;
			}
			
		#browse .break {
			
			display: block;
			}
			
		.monthly {
			width: 120px !important;
			}
			
		.monthly li {
			width: 20px;
			display: inline;
			}
			
		li.list-heading {
			width: 75px;
			margin-right: 5px;
			margin-bottom: 20px;
			display: block;
			border-bottom: 1px dotted;
			}
			
		li.list-heading-tags {
			width: 315px !important;
			}
			
		li.list-heading-monthly {
			width: 120px !important;
			}
			
		.list-heading a {
			color: #8b8b8b;
			}
			
		.list-heading a:hover {
			border-bottom: none !important;
			text-decoration: none;
			}
			
		/* Partner */
		
		#partner img {
			margin-left: 20px;
			}
		
		/* Search Field */
		
		.search-field {
			background-color: #202020;
			color: #6b6b6b;
			border: none;
			font-family: Palatino, Georgia, serif;
			font-size: 13px;
			line-height: 20px;
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px; 
			border-radius: 4px; 
			padding: 2px;
			margin: 0;
			}
			
		.search-field:focus {
			color: #8b8b8b;
			border: 1px solid #8b8b8b;
			}

			
			
		
		/* Top Border */
		#top_border, #footer-border  {
			background-color: #db6400 /* #db6400 */;
			}
			
		/*.archive-category #top_border {
			background-color: #8b8b8b;
			}
			
		.archive-tag #top_border {
			background-color: #8b8b8b;
			}
			

			
		.tech #top_border {
			background-color: #1CE62F;
			}
			
		.modding #top_border {
			background-color: #F89A07;
			}*/
			
		/* Footer */
		
		#footer {
			width: 1000px;
			clear: both;
			margin: 39px auto auto auto;

			}
		
		#footer-content {
			width: 980px;
			height: 20px;
			font-size: 10px;
			line-height: 20px;
			padding-top: 20px;
			border-top: 1px solid #8b8b8b; 
			text-transform: uppercase;
			}
			
		#footer-content a {
			border: none;
			color: #8b8b8b;
			}
		
		#footer-content a:hover {
			color: #007894;
			border-bottom: 1px solid;
			}
		
		.copyright_link .link-license {
			display: inline;
			float: left;
			}
			

		.copyright_link a {
			display: none;
			}

		.copyright_link span {
			display: none;
			}
			
		.impressum_link {
			float: left;
			}
			
		.powered_link  {
			float: right;
			}
			
		.feed_link {
			float: left;
			margin-left: 20px;
			}
			
		#footer_border {
			margin-left: 20px;
			height: 5px;
		}





/* Single Pages */

	/* Home Page */
	
	/* Archive Page */
	
	.archive #secondary {
		margin-top: 60px;
		}
		
	/* Archives Page */
	
	.archives-page #secondary {
		margin-top: 60px !important;
		}
	/* Category Archives v2 */
	
	.archive-Links #main {
		width: 1000px !important;
		}
	
	.archive-Links .link {
		width: 300px;
		margin-bottom: 40px;
		float: left;
		padding-right: 20px;
		}
		
	.archive-Links p {
		width: 300px !important;
		}
		
	.archive-Links blockquote > p, .archive-links blockquote {
		width: 280px !important;
		}
		
	.archive-Links .line {
		clear: both;
		}
	
	
	/* Single Page */
	
	.single-page .article-head {
		border-left:  none;
		margin-left: 20px;
		}

	.single-page .article-head h1 {
		padding-top: 10px;
		margin-left: 160px;
		}

	.single-page .article-head h2 {
	
		margin-left: 190px;
		}


	/* Single Post */
				

	
	#article-content {
		margin-top: 20px;
		width: 44em;
		padding-bottom: 20px;
		}
		
	.single-post #secondary, .single-page #secondary {
		margin-top: 80px;
		}
		
		
		/* Article Meta */
		
		.single-post #secondary dt {
			width: 100px;
			font-size: 14px;
			text-align: left;
			float: left;
			}
		
	
		
		.single-post #secondary dd {
			width: 240px;

			float: left;
			}
		
		.single-post #secondary dd a {

			border: none;
			}
			
		
		.single-post #secondary dd a:visited {

			color: #007894;
			}
			
		.single-post #secondary dd a:hover {

			border-bottom: 1px solid;
			}
	
	/* Comments */
			
	#article-comments {
			width: 44em;
			padding-top: 0px;
			}
		
	#article-comments h2 {
			color: #db6400;
			font-size: 18px;
			line-height: 40px;
			}
			
	.comment-body {
			padding-bottom: 10px;
			margin-bottom: 10px;
	
			}
			
	.comment-meta {
			margin-left: 20px;
	
			}
			
	.comment-meta a {
			font-size: 14px;
			}
			
			
	#respond input, #article-comments textarea {
			font: 13px Palatino,Georgia,sans-serif;		
			background-color: transparent;
			border: 1px solid #8b8b8b;
			color: #6b6b6b;
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px; 
			border-radius: 4px; 
			}
			
	#respond input:focus, #article-comments textarea:focus {		
			color: #8b8b8b;
			}
			
	#respond #author, #respond #email, #respond #url {
			height: 18px;
			padding-left: 5px;
			width: 345px;
			float: left;
			}
			
	#respond #comment {
			height: 200px;
			padding: 10px;
			width: 411px;
			
			}
			
	#respond #comment-textarea {
			height: 220px;
			}
	
	#respond label {
			height: 20px;
			width: 60px;
			float: left;
			text-align: right;
			margin-right: 20px;
			
			}
			
	#respond p {
			height: 20px;
			width: 600px;
			margin-bottom: 20px;
			}
			
	#respond #submit {
			font-family: Helvetica;
			height: 20px;
			border-width: 0px;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px; 
			border-radius: 10px; 
			color: #202020;
			background-color: #8b8b8b;
			font-size: 10px;
			line-height: 19px;
			padding: 0 5px 1px 5px;
			}
			
		/* IE 6 Warning */
		
		#ie6 {
			text-align: center;
			border: 2px solid #db6400;
			color: #db6400;
			clear: both;
			height: 80px;
			}