/*

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: 62.5%/1.3em "Verdana", "Verdana", verdana, geneva, sans-serif;
color:#ffffff;
display:block;
margin:100;
background:url("images/background.jpg") #999;
background-position:Top Center;background-attachment:fixed;

background-repeat:no-repeat;}

* {
margin:0;
padding:0;
}


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

#header {
height:25px;
background:url("")
}

#header h1 {
margin:35px 35px 0 0;
padding:25px 25px 20px 0;
border-bottom:3px solid #ffffff;
}

#wrapper {
width:700px;
margin:20px auto 0 380px;
background-color: #222222;
opacity: .85 ;
-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;

}


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

h1 {
font-family: "Tahoma", "Tahoma", "Times New Roman", Tahoma,;
font-size:3.4em;
font-weight:normal;
color:#ffffff;
letter-spacing:-1px;
margin:45px 0;
}

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

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

h1 a:active {
text-decoration:none;
color:#ffffff;
border-style: none;
}



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

#nav {
margin:0 10px;
padding:0 50px 0 35px;
height:60px;

}

#nav li {
float:left;
list-style:none;
padding:0px 10px 0px 0px;
border-style:none;
}

#nav li:active {
float:left;
list-style:none;
padding:0px 10px 0px 0px;
border-style:none;
}

#nav li a {
color:#ffffff;
padding:5px 5px 5px 5px;
font:2.0em "Verdana";
margin:1px 2px 0 0;
font-weight:light;
display:block;
border-style: none;
}

#nav li a:hover {
color:#ffff99;
text-decoration:none;
border-style:none;
}

#nav li a.active {
text-decoration:none;
border-style:none;

}

.clear {
clear:both;
}


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

#content {
display: inline;
line-height:20px;
text-align:justify;
float:left;
width:600px;
margin: 0px 28px 25px 50px;
}


#content p {
font: 1.2em verdana;
color:#ffffff;
text-align:justify;
line-height:20px;
letter-spacing: 2,9em;

}


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

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

#content h2 {
font-size:1.2em verdana;
font-weight:normal;
color:#ffffff;
word-spacing:1px;
letter-spacing:1px;
}

#content h2 a {
font-size:1.1em verdana;
font-weight: normal;
line-height:50px;
color:#ffffff;
}

#content h3 {
color:#ffffff;
font:1.1em Verdana;
font-weight:normal;
line-height:20px;
}

#content h3 a {
color:#ffffff;
font:1.1em Verdana;
font-weight:normal;
line-height:20px;
}

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

#content li {
font-size:1.4em Helvetica;
color:#423515;
line-height:30px;
}

/* contenta
--------------------------------------------------*/


#contenta {
display: inline;
float:left;
text-align:justify;
width:600px;
margin:10px 35px 15px 25px;
}

#contenta p {
font: 1.2em verdana;
color:#ffffff;
line-height:18px;
letter-spacing: 2,9em;
margin:12px 0 50px;
}


#contenta a {
text-decoration:none;
color:#ffffff;
}

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

#contenta h2 {
font-size:1.2em verdana;
font-weight: normal;
color:#ffffff;
padding:10px 0 0 0;
}

#contenta h2 a {
font-size:1.2em verdana;
font-weight: normal;
color:#ffffff;
text-decoration:none;
border:none;
}

#contenta h3 {
color:#ffffff;
font:1.4em Verdana;
font-weight:normal;
line-height:18px;
}

#contenta h3 a {
color:#ffffff;
font:1.4em Tahoma;
font-weight:normal;
line-height:18px;
}

#contenta h4 {
font: 1.0em "Tahoma";
color:#ffffff;
font-weight:normal;
line-height:13px;
padding: 0px 0 5px 0;
}

#contenta h5 {
font: 1.1em "Tahoma";
color:#ffffff;
line-height:13px;
padding: 0px 0 5px 0;
}

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

#contenta li {
font-size:1.2em;
line-height:20px;
}




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

img {
margin:0 20px 10px 0;
border:1px solid #ffffff;
display:inline;
}


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


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

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

a:hover {
color:#ffffff;
text-decoration:underline;
border-style:none;
}

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

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


/* metadata under post
--------------------------------------------------*/
.post {
margin:20px 20px 50px 25px;
width: 600px;
clear:both;

}

.posta {
margin:50px 20px 50px 0;
width:430px;
border-bottom:1px solid #ffff99;
clear:both;
}

.post .info {
border-top:1px solid #ccc;
background-color: #ffffff;
font-size:1em;
color:#ffffff;
clear:both;
}


/* 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 {
width:200px;
float:right;
margin:40px 0 0 0;
padding:0px 15px 0 15px;
border-left:1px solid #ffff99;
}

#sidebar h2 {
letter-spacing:1px;
font-style: Verdana;
font-size:1.2em;
color:#ffffff;
margin:15px 0 15px 0;
}

#sidebar ul {
font:11px "Verdana", "Tahoma", Trebuchet MS; 
list-style:none;
margin:0 0 23px 0;
font-size:120%;
}

#sidebar li {
font:11px "Verdana", "Tahoma", Trebuchet MS; 
padding:3px 5px 3px 5px;
list-style:none;
}

#sidebar li a {
padding:3px 0 3px;
color:#ffffff;
text-decoration:none;
}

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

#sidebar input {
width:102px;
padding:3px;
background:#transparent;
font:11px "Verdana", "Tahoma", Trebuchet MS; 
}

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


/* some input
--------------------------------------------------*/

input {
border: 1px solid #E0FFB4;
font-size: 11px;
background-color: #222222;
}

input:hover {
border:0px solid #262626;
	
}
input:focus {
border:0px 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 #ffffff;
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:0 auto 30px auto;
padding: 5px 0 0 50px;
color:#ffffff;
width:720px;
height:40px;
background:url("images/footer.jpg")
clear:both;
}

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

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

/* misc */

.float_left{
float:left;
}

.float_right{
float:right;
}

#clear{
clear:both;
}


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

#nav li a {
color:#ffffff;
padding:5px 5px 5px 5px;
font:2.2em "Verdana";
margin:1px 2px 0 0;
font-weight:light;
display:block;
border-style: none;
}

#nav li a:hover {
color:#ffff99;
text-decoration:none;
border-style:none;
}

#nav li a.active {
background-color:#000000;
color:#000000;
text-decoration:none;
border-style:none;

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

#nav li ul {
position:absolute;
left:-999em;
/*top:342px;*/
height:auto;
width:60px;
z-index:99;
border-style: none;

}

#nav li li {
line-height:10px;
width:60px;
color:#222222;
border-style: none;
}

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

#nav li ul li {
background:#transparent;
border-left:1px solid silver;
border-right:1px solid silver;
border-bottom:1px solid silver;
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
border-style: none;
}

#nav li ul li a {
font-size:11px;line-height:10px;
color:#ffffff;
}

#nav li:hover ul li a:hover {
background-image:none;
background-color:#222222;
color:#ffff99;
width:60px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
border-style:none;
}

#nav li ul ul {
margin:-25px 0 0 60px 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em;
border-style:none;
}

#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:#transparent;*/
}