/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 "Trebuchet MS",Tahoma,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body div.page { font-family: helvetica, arial; font-size: 120% }
a:link { color: #cc3; text-decoration: none; }
a:visited { color: #cc3; text-decoration: none; }
a:active { color: #cc3; }
a:hover { text-decoration: underline; }
img { border-width:0; }
abbr { border: 0 }

div#logger{ position: fixed; top: 50px; right: 20px; color: white; background-color: #333; text-align: left; z-index: 100000; width: 250px; height: 80% ; padding: 10px 10px 40px ; font-size: 90%; font-family: helvetica, arial; font-weight: bold; cursor: default; overflow: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
div#logger #btn_clear_log { position: fixed; top: 60px; right: 30px }
div#logger ul { margin: 0; padding: 0; list-style: none }
div#logger .error { color: #dc0063; }
div#logger .warn { color: #f90; }
div#logger .info { color: #09f; }
div#info { position: fixed; top: 10px; left: 25%; width: 50%; color: white; 
background-color: #f93; text-align: center; z-index: 100000; padding: 8px;  
font: normal 16px/18px Sans-Serif; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px}
div#info a.ask { color: #000 }

.javascript-only{ display: none; }
html #edit-toggle { display: none; }
html.js #edit-toggle { display: block }
html.js .edit-tools { display: none }
html.js .js-edit-tools { }

.disabled { color: #999 } 
img.disabled, .disabled img { opacity: 0.2; filter:alpha(opacity=20) }
/* forms */
.field{ padding: 0.5em;}
.field label{ font-weight: bold; color: #666; font-size: 85% }
fieldset{ padding: 10px 5px; }
.field.submit { text-align: right;}
.field.submit label{ vertical-align: top; visibility: hidden;}
.input { vertical-align: top; }
.menu .input select{ width: 100% } 
.input input,
.input textarea{ vertical-align: top; font-size: 110%; padding: 2px; background: #fff; color: #333; border: 1px solid #ccc; }
.input textarea, 
.input input[type=text],  
.input input[type=password] { width: 100%; padding: 2px; border-top: 2px solid #999 }
html.gecko .input select { padding: 1px }
.input select{ width: 100%; max-width: 200px;}
.input input.disabled { background: #ddd; color: #666 }
.field .help_text { font-size: 80% }
.field .button { font-size: 100%; }
.errors { background-color: #dc0063; color: #fff; padding: 15px; margin: -10px -15px 10px; } 
.errors h4 { color: #fff; margin: 0; font-size: 110%; }   
.errors p { margin: 5px 0 0 0; font-size: 80%}   
.field.error label { color: #dc0063 }   
.field.error .errors { margin: 0; padding: 0; list-style: none; color: #dc0063; background: transparent }
.field.error .input input,
.field.error .input select,
.field.error .input textarea
{ border-color: #dc0063; background-color: #fcc }   
fieldset { border: 0; text-align: left; width: 98% }
fieldset legend { color: #333; font-weight: bold; }

a.button,
.button { padding: 6px 12px; border: 1px solid #ccc; font-weight: bold; background-color: #fff; color: #666; cursor: pointer; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-right: 5px }
.button.icon { background: #fff none 8px 6px no-repeat; padding-left: 32px }
.button:hover { border-color: #999; color: #333; text-decoration: none }

dl { margin: 5px 0 }
dd { margin: 0 }
code { font-size: 90% }

/* table */
table { font-size: 90%; }
th { padding: 5px 10px; border-bottom: 1px solid #ccc; text-align: left; }
/*td { padding: 5px 10px; border-bottom: 1px solid #eee; } */

/* structures */
.header-wrapper, .body-wrapper, .footer-wrapper{ clear: both }

/* style */
body { margin: 0; background: #000; min-width: 930px }
.sub-shortcuts-wrapper { display: none }
.shortcuts-wrapper { display: none }
.account { display: none }
.header-wrapper { background: url(../images/bg-page-header.jpg) no-repeat top center;  }
.header { height: 460px; width: 930px; margin: auto; }
.flash { text-align:left; padding: 0; margin-left: 0}
.page { margin: auto;}
.page-wrapper { min-height: 300px; background: url(../images/bg-page-body-y.jpg) repeat-y top center; }
.body-wrapper { min-height: 183px; background: url(../images/bg-body-header.jpg) no-repeat top center; }
.footer-wrapper { background: url(../images/bg-page-footer.jpg) no-repeat bottom center; min-height: 463px;  }
.content { color: #eee; padding: 15px 0 5px;  }
.body { width: 841px; margin: auto }
.menu-wrapper { float: right; color: #eee; padding: 0 5px; width: 375px }
.content h1 { margin: 0 }
.header .logo { margin: auto; width: 930px }
.header .logo embed{ margin-left: -11px }
.copyright{ margin: 40px 0px 0px 0px; font-size: 70%; }
.partners { visibility: hidden; }
body.index .partners{ visibility: visible }
.footer { color: #eee; margin: auto; padding: 5px 10px 262px; width: 821px; margin: auto }

.entry { background: #151515; padding: 8px; margin: 10px; width: 420px; min-height:100px;}
.entry:hover { background: #191919; }
.entry .thumbnail { float: left; margin: 0 5px 0 0;}
.entry h3 { margin: 0 0 2px 98px; color: #cc3 }
.entry p { margin: 2px 0 2px 98px; padding: 0; font-size: 80%; font-family:"Trebuchet MS", Tahoma, san-serif;}
.entry .meta { margin: 2px 0 0 98px; font-size: 80% }
.entry .more { text-transform: lowercase; } 
/*.entry .more:after{ content:'...'; }*/

/*.partners h2 { margin: 0px; text-transform: uppercase; font-size: 80% }*/
.partners h2 { margin: 0px; font-size: 80% }


/* trashman homepage */
.game-trailer h2 { display: none; }
/*.game-trailer { background: url(../images/header-trailer.png) no-repeat top left; background-position: -10px 0px; padding: 82px 0 0; margin: -10px 0 10px 0 ; }*/
.game-trailer-header{margin-bottom:5px;}
.content-header h1 { display: none }
/*.content-header.what-news { width: 268px; height: 75px; background: url(../images/header-news.png) no-repeat center center; margin: -21px 0 0 8px;  }*/
.content-header.what-news{margin: -21px 0 0 8px;}
.content-header.features { width: 268px; height: 75px; background: url(../images/header-features2.png) no-repeat center center; margin: -21px 0 0 8px;  }
.content-header.contact {width: 268px; height: 75px; background: url(../images/header-contact.png) no-repeat center center; margin: -21px 0 0 8px;}
.content-header.share {width: 295px; height: 31px; background:url(/images/header-spread.png) no-repeat center center; margin: -15px 0 0 8px;}
.content-header.donate {width: 268px; height: 75px; background: url(../images/header-donate.png) no-repeat center center; margin: -21px 0 0 8px;}
/*.content-body.media { min-height:600px; margin-top: 50px;}*/
.content-text { padding: 0 2em }
.content-text h2 { font-size: 120%; color: #cc3 }
.footer { background: url(../images/enemy-01.png) no-repeat bottom right; background-position: 660px -10px; }
.footer-menu {}
.footer-menu .donateus{}
.page-count { color:#cc3; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; float:right; margin-right:20px;}
.advertise h3{ color:#cc3; margin-left:70px;}
h1, h2, h3{ color:#cc3 }
/*.screen-shot{  background: url(../images/screenshot.png) no-repeat top left; width:375px; float:left; padding-top:80px;}*/
.screen-shot-header{ margin-bottom:10px;}
.thumb-list{ margin-top: 80px;}
.ss-image{ border: 1px #cc3 solid; background:#999999; width:179px; height:115px; float:left; margin:3px;}
.donateus-button{ background: url(../images/subheader-supportus.png) top left no-repeat; padding-left: 70px; padding-top:20px;}

/* trashman features page */
.section-features { width: 720px; background: url(../images/header-features2.png) no-repeat top left; padding-top:90px; padding-left:50px; margin-left:8px; margin-top:20px;}
.section-story {width: 780px; background: url(../images/header-story.png) no-repeat top left; margin-left:8px; margin-bottom:90px; padding-top:70px;}
.section-story p{width:450px; text-align:left; padding-left: 45px; font-size: 80%; margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.section-story p b{ font-size:200%; color:#cc3; font-family:"Trebuchet MS", Tahoma, san-serif;}
.section-story .thumbs-wrapper{float:right;}
.section-story .thumbs-wrapper .thumb{ width:250px; height:141px; background:#666666; border: #cc3 1px solid; margin-bottom: 18px;}
.section-gameplay{ background:url(../images/header-gameplay.png) transparent no-repeat; width: 780px; margin: -50px 30px 40px 6px; padding-top:90px}
.section-gameplay p{margin: 2px 0 2px 50px; font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif; }
.section-gameplay p b{font-size:190%; color:#cc3; font-family:"Trebuchet MS", Tahoma, san-serif;}

.feature-detail.odd{ background:#0b0b0b; width:720px;  margin: 6px auto; padding:10px;}
.feature-detail.odd .thumbnail{ border:1px #cc3 solid; background:#666666; width:225px; float:left;}
.thumbnail a img,
.thumbnail a { display: block; margin: 0; padding: 0}
.thumbnail { overflow: hidden }
.feature-detail.odd .title{ background:#0b0b0b; width:265px; height:32px; margin-left:250px;}
.feature-detail.odd p{width:330px; height:100px; margin-left:280px; padding: 0; font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif;}

.feature-detail.even{background:#0b0b0b; width:720px;  margin: 6px auto; padding:10px;}
.feature-detail.even .thumbnail{ border:1px #cc3 solid; background:#666666; width:225px; float:right;}
.feature-detail.even .title{ background:#0b0b0b; width:265px; height:32px; margin-left:95px;}
.feature-detail.even p{ width:330px; height:100px; margin-left:125px; padding: 0; font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*trashman contact us page*/
.contactus{ background:#151515; width:725px; height:360px; margin: 20px auto;}
.contactus .thumbnail{ background: #333333; width:245px; height:340px; float:left; margin: 10px 15px; border: #cc3 1px solid;}
.contactus h3{margin-top: 0px; color: #cc3; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:120px; padding-left:20px;}
.contactus p{margin: 2px 0 2px 98px; padding: 0; font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif; }


/*trashman media page*/
.section-wrapper-screen-shot{  background: url(../images/header-ss.png) no-repeat; width: 790px; min-height: 75px; margin: -21px 0 0 10px; padding-top:80px;}
.section-wrapper-video{background: url(../images/header-videos.png) no-repeat top left; width:790px; min-height: 75px; margin: 10px 0 0px 10px; padding-top:80px; padding-left:20px;}
.section-wrapper-gameart{background: url(../images/header-gamearts.png) no-repeat top left; width:790px; min-height: 75px; margin: 10px 0 0px 10px; padding-top:80px;}

.section-screen-shot{ background:#0b0b0b; width:790px; padding-left:10px;}
.section-video{ background:#0b0b0b;}
.section-gameart{ background:#0b0b0b; width:780px; padding-left:10px;}

/*trashman download page*/

.foreword p{ margin: 2px 0 2px 40px; font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif;}
.highlight-image{ background:#999999; width:750px; height:200px; margin-top:30px; margin-left:45px; border: #cc3 1px solid;}

.systemreq-content-wrapper{ padding-top:20px; padding-left:50px; margin-top:30px; margin-left:30px;}
.tab-topic{ font-weight:bold;}
.systemreq-content table{font-size: 86%;}
.td-head{ border: solid 1px #cc3; text-align:center;}
.td-child{ border-left: solid 1px #cc3;border-right: solid 1px #cc3;border-bottom: solid 1px #cc3;text-align:center;}
.td-child.topic{ font-weight:bold}

.term-of-use{ width:800px; margin-left:10px;}

.download-button{  margin: 60px auto 30px; width:400px; text-align:center; padding: 2px; 5px;}

/*trashman donate page*/
.donateus { padding-left: 30px; margin-left: 30px; width: 740px; margin-top:15px;}
.donateus p{ text-align:left;  font-size: 80%; margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.donateus p b{ color:#cc3}
.donateus ol li{text-align:left;  font-size: 80%;font-family:Verdana, Arial, Helvetica, sans-serif;}
.paypal-donation{ background: url(../images/subheader-paypal.png) no-repeat top left; width: 700px; margin-left:-5px; padding-top:35px; padding-left:5px; margin-bottom:25px;}
.paypal-donation table{font-size: 86%; font-family:Verdana, Arial, Helvetica, sans-serif; width:700px;}
.td-normal{ border-right: dashed 1px #cc3; height:130px;}
.bank-donation{ background: url(../images/subheader-bank.png) no-repeat top left; width: 700px; margin-left:-5px; padding-top:35px; padding-left:5px;}
.acct-info{float:left;  font-size: 80%;font-family:Verdana, Arial, Helvetica, sans-serif; margin: 15px;}