/*  

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/header.gif) no-repeat top right;height:201px;width:100%;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:10px 0;width: 21%;}

#left_sidebar {float:left;padding: 10px 0;width: 23%;}



#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/footer.gif) no-repeat bottom left;color: #ccc;font-size: 95%;line-height: 130%;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: 90%;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; }