/*  
Theme Name: At Nightfall
Theme URI: http://www.webdesign-in.de/
Description: Live the illusion. At nightfall it becomes clear.
Version: 1.00
Author: mts
Author URI: http://www.webdesign-in.de/
use it under the creative common license
URI:http://creativecommons.org/licenses/by-nc/2.0/
*/
/*two columns*/
body {
	background:#ccc url(images/nightfall.gif) repeat-y 50% 0;
  	color:#fff;
	margin:0px;
	padding:0px;
	font-size:0.9em;
	height:100%;
	text-align:center;
}

#box{
	background:url("images/nightfall_logo.gif") repeat-x;
	width:742px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	border-top:0px solid #797874!important;
	text-align:center;
}
#content{
 	background:transparent;
	color:#fff;
	float:right;
	text-align:left;
	width:480px;
 	margin:-25px 15px 0px 0px;
 	padding-left:10px;
 	pading-right:20px;
}
#logo{
	background:url("images/nightfall_logo_spacer.gif") no-repeat 95% 50%;/*second logo als a new layer-if you would like to use it*/
	height:110px;
	margin-top:-10px!important;
	margin-top:-10px;
	padding-top:25px;
	width:742px;
	text-align:left;
}
#logo h1{
	margin-left:30px;
}


#sidebar{
	background:transparent;
	margin:-100px 0px 0px 0px;/*this -100px is relativ to the font-size of sidebar h1 and to the "height" of your logo*/
	padding:0px;
	width:205px;
	text-align:left;
}

/*two columns */
/*for the name of your blog*/
#sidebar h1{
	color:#fff;
	font-size:20px;
	line-height:150%;
	margin-left:15px;
	font-weight:400;
}
#sidebar h1:first-letter{
	font-size:150%;
	font-style:italic;
}
/*for the name of your blog end*/

/* all over the world*/
html, body,h1, h2, h3, h4, h5, h6, div, p, ul, li, ol, input {
	font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;
}
h1,h2,h3,h4,h5, h6{
	font-size:1.1em;
	line-height:1.5em;
	color:#ffd700;
	font-weight:400;
}
 p{
	font-size:0.9em;
}
code{
	font-size:0.9em;
	width:450px;
}
b, strong {
	color:#fff;
}
em, i {
	color:#fff;
}
blockquote, address {
	margin:0 5%;
	padding:0 5px 0 9px;
	border-left:5px solid #b1b1b1;
	font-weight:550;
	font-size:1.1em;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
/*all over the world end*/

/*for all links*/
a {padding:0px 2px;color: #ffd700; background-color:inherit;text-decoration:underline;}
a:link {color: #ffd700; background-color: inherit;text-decoration:underline;}
a:visited {color: #ffd700;  background-color:inherit;text-decoration:none;}
a:link:focus{ color:#ffff00;background-color:#fff;text-decoration:none;}
a:link:hover, a:visited:hover {color:#ffff00; background-color: inherit; text-decoration:none;}
a:link:active, a:visited:active {color:#292929;background-color:inherit;}

/* pictures as a link*/
:link img { border-color:transparent; }
:visited img { border-color:transparent; }
:link:active img, :visited:active img { border-color: transparent; }


/*for all links end */


/*specials for content*/
#content h1,#content  h2,#content h4,#content h5, #content h6{
	font-size:1.1em;
	line-height:1.5em;
	color:#fff;
	font-weight:400;
}
/* response in content*/
.leaveresponse{
	border-left:2px outset #6C6C6C!important;
	border-left:5px outset #6C6C6C;
	border-bottom:3px outset #b1b1b1;
	text-align:left;
	margin-right:5px;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	font-size:0.9em;
	line-height:1.5em;
}

.first {
	font-size:150%;
	font-style:italic;
}
.leaveresponse  fieldset textarea{
	font-size:0.8em;
	padding-left:5px;
	border:2px outset #cacaca;
}
/*this you can't see in all browser*/
.leaveresponse input[type=submit]{
	cursor: pointer;
    float:right;
    border:4px outset #b1b1b1;
}

.submit{
	cursor: pointer;
    float:right;
    border:2px outset #b1b1b1;
}
/*the basic response*/
.responselist{
	background-color: #353535;
	border-bottom:3px outset #b1b1b1;
	padding:1px 3px;
}

/*the alternativ  response*/
.alt {
	background-color: #454545;
	border-bottom:3px outset #b1b1b1;
	padding:1px 3px;
}
#content  h3{
	padding-top:0px;
	margin-top:0px;
	font-weight:400;
	font-size:1.1em;
	color:#fff;
	font-style:italic;
}

.metadata{
	font-size:0.9em;
	line-height:140%;
}

/*response in content end*/
/*page navigation in content*/
.navigation {
	display:block;
	width:80%;
	text-align:center;
	margin:4px;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
/*page navigation in content end*/
/*specials for content end*/

/*for the blog's name*/
#logo h1{
	font-size:25px;
}

/*specials for the sidebar*/
/* sidebar links */
#sidebar a{
	width:145px;
}
#sidebar p{
	padding-left:6px;
}
li {
	list-style-type: none;
	list-style-image:none;
}
#sidebar ul, #sidebar ul li {
	margin:0px 0px 0px 5px;
	padding:0px;
}

#sidebar ul li ul li{
	margin:0px 2px 0px 10px;
	padding:4px 0px 0px 6px;
}
#sidebar h2{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	color:#fff;
}
#sidebar h2:first-letter {
	font-size:150%;
	font-style:italic;
}
/*specials for the sidebar end*/

/* necessary */
.invis{position:absolute;left:-2999px;width:999px;}

img{
	border:none;
}
.clear {
	margin:0;
	padding:0;
	clear:both;
	height:0;
}

/* necessary over*/