/*  
Theme Name: Spiff
Theme URI: http://3oneseven.com/
Description: A simple and lightweight theme with custom icons, get <a href="http://forum.3oneseven.com/">support at my forum</a>.
Version: 3.17.2
Tags: black 3column fluid
Author: miloIIIIVII
Author URI: http://3oneseven.com/
*/

body{font:95%/150% "geneva",Tahoma,Arial;color:#ccc;background:#000 url(images/bg.jpg) no-repeat 0 0;
margin: 0;padding:0;}
a {color: #900;text-decoration: none;}
a:visited {color: #ccc;text-decoration: none;}
a:hover {color: #ccc;text-decoration: none;}
a img{border:1px solid #333;}

li {list-style: none;}
p {padding: 0 0 15px;margin: 0;}

h1 {margin:0;padding:40px 0 0 0;height: 60px;font:normal 36px/100% "century gothic",arial,tahoma;color: #900;}
h1 a{color: #900;text-decoration: none;}
.des{margin:-27px 0 0 0;padding:0 0 0 90px;color:#666;}
h1 a:visited{color: #ccc;text-decoration: none;}
h1 a:hover{color: #333;text-decoration: none;}	
h2 {color: #900;margin: 0 0 2px;border-bottom: 1px solid #900;letter-spacing: -1px;font: normal 190%/100% "century gothic",arial,tahoma;padding-bottom: 3px;font-variant: small-caps;}
h2 a, h2 a:visited {color:#666;text-decoration: none;}
h2 a:hover {color: #333;text-decoration: none;}
h3 {font: normal 140%/100% "geneva", Tahoma, Arial;color: #900;margin: 10px 0 5px;}
h4 {font: normal 130%/100% "geneva", Tahoma, Arial;color: #900;margin: 10px 0 5px;}

form {margin:0;padding:0;} 

#page {margin: 0 0 0 135px;width:80%;background: transparent ;}

#header {background: transparent url(images/Wappen.gif) no-repeat top right;height:201px;width:90%;margin:0;position: relative;}
#description{position: relative;bottom: 3px;color:#fff;font-size: 14px;display:none;}

#nav {list-style: none;margin: 0;position:absolute;left:0;top:140px;}
#nav li {float:left;margin-left:5px;}
#nav .current_page_item a, #nav .current_page_item a:visited{color: #333;}
#nav .page_item a{color: #ccc;text-decoration: none;background: transparent url(images/nav1.jpg) repeat-x;padding: 9px 9px;font: normal 14px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;border-top: 1px solid #333;border-left: 1px solid #333;border-right: 1px solid #000;display: block;}
#nav .page_item a:hover {color: #fff;background: transparent url(images/nav2.jpg) repeat-x;}

#content{padding:0;float:left;width: 55%;border-bottom:1px dotted #1D1D1D;}

.post {clear:both;padding:30px 0;}
.entry {float:left;width:90%}
.post-cat {background: url(images/cat.gif) no-repeat left center;padding-left: 15px;float:left;font-size: 75%;color: #ccc;}
.post-comments {background: transparent;padding-left: 15px;float: right;font-size: 75%;}
.post-calendar {background: url(images/cal.gif) no-repeat left center;padding-left: 20px;float: right;font-size: 95%;color: #999;}
.post-content {clear: both;padding: 15px 0;}

.navigation {clear: both;padding: 10px 0;}
.navigation a, .navigation a:visited {color: #900;}

#comments, #respond {border-bottom: 1px dotted #900;padding-bottom: 5px;}
.commentlist {margin: 10px 0;padding-left: 5px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist .alt {background: transparent;width:80%}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: normal;font-style: normal;font-size: 120%;color: #ccc;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;}
#commentform p {padding: 6px 0;margin: 0;}#commentform label{color: #333;font-size: 87%;}
#commentform input{width: 80%;background:transparent;border: 1px solid #900;padding: 3px;margin-top: 10px;}
#commentform textarea{width: 80%;height: 115px;background:transparent;border: 1px solid #900;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff;}
#commentform #submit{background: url(images/bg.gif) no-repeat;font: bold 12px Arial, Helvetica, sans-serif;color: #333;border: none;float:right;width: 144px;height: 28px;cursor: pointer;}

#right_sidebar {float:right;padding:30px 0;width: 20%;}
#left_sidebar {float:left;padding: 30px 0;width: 24%;}

#right_sidebar h3, #left_sidebar h3, #footer h4 {font: normal 130%/100% "geneva", Tahoma, Arial;color:#ccc;margin:5px 0 ;font-variant:small-caps;border-bottom:1px dotted #1D1D1D;background: url(images/1.gif) no-repeat left center;padding-left: 25px;}

.ul-flickr {list-style: none;margin:0 0 15px;padding:0;text-align:center;}
.ul-asides {list-style: none;margin:0 0 5px;padding:0;}
.ul-recent {list-style: none;margin:0 0 15px;padding:0;}
.ul-recent li{margin: 0;padding: 2px 0 2px 20px;background: url(images/fpost.gif) no-repeat left center;}
.ul-recent li a, .ul-recent li a:visited{color: #900;text-decoration: none;}
.ul-recent li a:hover{color: #ccc;text-decoration: none;}

.ul-cat {list-style: none;margin:0 0 15px;padding:0;}
.ul-cat li{margin: 0;padding: 2px 0 2px 20px;background: url(images/cat.gif) no-repeat left center;}
.ul-cat li a, .ul-cat li a:visited{color: #900;text-decoration: none;}
.ul-cat li a:hover{color: #ccc;text-decoration: none;}

.ul-archives {list-style: none;margin:0 0 15px;padding:0;}
.ul-archives li{margin: 0;padding: 2px 0 2px 20px;background: url(images/archive.gif) no-repeat left center;}
.ul-archives li a, .ul-archives li a:visited{color: #900;text-decoration: none;}
.ul-archives li a:hover{color: #ccc;text-decoration: none;}

.ul-blogroll {list-style: none;margin:0 0 15px;padding:0;}
.ul-blogroll li{margin:0;padding: 2px 0 2px 20px;background: url(images/li.gif) no-repeat left center;}
.ul-blogroll li a, .ul-blogroll li a:visited{color: #900;text-decoration: none;}
.ul-blogroll li a:hover{color: #ccc;text-decoration: underline;}

#footer {clear: both;width: 99%;background: transparent url(images/Wappen.gif) no-repeat bottom right
;height:295px;width:91%;margin:0;position: relative;}
color: #ccc;font-size: 95%;line-height: 120%;height:299px;}
#footer a, #footer a:visited{color: #ccc;}
#footer a:hover{color: #900;}

#footer .left-col{width: 30%;float: left;margin-left: 30px;}
#footer .right-col{width: 20%;float: right;padding-right: 10px;padding-left: 10px;}

#credits {margin: 10px auto;padding:10px 0;width: 95%;color: #ccc;font-size: 85%;line-height: 120%;text-align:center;}
#credits a, #credit a:visited{color: #ccc;}
#credits a:hover{color: #900;}

.center,.aligncenter {text-align: center;margin:0 auto;display:block;padding:4px;}
.alignleft{float:left;margin: 4px 10px 5px 0;padding: 3px;}
.alignright {float:right;margin: 4px 10px 5px 0;border: 0;padding: 3px;}

.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0;padding: 0;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #333;}

blockquote {margin: 10px;padding-left: 25px;font-family: Geneva, Arial, Helvetica, sans-serif;border-left: 5px solid #900;}
blockquote cite {margin: 5px 0 0;display: block;border-left: 5px solid #900;}

#searchform {width:99%;padding: 10px;}
#searchform #s {border:1px solid #333;width: 135px;height: 22px;padding:6px 4px;background: #000;vertical-align: middle;font: 14px Arial, Helvetica, sans-serif;color: #666;}
#searchform #searchsubmit {background: url(images/search.gif) no-repeat;border: none;width: 28px;height: 24px;vertical-align: middle;cursor: pointer;}

body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border-bottom:3px double #900;border-right:3px double#900;text-align:left;padding:5px;min-height:1em;}
body div#toolTip p { margin:0;padding:0;color:#ccc;font:11px/12px geneva,arial,sans-serif; }
body div#toolTip p em,
body div#toolTip p em span{ display:none; }