/*



Theme Name: Blass

Theme URI: http://1000ff.de/
Description: Elegantes, widgetf&auml;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:#000000;
	margin:0;
}
* {
	margin:0;
	padding:0;
}

/* header
--------------------------------------------------*/
#header {

	border-top:30px solid #FFF;
}

#header .description {
	float:right;
	margin:45px 0 0 0;
	color:#333;
}
#header h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
	border-bottom:3px solid #336699;
}

#wrapper {
	width:760px;
	margin:0 auto;
}

/* header h1 (blogtitle)

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

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

h1 a {
	text-decoration:none;
	color:#336699;
}

h1 a:hover {
	text-decoration:none;
	color:#333;
      background:#EFF8FB;
}

/* navigation
--------------------------------------------------*/

#nav {

	border-bottom:3px solid #EFF8FB;
	padding:15px 0;
	margin:0;
	height:25px;
}

#nav li {

	float:left;
	list-style:none;
      padding:0px 10px 0px 0px;
}

#nav li a {
	color:#999;
	padding:5px 5px 5px 5px;
	background:#fff;
	font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
	margin:1px 2px 0 0;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

#nav li a:hover {
	background-color:#EFF8FB;
	color:#000;
	text-decoration:none;
}
#nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}

.clear {
	clear:both;
}

/* content

--------------------------------------------------*/
#content {
	margin:0 250px 0 0 !important;
	margin:0 250px 0 0;
	padding:10px 20px 30px 0px;
}

#content2 {
	margin:0 0px 0 0 !important;
	margin:0 0px 0 0;
	padding:10px 0px 30px 0px;
}

#content p, #content2 p {

	line-height:25px;
	margin:25px 0;
	font-size:125%;
	word-spacing:1px;
      text-align:justify;
}


#content a, #content2 a{

	text-decoration:none;
	color:#999;
}

#content a:hover, #content2 a:hover{
	background-color:#EFF8FB;
	color:#000;
}

#content h2, #content2 h2{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
	font-size:2.8em;
	font-weight:normal;
      color:#999;
	margin:15px 0;
	border-bottom:1px solid #EFF8FB;
	padding:5px 0;
	line-height:30px;
}

#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%;
}

#content2 ul, ol {
	margin:10px 10px 10px 25px;
}

#content li {
	padding:10px;
	border-bottom:1px solid #EFF8FB;
}

#content2 li {
	padding:10px;
	border-bottom:1px solid #EFF8FB;
}
/* border images / blockquote

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

img {
	background:#ccc;
	padding:1px;
	border:5px solid #eee;
}

blockquote {
	padding:5px 15px;
	background:#EFF8FB;
	margin:10px 0;
	border:1px solid #ccc;
}

/* lost links / more tag

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

a {
	color:#336699;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;



	background-color:#EFF8FB;



}







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 0 50px 0;}







.post .info{



	padding:2px 3px 3px 8px;



	border-bottom:1px solid #ccc;



	border-top:1px solid #ccc;



	background-color:#F2F2F2;



	font-size:1em;



font-color:#FFFFFF;



	color:#FFFFFF;



}











/* metadata sidebar ('about this post')



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







p.news {



	padding:10px;



	background:#FFF;



	margin:10px 0 28px;



	color:#333;



      font-size:120%;



	border-bottom:0px solid #ccc;



	border-top:0px solid #ccc;



}











/* sidebar



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







 #sidebar {
         width:220px;
         float:right;
         padding:28px 10px 30px 10px;
         }


#sidebar h2 {
         letter-spacing:1px;
         font-size:1.6em;
         color:#333;
         padding:0 0 3px 0;
         }


#sidebar ul {
	list-style:none;
	margin:0 0 23px 0;
	font-size:125%;
}

#sidebar li {
         padding:3px;
	border-bottom:1px solid #EFF8FB;
	list-style:none;
}

#sidebar li a {
        	color:#336699;
	text-decoration:none;
}

#sidebar li a:hover {
	color:#000;
	background-color:#F2F2F2;
}

#sidebar input {
	width:102px;
	padding:3px;
	background:#fff;
	color:#444;
	border:1px solid #eee;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;

}

/* some input



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







input {



	border: 1px solid #CCC;



	font-size: 11px;



}







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: 350px;



}







#commentform textarea {



	background: #f8f7f6;



	border: 1px solid #d6d3d3;



	width: 480px;



}







#commentform #email, #commentform #author, #commentform #url {



	font-size: 1.1em;



	background: #f8f7f6;



	border: 1px solid #d6d3d3;



	width: 350px;



}







#commentform input{



	margin-bottom: 3px;



}











/* footer



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







#footer {



	padding:20px 0 20px;



	margin:0;



	color:#333;



}







#footer a {



      color:#999;



      text-decoration:none;



}







#footer a:hover {



	text-decoration:none;



	color:#333;



      background:#EFF8FB;



}



