body { font-family: Sans; color: #8080a5; padding: 0px 0px 0px 0px; } div.banner { width: 820px; margin-left: auto; margin-right: auto; } input.rounded { border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; font-size: 20px; padding: 4px 7px; outline: 0; -webkit-appearance: none; } input.rounded:focus { border-color: #339933; } input.almostrounded { border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; font-size: 20px; padding: 4px 7px; outline: 0; -webkit-appearance: none; } input.almostrounded:focus { border-color: #339933; } div.centered { /* gradient */ background-image: -webkit-gradient( linear, left bottom, left bottom, color-stop(0.11, #C7C7C7), color-stop(0.81, #EEEEEE) ); background-image: -o-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: -moz-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: -webkit-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: -ms-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%); background-image: linear-gradient(to left bottom, #C7C7C7 11%, #EEEEEE 81%); /* border */ border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; font-size: 20px; padding: 16px 24px; outline: 0; -webkit-appearance: none; } div.centered { text-align: center; width: 450px; margin-left: auto; margin-right: auto; } div.centeredbutton { text-align: center; width: 450px; margin-left: auto; margin-right: auto; } .aligned { list-style-type: none; padding-left: 30px; } .aligned .label { float: left; width: 50px; padding: 4px 10px 0px 0px; } div.post { padding: 10px 10px 20px 10px; width: 800px; margin-left: auto; margin-right: auto; margin-top: 35px; margin-bottom: 0px; background: #f4f4f4; -moz-box-shadow: 0px 0px 1px #aaa; -webkit-box-shadow: 0px 0px 1px #aaa; box-shadow: 0px 0px 1px #aaa; } div.postheader { border-style: none none solid none; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; } p.title { margin-top: 0px; } span.title { font-size: 20px; padding: 0px; margin-top: 0px; margin-bottom: 20px; } p.authorpostnum, p.date { padding: 0px; margin-top: 0px; margin-bottom: 0px; } span.author { font-weight: bold; } span.postnum { float: right; } div.postbody { padding: 4px 4px 16px; margin-left: 0px; margin-right: 0px; } div.comments { background: #eee; margin: 0px; padding: 0px 0px 0px 0px; width: 820px; margin-left: auto; margin-right: auto; border-style: solid none none none; border-top: 1px solid #ddd; } div.comment { border-style: none none solid none; border-bottom: 1px solid #ddd; } div.commentheader { margin: 10px; } span.commentauthor { font-size: 18px; float: left; } span.commentdate { float: right; } div.commenttext { margin: 5px 30px 10px; } p.commentbox { margin: 0px; padding: 0px; width: 800px; margin-left: auto; margin-right: auto; } input.inputcomment { width: 680px; margin: 10px; border-style: none; color: #8080a5; } input.inputcomment:focus { border-style: solid; border-width: 1px; } input.inputsendcomment { width: 70px; margin: 10px; border-style: solid; border-width: 1px; background: #eee; padding: 0px; color: #aaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } input.inputsendcomment:hover, input.inputsendcomment:focus { background: #fff; } input.inputsendcomment:active { background: #aaa; color: #eee; } div#prevnext { width: 820px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; padding: 10px; } a.pagenum { text-decoration: none; } span.paginas { float: left; } span.newerolder { float: right; }