/*

Theme Name: dasrohmaterial
Theme URI: http://www.dasrohmaterial.de/
Description: dasrohmaterial.de
Version: 3
Author: Navid Shahabi & Benedict Ernst
Author URI: http://www.dasrohmaterial.de/
Tags: noch besser, noch tighter, noch schöner, noch imponierendere navigation! reloaded!

*/


@import url(css/reset.css);
@import url(css/hacks.css);

html {height:101%;}
body {font-family: Arial, sans-serif; font-size:12px; color:#333; background: #fff url('http://www.benedicternst.de/gfx/bg.png'); min-height: 100%;}

.left {float:left;} .right{float:right;} .clear{clear:both;} .hide {display: none;}

.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}

.wrap {text-align: left; width: 980px;}
.inner-wrap {
	clear: both;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	padding: 10px 10px 0 10px;
	position: relative;
	width: 980px;
	background-color: #fff;}
.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}
.content-col, .navi-col, .last-col, .two-cols {
	clear: none;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;}
.content-col {width: 510px;} 
.navi-col {width: 150px;} 
.last-col {width: 300px; margin-right: 0;}

.two-cols {width: 680px; margin-right: 0;}


.navi {background-color: #000; width: 670px; margin: 10px 0 10px; border-bottom: 5px #cacaca solid;}
.navi li a {float: left; background-color: #000; color: #fff; text-decoration: none; margin-bottom: 25px; line-height: 2em; padding: 0 10px 0 10px; font-size: 1.2em; margin: 0;}
.navi li a:hover {background: #cacaca; color: #000;}

/* content */
h2 {font-size:2em; line-height:1.2em; border-bottom:5px #cacaca solid; color:#fff; margin-bottom:10px; background:#000; padding:5px;}
.content h2 a,.content h2 a:hover {color:#fff; background:#000; text-decoration:none;}
.linkcat {list-style: none;}

.content img {background:#fff; border-bottom:5px #cacaca solid; margin-bottom:0em;}

.content p {line-height:1.5em; word-spacing:.1em; margin-bottom:1em;}

.content a {color:#00f; text-decoration:none;}
	.content a:hover {color:#fff; background:#00f;}

.content hr {margin:2em 0; border:0; border-bottom:1px dashed #cacaca;}

.content span.comment {float:left; margin:-2.5em 0 0 1em; background:#fff; padding:0 1em;}
.content span.date {float:right; margin:-2.5em 1em 0 0; background:#fff; padding:0 1em; font-weight:bold;}
.content span.comment a, .content span.comment a:hover {font-weight:bold; color:#000; text-decoration:none; background:#fff;}

.content span.prevlink {float:left; font-size:1.5em;}
.content span.nextlink {float:right; font-size:1.5em;}

.content table td {margin: 0; padding: 0;}



.small {font-size: 0.9em;}
.grey-font {color: #888;}

h2.small {font-size: 1.1em; text-transform: uppercase;}



ul.blogroll li img {float: left; margin: 0 10px 10px 0; width: 120px; height: 80px;}
ul.blogroll li#link-4 img, 
ul.blogroll li#link-8 img, 
ul.blogroll li#link-12 img, 
ul.blogroll li#link-16 img, 
ul.blogroll li#link-20 img,
ul.blogroll li#link-24 img {margin-right: 0;}

.article.small-box {width: 510px; margin: 2em 0;}
.article.small-box .excerpt {width: 300px; float: right; text-align:left;}
.article.small-box .excerpt h2 {background-color: #fff; color: #000; font-size: 1.3em; border: 0; margin: 0; padding: 0;}
.article.small-box .excerpt p {font-size: .8em;}
a .article.small-box .excerpt p {color: #000;}



/* sidebar */
.sidebar {list-style: none; text-transform:lowercase;}
.sidebar h2 {font-size: 1.1em; text-transform: uppercase;}
.search-input {border: 1px solid #000; width: 148px; margin-bottom: 1em;}

.sidebar ul {margin:0 0 1em; font-size:.9em; color:#606060;}
.sidebar ul li {line-height:1.3em;}



.sidebar a {color:#606060; text-decoration:none;}
	.sidebar a:hover {color:#fff; background:#000;}
	
.sidebar p {margin-bottom:1em; word-spacing:.1em;}
.sidebar p a {font-weight:bold;}



.last-col img {background:#fff; border-bottom:5px #cacaca solid; margin-bottom:10px;}

.header {border-bottom: 5px #cacaca solid;}



/*
cite.fn {font-weight: bold; font-style: normal;}
.commentlist .comment-wrap {padding: 1em 1em .35em;}
.commentlist .odd {background-color: #eee;}
.commentlist .comment-meta {font-size: 0.9em;} */


/* comments */

cite {font-style: normal; font-weight: bold;}
.commentlist li {margin: 0 0 1em 0;}
.commentlist .comment-text {padding: 5px 10px; font: normal 1em/1em verdana, sans-serif; margin: 0 0 .5em 0; }
.commentlist .comment-text p {padding: 0 0 10px	; margin-bottom: 0;}
.commentlist .black-bg {background: #000 url('gfx/pfeil-black.gif') no-repeat 0 100%; color: #fff;}
.commentlist .blue-bg {background: #00e url('gfx/pfeil-blue.gif') no-repeat 0 100%; color: #fff;}


#respond form dl {height: 20px; margin: 1em 0;}
#respond form dl dt, #respond form dl dd {float: left;}
#respond form dl dd input {width: 354px; width:346px!important; border:1px solid #000; padding:4px; font-family:Arial; font-size:12px;}
#respond form dl dt {padding:1px 0 0 0; width: 154px;}
#respond form textarea {width:508px; width:500px!important; border:1px solid #000; clear: both; padding:4px; font-family:Arial; font-size:12px;}
#respond #submit {width:510px; border:0; border-bottom:5px #cacaca solid; padding:6px 0; margin:-4px 0 -19px; background:#000; color:#fff; font-weight:bold;}

#respond label {line-height:2em; font-weight:bold;}







/* Related Posts */
ol.related-posts {clear:both; text-align:center; margin:10px 0 0 0; padding:0;}
ol.related-posts li{width:150px; float:left; display:inline; margin-right:30px; padding:0;}
ol.related-posts li.last {margin-right: 0px;}
	ol.related-posts a h3 {clear:both; border:none; text-decoration:none;}
	ol.related-posts a:hover h3 {color: #fff; background-color: #000;} 
	ol.related-posts li{font-size:12px;}
	ol.related-posts h3 {text-align: left; color: #888; font-size: 0.9em; font-weight: normal; line-height: 1.3em; margin-top: 5px;}