/*

Theme Name: FF Minimal
Theme URI: http://fontfront.com/
Description: minimalistisches, widgetfähiges Theme, das komplett ohne Bilddateien auskommt. 
Version: 1.0
Author: Dirk Martin
Author URI: http://fontfront.com/

*/



/* body
--------------------------------------------------*/

body {
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#626262;
margin:0;
}

* {
margin:0;
padding:0;
}


/* header
--------------------------------------------------*/

#header {
height:135px;
background-image:url("images/header_bg.gif");
margin:0 0 70px 0;
}

#header img {
position:absolute;
margin:0;
padding:0;
}

#wrapper {
width:960px;
margin:0 auto 0 auto;
background-color:white;
}


/* header h1 (blogtitle)
--------------------------------------------------*/

h1 {
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
--------------------------------------------------*/

#nav {
position:absolute;
font-size:13px;
letter-spacing:0.035em;
margin:87px 0 0 210px;
height:31px;
background-repeat:repeat-x;
}

#nav li {
float:left;
list-style:none;
}

#nav li a {
display:block;
height:25px;
padding-left:18px;
color:#626262;
text-decoration:none;
}

#nav li a:hover {
color:#c40e24;
text-decoration:none;
}

#nav li a:active {
text-decoration:none;
outline:none;
}

.clear {
clear:both;
}


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

#content {
display: inline;
float:left;
width:570px;
margin:0 0 30px 30px;
}

#content p {
line-height:22px;
margin:25px 0;
font-size:13px;
letter-spacing:0.02em;
}

#content a {
text-decoration:none;
color:#c40e24;
}

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

#content h2 {
margin:0;
font-size:19px;
color:#c40e24;
font-weight:bold;
letter-spacing:0.035em;
line-height:1.6em;
}

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

#content h3 {
margin:10px 0;
color:#222;
}

#content ul, ol {
margin:0 0 0 15px;
font-size:120%;
}

#content li {
line-height:20px;
}

/* border images / blockquote
--------------------------------------------------*/

img {
margin:0;
padding:5px;
float:left;
border:0;
}


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


/* lost links / more tag
--------------------------------------------------*/

a {
color:#c40e24;
text-decoration:none;
}

a:hover {
color:#c40e24;
text-decoration:underline;
}

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 {
border-top:1px solid #ccc;
font-size:1em;
color:#333;
}


/* metadata sidebar ('about this post')
--------------------------------------------------*/

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


/* sidebar
--------------------------------------------------*/

#sidebar {
font-size:12px;
line-height:19px;
letter-spacing:0.02em;
width:270px;
float:right;
margin:0 30px 0 0;
padding:0 0 0 30px;
}

#sidebar h2 {
margin:0 0 10px;
font-size:17px;
color:#c40e24;
font-weight:bold;
letter-spacing:0.035em;
}

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

#sidebar li {
padding:3px 3px 3px 0px;
list-style:none;
}

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

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

#sidebar input {
width:102px;
padding:3px;
background:#fff;
color:#444;
border:1px solid #eee;
}

#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 {
margin:35px auto 35px auto;
padding:15px 30px 0 30px;
color:#626262;
width:900px;
height:63px;
border-top:1px solid #e0e0e0;
}

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

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

#footerbox_right {
float:right;
}


/* misc */

.float_left{
float:left;
}

.float_right{
float:right;
}

#clear{
clear:both;
}


/* suckerfishnav
--------------------------------------------------*/

#nav, #nav ul {
float:left;
list-style:none;
}

#nav li ul {
position:absolute;
left:-999em;
height:auto;
width:234px;
z-index:99;
}

#nav li li {
line-height:17px;
width:234px;
}

#nav li li a {
padding:5px 5px;
height:auto;
}

#nav li ul li {
background:#f7f7f7;
border-left:1px solid silver;
border-right:1px solid silver;
border-bottom:1px solid silver;
}

#nav li ul li a {
padding-left:18px;
padding-right:18px;
font-size:13px;
color:#666;
}

#nav li:hover ul li a:hover {
background-image:none;
background-color:#999;
color:white;
width:198px;
}

#nav li ul ul {
margin:-20px 0 0 131px
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}

#nav li:hover, #nav li.sfhover {
}

#nav li:hover a, #nav li.sfhover a {
/*color:#7f2824;*/
}