/*
Theme Name: Shank
Theme URI: http://shankgame.com
Description: The WordPress theme created by Adam Foster at Fully Illustrated and for use by Klei Entertainment Only.
Author: Adam Foster
Author URI: http://codefor.com/
Copyright 2009 Fully Illustrated and Adam Foster
*/

/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus{ -moz-outline-style: none; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.last { margin-bottom: 0px!important; }
.end { border: 0 none!important; margin-right: 0px!important; } 

/* COMMON */
a, a:visited { color: #970707; text-decoration: underline; font-weight: bold; }
a:hover { color: #352913; }
h1 { background: url(_include/img/icon-bullet.png) top left no-repeat; padding: 4px 0 16px 40px; }
h1, h1 a, h1 a:visited { font-family: 'Lucida Sans', 'Lucida Grande', sans-serif; color: #000; font-size: 24px; line-height: 26px; text-decoration: none; }
h1 a:hover { color: #930605; }
.aligncenter { text-align: center; }
p { padding-bottom: 12px; }
h2 { color: 000000; font-size: 23px; line-height: 25px; }
h3 { font-family: 'Lucida Sans', 'Lucida Grande', sans-serif; color: #000; font-size: 18px; line-height: 20px; padding-bottom: 12px; }

/* LAYOUT */
body { background: url(_include/img/background.jpg) top no-repeat #a77e3d; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #4c2200; line-height: 14px; }
#wrapper { width: 923px; margin: 0 auto; padding: 0 30px; }
#header { width: 923px; position: relative; height:218px; }
#logo { padding:39px 0 0 160px; }
#klei { position:absolute; right:2px; top:18px; }
#content { width: 923px; } 
#blog { float: left; width: 615px; margin-left:13px; }
#footer { background: url(_include/img/footer-background.gif) top left no-repeat; height: 50px; margin: 10px 0 0 20px; width: 895px; padding: 14px 0 0 20px; position: relative; }
a.fullyillustrated, a.fullyillustrated:visited { position: absolute; right:38px; top:12px; background: url(_include/img/logo-fully-illustrated.gif) no-repeat right top; height: 17px; padding: 1px 35px 0 0; text-decoration: none; color: #4C2200; font-weight: normal; }
.fullyillustrated span { text-decoration: underline; color: #970707; font-weight: bold; }
a.fullyillustrated:hover span { color: #352913; }

/* BLOG */
blockquote {
	padding-left: 1.5em;
}
.blog-top, .blog-bottom { position: relative; height: 63px; width: 630px; background-image: url(_include/img/blog-ends.png); background-repeat: no-repeat; background-position: 0 0; display: block; }
.blog-bottom { position: relative; height: 28px; width: 630px; background-position: 0 -63px; }
.blog-middle { background: url(_include/img/blog-background.png) top repeat-y; width: 530px; padding: 0 50px; } 
.post { padding-bottom: 30px; position: relative; top: -15px; }
.post img { border: 3px solid #cfb48b; display: block; }
.post-footer { background: url(_include/img/post-footer-background.gif); padding: 9px 20px; position: relative; margin-top: 5px; }
.post-footer span { position: absolute; right: 25px; top: 8px; }

/* SIDEBAR */
#sidebar { float: right; width: 290px; position: relative; top: -12px; z-index: 1; }
#sidebar-top  { height: 188px; width: 210px; background: url(_include/img/sidebar-ends.png) top no-repeat; padding: 80px 40px 0; }
#sidebar-mid { background: url(_include/img/sidebar-mid-background.png) top repeat-y; margin-left: 9px; padding: 0 30px 12px; }
#sidebar-bot { height: 180px; width: 294px; background-image: url(_include/img/sidebar-ends.png); background-position: 0 -280px; display: block; }
#twibadge { background: #e1be7d; padding: 6px; width: 200px; position: relative; }
#categories { width: 210px; }
#categories ul { padding-bottom: 12px; }
#categories ul li { background: url(_include/img/bullet-tiny.gif) left no-repeat; padding: 2px 0 2px 22px; }
#sidebar-mid div { padding-bottom: 10px; }
#rss, #search { position: relative; }
.rss-icon, .go-button { background-image: url(_include/img/icons-sidebar.gif); background-position: 0 0; height: 30px; width: 37px; display: block; position: absolute; top: 0px; right: 0px; overflow: hidden; text-indent: -300px; }
.go-button { background-position: 0 -65px; font-size: 0px; top: 11px; right: 13px; border: none 0; background-color: transparent; cursor: pointer; }
a.rss-icon:hover { background-position: 0 -33px; }
.go-button:hover { background-position: 0 -97px; text-decoration: none; }
#search p { position: relative; background: url(_include/img/background-search.gif) top no-repeat; width: 209px; height: 39px; padding: 12px 0 12px 12px; }
#search #s { border: 1px solid #c0a75d; width: 135px; height: 20px; padding: 3px 5px; font-size: 16px; font-family:Arial, Helvetica, sans-serif; color: #4c2200; }

/* COMMENTS */
#comments { margin-top: 20px; }
#commentlist { margin-top: 10px; }
#commentlist li { border-top: 1px solid #c6af8d; padding: 10px 0; line-height: 16px; }
#commentlist li span { float: left; width: 155px; }
#commentlist li span em { font-style:normal; font-weight: bold; color: #970707; text-transform:capitalize; }
#commentlist li p { float: right; width: 375px; }
#postcomment { border-top: 1px solid #c6af8d; border-bottom: 1px solid #c6af8d; padding: 10px 0 12px 0; margin-bottom: 12px; }
#commentlist img { border: none; display: inline; }
.newsform { width: 530px; }
.newsform label { color:#4c2200; display:block; font-weight:bold; padding:0 0 4px; }
.newsform .left input { border:1px solid #c6af8d; color:#736b60; height:17px; padding:3px; width:229px; }
textarea { border:1px solid #c6af8d; color:#736b60; height:127px; padding:3px; width: 270px; }
#submit { background-image: url(_include/img/button-submit.gif); width: 69px; height: 30px; text-indent: -400px; overflow: hidden; font-size: 0px; background-color: transparent; border: none 0; cursor: pointer; }
#submit:hover { background-position: 0 -30px; }
.long-textarea { width: 523px; }
.submit #submit { position: relative;  right: -32px; }

/** SIFR **/
#sifrFIX { visibility: hidden; height: 0px; width: 0px; }
@media screen {
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
  .sIFR-flash { display:none !important;height:0;width:0;position:absolute;overflow:hidden; }
  .sIFR-alternate {visibility:visible!important;display:block!important;position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important; }
}

@media screen { .sIFR-active h2 { visibility: hidden; color: #730c0c; font-size: 26px; line-height: 30px; }}