/*  

Theme Name: Spiff

Theme URI: http://milo.peety-passion.com/category/themes/

Description: A simple and lightweight theme with custom icons.

Version: 1.0

Author: milo IIIIVII

Author URI: http://milo.peety-passion.com/

*/

body {font: 90%/150% "geneva", Tahoma, Arial;color: #ccc;background: #000 url(images/bg.jpg) no-repeat ;margin: 0;padding: 0 0 20px;}

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

a:visited {color: #900;text-decoration: none;}

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

li {list-style: none;}

p {padding: 0 0 15px;margin: 0;}

h1 {margin:0;height: 60px;font: bold 36px/100% "arial";color: #900;float:left;}

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

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

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

h2 {color: #900;margin: 0 0 2px;border-bottom: 1px solid #900;letter-spacing: -1px;font: normal 190%/100% "arial", Tahoma, Arial;padding-bottom: 3px;font-variant: small-caps;}

h2 a, h2 a:visited {color: #900;text-decoration: none;}

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

h3 {font: normal 120%/80% "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 155px;width: 800px;background: transparent ;}

#header {background: transparent url(images/header.gif) no-repeat top right;height: 201px;width:100%;margin:0px;position: relative;}

#description{position: relative;bottom: 3px;color:#fff;font-size: 14px;display:none;}

#nav {list-style: none;margin: 0;position: absolute;left: 0px;top: 140px;}

#nav li {float: left;margin-left: 5px;}

#nav .current_page_item a, #nav .current_page_item a:visited{color: #000;}

#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: 10px 5px 10px 5px;float: left;width: 50%;border-bottom:1px dotted #1D1D1D;}

.post {clear:both;padding-top: 10px;}

.entry {float:left;width: 90%}

.post-cat {background: url(images/cat.gif) no-repeat left center;padding-left: 15px;float:left;font-size: 95%;color: #ccc;}

.post-comments {background: transparent;padding-left: 15px;float: right;font-size: 95%;}

.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-top: 10px;}

.navigation {clear: both;padding: 10px 0;}

.navigation a, .navigation a:visited {color: #900;}

.previous-entries {float: left;padding-left: 18px;background: url(images/navl.gif) no-repeat left center;}

.next-entries {float: right;padding-right: 18px;background: url(images/navr.gif) no-repeat right center;}

#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: left;padding: 10px 5px 5px 30px;width: 130px;}

#left_sidebar {float: right;padding: 10px 5px 5px 30px;width: 130px;}

#right_sidebar h3, #left_sidebar h3, #footer h4 {font: normal 130%/100% "geneva", Tahoma, Arial;color: #900;margin: 10px 0 5px;font-variant: small-caps;height:30px;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;border-top: 0px solid #dceeb7;text-align:center;}

.ul-asides {list-style: none;margin:0 0 5px;padding:0;border-top: 0px solid #dceeb7;}

.ul-recent {list-style: none;margin:0 0 15px;padding:0;border-bottom: 0px solid #dceeb7;}

.ul-recent li{margin: 0;padding: 2px 0 2px 20px;border-top: 0px solid #dceeb7;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;border-bottom: 0px solid #dceeb7;}

.ul-cat li{margin: 0;padding: 2px 0 2px 20px;border-top: 0px solid #dceeb7;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;border-bottom: 0px solid #dceeb7;}

.ul-archives li{margin: 0;padding: 2px 0 2px 20px;border-top: 0px solid #dceeb7;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;border-bottom: 0px solid #dceeb7;}

.ul-blogroll {list-style: none;margin:0 0 15px;padding:0;border-top: 0px solid #dceeb7;}

.ul-blogroll li{margin:0;padding: 2px 0 2px 20px;background: url(images/li.gif) no-repeat left center;border-bottom: 0px solid #dceeb7;}

.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: 90%;background: transparent url(images/footer.gif) no-repeat bottom left;color: #ccc;font-size: 95%;line-height: 130%;height:275px;width:...px;}

#footer a, #footer a:visited{color: #ccc;}#footer a:hover{color: #900;}

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

#credits {margin: 10px auto;width: 90%;color: #ccc;font-size: 85%;line-height: 120%;}

#credits a, #credit a:visited{color: #ccc;}#credits a:hover{color: #900;}

.center {text-align: center;}

img.center, a img.center {display: block;margin-left: auto;margin-right: auto;border: 1px solid #ccc;padding: 3px;}

a:hover img.center {border-color: #333;}

.alignleft {float: left;}

img.alignleft, a img.alignleft {float:left;margin: 4px 10px 5px 0;border: 0px solid #ccc;padding: 3px;}

a:hover img.alignleft{border-color: #333;}

.alignright {float: right;}

img.alignright, a img.alignright {float:right;margin: 4px 10px 5px 0;border: 0px solid #ccc;padding: 3px;}

a:hover img.alignright{border-color: #333;}

.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 10px 0 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: 200px;padding: 10px 10px 10px 10px;}

#searchform #s {border:1px solid #900;width: 135px;height: 22px;padding: 0;background: #900;vertical-align: middle;}

#searchform #searchsubmit {background: url(images/search.gif) no-repeat;border: none;width: 28px;height: 24px;font: bold 12px Arial, Helvetica, sans-serif;color: #900;vertical-align: middle;cursor: pointer;}

.rss_box {margin: 1em;width: 150px;background-color: transparent;}

.rss_items {margin-top:0px;padding:0.5em; 0.5em;margin-left:0px;color:#ccc;}

p.rss_title {padding:0.5em;}

.rss_title {text-decoration: none;font-family: small tahoma, lucida, helvetica, sans-serif;font-size: 12px;color:#fff;font-weight:normal;margin: 0px;padding:0em;text-align: left;}

.rss_item  {font-family: small tahoma, sans-serif;font-size: 12px;font-weight : normal;list-style:none;

padding-bottom:1em;}

.rss_item a {text-decoration : none;color: #900;font-size: 12px;font-weight:light;

font-family:small tahoma, lucida, helvetica, sans-serif;}

.rss_item a:visited {color:white;}

.rss_date {font-size: 85%;font-weight : normal;color: #fff;}