body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

@font-face{
   font-family:'laCartoonerie';
   src: url("laCartoonerie.ttf") format("truetype");
}

body{ background:#1b1b1b url(body.png); color:#fff; font-family:'laCartoonerie',Georgia,sans-serif; font-size:16px;}
a{ color:#97bf0d; text-decoration:none;}
a:hover{ text-decoration:underline;}
.side{ left:0; padding:20px; position:fixed; top:30px; width:200px;}
.featuring{ position:relative;}
.featuring a{ cursor:pointer; color:#c00; display:none; position:absolute; right:2px;}
.members{ margin:5px 0 0 10px;}
.members a{ cursor:pointer; display:block; padding:1px 2px; position:relative;}
.members a:hover{ color:#fff; text-decoration:none;}
.members a.on{ background:#97bf0d; color:#1b1b1b; font-weight:bold;}
.number{ cursor:pointer; position:absolute; right:2px;}
.feed{ margin-top:16px;}
.feed a{ color:#f29400; display:block;}
.search{ color:#428fee; margin-top:16px;}
.search input{ border:2px solid #428fee; padding:4px;}
.search input:focus{ border-color:#000;}
.keyboard{ color:#e8ee42; margin-top:16px;}
.keyboard span{ background:url(keyboard-yellow.png) no-repeat top left; display:block; height:32px; line-height:32px; margin-top:4px; padding-left:40px;}
.keyboard .prev{ background-position:0 -40px;}
.quotes{ margin-left:240px; padding:20px 0;}
.quote{ background:url(quote.png) no-repeat top left; color:#000; font-size:24px; line-height:26px; margin-bottom:50px; min-height:52px; padding:23px 53px 0 23px; position:relative; width:370px;}
.quote blockquote{ position:relative; z-index:1200;}
.quote .id{ bottom:-22px; color:#000; font-size:20px; opacity:0.1; position:absolute; right:43px; z-index:1200;}
.quote .id span{ display:none;}
.quote .id:hover span{ display:inline;}
.quote .bottom{ background:url(quote.png) no-repeat bottom left; bottom:-30px; height:47px; left:0; position:absolute; width:446px; z-index:1100;}
.quote .author{ border:3px solid #282c1a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:18px; height:32px; left:460px; line-height:32px; padding:2px 10px 2px 40px; position:absolute; top:0;}
.quote .author img{ left:2px; position:absolute; top:02px;}
.quote .author:hover{ border-color:#97bf0d; text-decoration:none;}
.pagination{ height:20px; line-height:20px; margin-left:240px; padding-bottom:20px; position:relative; text-align:center; width:410px;}
.pagination .prev{ left:0; position:absolute;}
.pagination .next{ position:absolute; right:0;}