/*

Theme Name: Blass2
Theme URI: http://1000ff.de/wordpress-theme-blass-english-version/
Description: Widgetized, elegant, simple. There are no image files, so Blass loads pretty fast.
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, valid CSS, valid XHTML
Version: 1.5
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;
background-color: #cccccc;
}

* {
margin:0;
padding:0;
}

code {
font:100% "Courier New", "Lucida Console", Arial;
}

th {
 padding-top: 0px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 10px;
 font-size: 12px;
}

/* header
--------------------------------------------------*/
#header {
 padding: 10px 20px;
 background: url('banner.png') no-repeat;
 width: 950px;
 height: 106px;
}

#header .counter {
 font-size: 5em;
}

#header .description {
float:right;
color:#333;
margin-top: 20px;
margin-right: 30px;
text-align: center;
clear: both;
}

#wrapper {
width:950px;
margin:0 auto;
background-color: #cccc33;
}

/* header h1 (blogtitle)
--------------------------------------------------*/
#header h1 {
font-family:"Lucida Grande", "Lucida Sans Unicode", "Times New Roman", Times, serif;
font-size:3em;
font-weight:400;
color:#000000;
letter-spacing:-1px;
margin:20px 0;
}

#header h2 {
 color: #ffffff;
 margin-left: 30px;
 font-size: 3.8em;
 font-weight: 400;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Times New Roman", Times, serif;
}

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

#navigation {
 background: #000000;
 font-size: 16px;
 padding: 10px;
}

#navigation ul {
}

#navigation ul li {
 list-style: none;
 display: inline;
 padding: 10px;
}

#navigation a {
 color: #cccc33;
}

#navigation a:hover {
 color: #93c0fb;
}

.clear {
clear:both;
}

/* content
--------------------------------------------------*/

#description-box {
  padding: 15px;
  background: #993300;
  font-size: 12px;
  color: #ccc;
}

#description-box a{
	color:#cccc33;
}

#description-box a:link,#description-box a:visited{
	color:#cccc33;
}

#content {
  margin-top: 20px;
  padding: 0 20px 20px;
  min-height: 400px;
}

#media-content {
  float: right;
  width: 400px;
  padding: 20px;
}

#news-bar {
  float: left;
  width: 300px;
  padding: 20px;
  background-color: #cb8600;
}

#news-bar a {
 color: #660000;
}

#news-bar a:hover {
 color: #ffffff;
}

#news-bar h2 {
  margin-bottom: 10px;
}

#lower-content {
  padding: 0 20px 20px;
  width: 550px;
  float: left;
}

#content textarea {
  background:#f8f7f6;
  border:1px solid #d6d3d3;
  width:350px;
  height: 100px;
}


#content textarea:hover {
border:1px solid #262626;
}


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

.content p,#content2 p {
font-size:12px;
word-spacing:1px;
text-align:left;
margin-top: 10px;
}

p.introduction {
 margin-bottom:20px;
 margin-top:10px;
 text-align:left;
}

.content a,#content2 a {
text-decoration:none;
color:#660000;
}

.content a:hover,#content2 a:hover {
color:#000;
}

.content h2,#content2 h2 {
font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
font-size:2.8em;
font-weight:400;
color:#000000;
line-height:30px;
margin:15px 0;
padding:5px 0;
}

.content h2 a,#content2 h2 a {
text-decoration:none;
border:none;
}

.content h1 {
font:3em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

.content h3 {
font:2em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#000000;
margin:10px 0;
}

.content h4 {
font:1.8em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

.content h5 {
font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content2 h3 {
font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

.content ul,ol {
font-size:120%;
margin:10px 10px 10px 25px;
}

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

/* border images / blockquote
--------------------------------------------------*/
img {
background:#ccc;
border:5px solid #eee;
margin-right: 10px;
margin-bottom: 10px;
}

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

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

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

a.more:hover {
text-decoration:none;
}

/* metadata under post

--------------------------------------------------*/
.post {

margin:0 0 50px;
}

.post .info {
font-size:1em;
color:#333;
padding:2px 3px 3px 8px;
}

/* metadata sidebar ('about this post')

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

/* sidebar
--------------------------------------------------*/
#sidebar {
width:200px;
float:right;
padding: 0px 10px 30px;
text-align: right;
}

#middlebar {
width: 250px;
float: right;
padding: -3px 10px 30px;
margin-left: 20px;
}

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


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

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

#s2idebar li a:hover {
color:#000;
}


.sidebar ul.nav {
 list-style: none;
 font-size: 120%;
 margin: 0 0 23px;
}

.sidebar li.nav {
 margin-top: 5px;
 margin-bottom: 0px;
 font-style: bold;
 font-size: 200%;
 padding: 25px;
 background-color: #000000;
}

.sidebar li.nav a {
  color: #83D424;
}

.sidebar li.nav a:hover {
  color: #ffffff;
}

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

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

/* some input
--------------------------------------------------*/
input {
border:1px solid #CCC;
font-size:12px;
padding: 5px;
}

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 {
background:#fff;
width:350px;
text-align:left;
margin:0;
}


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

#gravatar {
align:right;
}

/* footer
--------------------------------------------------*/
#footer {
color:#333;
margin:0;
padding:20px 0;
text-align: center;
clear: both;
margin-bottom: 20px;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#header h1 a:hover,#footer a:hover {
text-decoration:none;
color:#000000;
}

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

a, #footer a {
color:#660000;
text-decoration:none;
}