/*



Theme Name: Blass

Theme URI: http://1000ff.de/

Description: Elegantes, widgetfähiges Theme, das komplett ohne Bilddateien auskommt. 

Version: 1.0

Author: 1000ff

Author URI: http://1000ff.de/



*/







/* body

--------------------------------------------------*/



body {
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#333;
	margin:0;
}
* {
	margin:0;
	padding:0;
}
#background {
	background-image: url(http://www.bhcg.de/images/backline.gif);
	background-repeat: repeat-x;
	position: fixed;
	z-index: 1;
	width: 100%;
	background-color: #DDDFD2;
	height: 2000px;
}
#backcenter {
	background-image: url(http://www.bhcg.de/images/backcenter_02.png);
	height: 100%;
	width: 864px;
	margin-left: -432px;
	position: fixed;
	left: 50%;
	z-index: 2;
}
code {
	font: 100% "Courier New", "Lucida Console", Arial;
}

/* header

--------------------------------------------------*/
.alignleft {
    float: left;
    text-align: left;
    margin-left: 0px; 
    margin-right: 10px;
}

.alignright {
    float: right;
    text-align: right;
    margin-left: 10px; 
    margin-right: 0px;
}


#header {
	width: 100%;
	z-index: 6;
	background: url(http://bhcg.de/blog/images/blog_head.jpg) 43px 37px no-repeat;
}
#header .description {
	margin:0;
	color:#333;
	text-indent: -99999em;
	height: 1px;
}
#header h1 {
	margin:0;
	padding:0;
	text-indent: -99999em;
	height: 1px;
}
#header img {
	background:none;
	padding:0;
	border: none;
}
#wrapper {
	width: 816px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -412px;
	z-index: 5;
	position: absolute;
	left: 50%;
	top: 0px;
	background: #FFF url(http://www.bhcg.de/images/backleftmain.gif) repeat-y;
}
/* header h1 (blogtitle)

--------------------------------------------------*/



h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", Times, serif;
	font-size:3.8em;
	font-weight:normal;
	color:#333;
	letter-spacing:-1px;
	margin:20px 0;
}
h1 a {
	text-decoration:none;
	color:#333;
}
h1 a:hover {
	text-decoration:none;
	color:#333;
}

/* navigation

--------------------------------------------------*/



ul#nav {
	color: #422D2D;
	padding-top: 109px;
	margin: 0 0 0 18px;
	list-style-type: none;
	font-size: 120%;
	z-index: 1020;
	cursor: default;
	height: 28px;
}
ul#nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 97px;
	height: 28px;
	float: left;
}
ul#nav a, ul#nav a:visited {
	display: block;
	cursor: pointer;
	background-color: #EEE;
	color: #CDCCB2;
	text-decoration: none;
	background: url(http://www.bhcg.de/images/button_up.gif) repeat-x;
	margin-left: 1px;
	text-align: center;
	height: 22px;
	vertical-align: middle;
	padding-top: 6px;
}
ul#nav a:hover, ul#nav a:focus, ul#nav a.blog {
	color: #422D2D;
	background: url(http://www.bhcg.de/images/button_down.gif) repeat-x;
}
p#blog {
	text-align: right;
	width: 467px;
}
.clear {
	clear:both;
}
/* content

--------------------------------------------------*/



#content {
	margin:0 310px 0 0 !important;
	margin:0 310px 0 0;
	padding:10px 20px 30px 70px;
}
#content2 {
	margin:0 0px 0 0 !important;
	margin:0 0px 0 0;
	padding:10px 0px 30px 0px;
}
#content p, #content2 p {
	line-height:120%;
	margin: 15px 0;
	font-size:120%;
}
#content label {
	font-size:100%;
	padding: 0 0 5px 0;
	display: block;
}
#content p.commentLabel label {
	display: block;
	position: relative;
}
#content p.commentLabel label span {
	text-align: right;
	position: absolute;
	right: 7px;
	top: 0px;
	display: block;
}
#content a, #content2 a {
	text-decoration:none;
	color:#999;
}
#content a:hover, #content2 a:hover {
	color:#000;
}
#content h2, #content2 h2 {
	font-size:1.6em;
	font-weight:bold;
	color:#929292;
	margin:10px 0;
	padding:5px 0;
}
#content h2 a, #content2 h2 a {
	text-decoration:none;
	border:none;
}
#content h3 {
	margin:10px 0;
	font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
	color:#222;
}
#content2 h3 {
	margin:10px 0;
	font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
	color:#222;
}
#content ul, ol {
	margin:10px 10px 10px 25px;
	font-size:120%;
}
#content li {
	padding:10px;
}

