/*  

Theme Name: Sushi

Theme URI: http://3oneseven.com/

Description: A simple and lightweight theme with custom icons.

Version: 3.17.2

Author: miloIIIIVII

Tags: 2 column fixed width black

Author URI: http://3oneseven.com/

*/



body{font:75%/150% "Arial",Tahoma;color:#ccc;background:#000 url(images/bg.jpg) bottom left no-repeat;

margin:0;padding:0;}

a{color:#500;text-decoration:none;}

a:visited{color:#ccc;text-decoration:none;}

a:hover{color:#fff;text-decoration:underline;}

a img{border:none;}



p{padding:0;margin:0;}



.col{float:left;width:220px;margin:10px 10px 0 30px;background:transparent;}

.col2{float:right;width:150px;margin:10px 10px 0 30px;background:transparent;}



h1,h1 a,h1 a:visited{margin:0;padding:15px 0;height:60px;font:normal 28px/100% century gothic,tahoma;color: #000;text-decoration:none;text-transform:uppercase;}

.des{margin:-37px 0 0 0;padding:0 0 0 50px;color:#666;}

h1 a:hover{color:#ccc;text-decoration:none;}

h2{color:#900;margin:0 0 2px;border-bottom:1px dotted #ccc;letter-spacing:-1px;

font:normal 200%/100% century gothic,tahoma;padding-bottom:3px;}

h2 a, h2 a:visited {color: #900;text-decoration: none;}

h2 a:hover {color: #f00;text-decoration: none;}

h3 {font: normal 140%/100% "Arial",Tahoma;color:#900;margin:10px 0 5px;}

h4 {font: normal 130%/100% "Arial", Tahoma;color: #333;margin: 10px 0 5px;}



form {margin:0;padding:0;}



#page {margin:0 auto;padding:0;width:760px;background:transparent;}



#header{background:transparent url(images/header.jpg) no-repeat;height:370px;margin:30px 0 0 0;padding:0;position:relative;}

#head{float:left;padding:10px 0 0 10px;width:90%;background:transparent;display:inline;overflow:hidden;}



#home {margin:0;padding:0;background:transparent;}

#content {padding:10px 0 30px 13px;float: left;width: 492px;background:transparent;}

#art{background:transparent;width:90%;margin:0 auto;clear:both;padding:10px 0;}

#page p img{float:right;border:none;margin-left:8px;margin-bottom:8px;padding:0;max-width:90%;}



#description{position: relative;right: 0;bottom: 3px;color: #333;font-size: 14px;}



#nav {list-style: none;margin: 0;position: absolute;right: 20px;top: 0;}

#nav li {float: left;margin-left: 5px;}

#nav ul{list-style: none;margin:0;padding:0;}

#nav li.page_item a{color: #fff;text-decoration: none;background: #000 url(images/nav.jpg) repeat-x; padding: 50px 10px;font: 11px/100% Arial, Helvetica, sans-serif;border-bottom: 1px solid #000;border-left: 1px solid #818080;border-right: 1px solid #000;display: block;text-transform: uppercase;}

#nav li.page_item a:hover {color: #900;}

#nav li.current_page_item a{background: #000 url(images/nav.jpg) repeat-x; padding: 50px 10px;color:#fff;}

#nav li.current_page_item a:hover{background:#000;color:#900;text-decoration:none;}



acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}

blockquote, blockquote cite {margin: 0 5px 0 0; padding: 10px 10px 10px 10px; background: #121212;color: #ccc; font-size: 0.9em;border-left: 4px solid #900;}

blockquote cite {display: block; }



.post{clear:both;padding: 10px 0;background:transparent;}

.post-date {width: 45px;height: 49px;float:right;background: url(images/date.gif) no-repeat;}

.post-month {font-size: 11px;text-transform: uppercase;color: #fff;text-align: center;display:block;line-height: 11px;padding-top: 2px;margin-left: -3px;}

.post-day {font-size: 21px;font-weight: bold;text-transform: uppercase;color: #fff;text-align: center;display:block;line-height: 21px;padding-top: 7px;margin-left: -3px;}



.entry{float:left;width:90%;background:transparent;}



.post-cat {background: url(images/cat.gif) no-repeat left center;padding-left: 20px;float:left;font-size: 95%;color: #999;}

.post-comments {background: url(images/com.gif) no-repeat left center;padding-left: 20px;float: right;font-size: 95%;}

.post-calendar {background: url(images/com.gif) no-repeat left center;padding-left: 20px;float: right;font-size: 95%;color: #999;}

.post-content {clear: both;padding: 10px 0;background:transparent;}



.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: 3px solid #ccc;padding-bottom: 5px;}

.commentlist {margin: 10px 0;padding-left: 20px;line-height: 130%;}

.commentlist li{padding: 5px 10px;}

.commentlist .alt {background: #121212;}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;font-size: 120%;color: #333;}

.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: #787878;font-size: 87%;}

#commentform input{width: 200px;background:#fff;border: 1px solid #ccc;padding: 3px;margin-top: 3px;}

#commentform textarea{width: 487px;height: 115px;background:#fff;border: 1px solid #ccc;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: #fff;border: none;float:right;width: 144px;height: 28px;cursor: pointer;}



#sidebar {float: right;padding: 0 10px 20px 0;width: 185px;background:transparent;}



#search{background:transparent;width:220px;padding:9px 0;float:right;position: absolute;right: 20px;top:200px;}

#searchform #s {border:1px solid #333;width: 200px;height:22px;padding:4px;

background:transparent;vertical-align: middle;font:14px Arial, Helvetica,sans-serif;color: #ccc;vertical-align: middle;cursor: pointer;background: url(images/search.gif) no-repeat center right;}



#sidebar h3 {font: normal 140%/100% "Arial", Tahoma;color: #900;margin: 10px 0 5px;}



.ul-cat {list-style: none;margin:0 0 15px;padding:0;border-bottom: 1px solid #ccc;}

.ul-cat li{margin: 0;padding: 2px 0 2px 20px;border-top: 1px solid #ccc;background: url(images/cat.gif) no-repeat left center;}

.ul-cat li a, .ul-cat li a:visited{color: #ccc;text-decoration: none;}

.ul-cat li a:hover{color: #333;text-decoration: none;}



#content ul,#home ul{list-style: none;margin:0 0 15px;padding:0;}

#content ul li,#home ul li{margin: 0;padding: 2px 0 2px 20px;border-bottom: 1px solid #333;background: url(images/arc.gif) no-repeat left center;}

#content ul li a,#home ul li a{color: #ccc;text-decoration: none;}

#content ul li a:hover,#home ul li a:hover{color: #333;text-decoration: none;}



.recent-posts {list-style: none;margin:0 0 15px;padding: 0;border-bottom: 1px solid #ccc;}

.recent-posts li{background: url(images/fpost.gif) no-repeat;border-top: 1px solid #ccc;padding: 2px 0 2px 20px;margin: 0;}

.recent-posts li a, .recent-posts li a:visited{color: #ccc;text-decoration: none;}

.recent-posts li a:hover{color: #333;text-decoration: underline;}



.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: #ccc;text-decoration: none;}

.ul-blogroll li a:hover{color: #333;text-decoration: underline;}



#footer {clear: both;background: transparent url(images/footer.jpg) no-repeat bottom right;color: #ccc;border-top:1px dotted #900;margin:20px 0;}



#footer a, #footer a:visited{color: #ccc;}

#footer a:hover{color: #900;}



#footer .left-col{width: 240px;float: left;margin-left: 10px;}

#footer .right-col{width: 220px;float: right;padding-right: 10px;padding-left: 10px;}



.ul-roll {list-style: none;margin:0 0 15px;padding:0;font-size: 115%;line-height: 130%;font-weight: bold;}

.ul-roll li{margin: 0;padding: 2px 0 2px 20px;background: url(images/li.gif) no-repeat left center;}

.ul-roll li a, .ul-roll li a:visited{color: #ccc;text-decoration: none;}

.ul-blogroll li a:hover{color: #900;text-decoration: underline;}



#footer h4 {font: normal 146%/100% "Arial", Tahoma;color: #fff;margin: 10px 0 5px;}



.recently-commented {list-style: none;margin: 0;padding: 0;font-size: 92%;line-height: 110%;}

.recently-commented li{background: url(images/fooco.gif) no-repeat;padding: 0 0 10px 20px;}

.recently-commented a{font-size: 115%;line-height: 130%;font-weight: bold;}



#credits {clear:both;margin: 30px auto;padding:20px 0;width: 760px;color: #333;font-size: 85%;line-height: 120%;}

#credits a, #credit a:visited{color: #333;}



.rss {background: url(images/rss.gif) no-repeat left center;padding-left: 18px;padding-bottom: 2px;margin-left: 8px;}



.center,.aligncenter {text-align: center;margin:0 auto;padding:4px;}

.alignleft {float: left;padding:0 5px;}

.alignright {float: right;padding:0 5px;}



.clear {clear:both;}hr.clear {clear:both;visibility: hidden;margin: 0;padding: 0;}



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; }