#content ul li.Listen-Norm {
	list-style-image: url(http://www.bhcg.de/blog/images/li-punkt.gif);
        line-height: 100%;
	margin: 0 0 0 -10px;
        padding: 0;
}

#content ul li.Listen-Medium {
	list-style-image: url(http://www.bhcg.de/blog/images/li-punkt.gif);
        line-height: 100%;
	margin: 20px 0 0 -10px;
        padding: 0;
}

#content ul li.Listen-BIG {
	list-style-image: url(http://www.bhcg.de/blog/images/li-punkt.gif);
        line-height: 100%;
	margin: 30px 0 0 -10px;
        padding: 0;
}
#content2 ul, ol {
	margin:10px 10px 10px 25px;
}

#content .info span.rss {
	background: url(http://www.bhcg.de/blog/images/rss-icon.gif) 0 7px no-repeat;
	padding: 10px 0 5px 20px;
	display: block;
}
#content .info .rss a {
	color: #999;
}
#content .info .rss a span {
	color: #000;
}
#content2 li {
	padding:10px;
}

/* border images / blockquote

--------------------------------------------------*/



img {
	background:#ccc;
	padding:1px;
	border: 5px solid #eee;
}
blockquote {
	padding:5px 15px;
	background:#eee;
	margin:10px 0;
	border:1px solid #ccc;
}
/* lost links / more tag

--------------------------------------------------*/



a {
	color:#999;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;
	background-color:#eee;
}
a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0;
}
a.more:hover {
	text-decoration:none;
}
/* metadata under post

--------------------------------------------------*/

.post {
	margin:0 10px 50px 0;
}
.post .info {
	padding:2px 3px 3px 8px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:1em;
	color:#333;
}
#content p.info a {
	color: #fe793e;
}
/* metadata sidebar ('about this post')

--------------------------------------------------*/



p.news {
	padding:10px;
	background:#eee;
	margin:10px 0 28px;
	color:#333;
	font-size:120%;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}
/* sidebar

--------------------------------------------------*/



#sidebar {
	width:243px;
	float:right;
	padding:0 25px 30px 55px;
	margin: -45px 0 0 0;
}
#sidebar h2 {
	letter-spacing:1px;
	font-size:1.4em;
	color:#929491;
	padding:0 0 3px 0;
	margin: 30px 0 0 -15px;
}
#sidebar ul {
	list-style:none;
	margin:0 0 23px 0;
	font-size:120%;
}
#sidebar ul ul.children {
        font-size:100%;
        border-top:1px dotted #dbdbdb;
        margin:0;
}
#sidebar li {
	padding:3px;
	border-bottom:1px dotted #dbdbdb;
	list-style:none;
}
#sidebar ul ul.children li {
        border-bottom:none;
        padding: 3px 3px 0 10px;
}
#sidebar li a {
	color:#929491;
	text-decoration:none;
}
#sidebar li a:hover {
	color:#000;
	background-color:#eee;
}
#sidebar li.rss {
	background: url(http://www.bhcg.de/blog/images/rss-icon.gif) 0 10px no-repeat;
	border: none;
	padding: 10px 0 0 20px;
}
#sidebar label {
	color:#929491;
	font-size: 100%;
	margin: 0 100px 10px 0;
}
#sidebar input {
	width:82px;
	padding:3px;
	background:#fff;
	color:#929491;
	border:1px solid #eee;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}
#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}
#sidebar input.checkbox {
	width: 20px;
	border: none;
	margin: 5px 5px 5px 0;
}
#sidebar h2 a.rsswidget {
	margin:-3px 0 0 0;
}
.rssImg {
	border:none;
	margin: 0 3px 0 0;
	padding: 0;
}
/* some input

--------------------------------------------------*/



input {
	border: 1px solid #CCC;
	font-size: 11px;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}
input:hover {
	border:1px solid #262626;
}
input:focus {
	border:1px solid #262626;
	color:#333;
}
/* comments

--------------------------------------------------*/



#comments {
	font-size:0.9em;
}
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}
#commentform {
	margin: 1em 0;
	background: #ffffff;
	width: 360px;
	text-align:left;
}
#commentform textarea {
	background: #f8f7f5;
	border: 1px solid #d4d4d2;
	width: 350px;
}
#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
	width: 350px;
}
#commentform input {
	margin-bottom: 3px;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}
/* footer

--------------------------------------------------*/



#footer {
	padding:20px 0 20px 70px;
	margin:0;
	color:#333;
}
#footer a {
	color:#999;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:none;
	color:#333;
	background:#eee;
}