html,
body { margin: 0; padding: 0; background: #222222; color: #000; }
body { min-width: 800px; }
img { border: 0; }
img.cc { width: 32px; height: 32px; background: url(/images/icon.cc.png); }
a, a:link, a:visited, a:hover { color: #8CC105; text-decoration: none; }
a:hover { text-decoration: underline; }

.body { margin:0 auto; width: 800px; }

.head { height: 134px; background: url(/images/head.bg.png) repeat-x; }
.head .body { height: 134px; }
.head .logo { float: left; }
.head .logo img { background: url(/images/logo.main.png); width: 230px; height: 99px; margin-top: 20px; }
.head .nav { float: right; margin-right: 70px; }
.head .nav .box { float: left; width: 70px; height: 130px; background: url(/images/nav.bg.png); font-family: verdana; font-size: 13px; font-style: italic; margin-top: -2px; margin-right: 1px; text-align: center; color: #ffffff; }

.main { padding-top: 20px; color: #cccccc; font-family: verdana; font-size: 11px; }
.main .box { margin-left: 36px; background: #ffffff; width: 712px; padding: 4px; }
.main .box .content { background: url(/images/content.bg.png); width: 712px; height: 108px; }
.main .box .featured { background: url(/images/featured.bg.png); }
.main .box .featured img { width: 712px; height: 108px; background: url(/images/featured.nubs.png) no-repeat top right; }
.main .freetext { margin-left: 44px; margin-top: 4px; } 
.main .freebadge { float: left; background: url(/images/badge.free.png); width: 60px; height: 60px; margin-top: -100px; } 
.main .label { margin-bottom: 2px; margin-top: 20px; text-align: right; margin-right: 56px; height: 14px; }
.main .box .adcontent { background: #222222; padding: 2px; height: auto; width: 708px; overflow-x: hidden; }
.main .box .ad { width: 708px; overflow: hidden; }

.foot { background: #3F3F3F; height: 60px; margin-top: 40px; color: #cccccc; font-size: 11px; font-family: verdana; }
.foot .donate { float: left; margin-top: 4px; cursor: pointer; }
.foot .donate img { background: url(/images/button.donate.png); width: 159px; height: 44px; margin-left: 15px; }
.foot .copy { float: right; text-align: right; margin-top: 20px; margin-right: 10px; width: 600px; }
.foot .more { color: #111; font-size: 10px; width: 440px; text-align: right; margin-top: 0; }

.icons { float: left; overflow-y: auto; }
.icons img.icon { float: left; padding: 0; margin: 0; margin-right: 46px; }

.apps { margin-left: 170px; margin-top: 14px; }
.apps img.nubs { background: url(/images/icon.nubs.png); width: 109px; height: 90px; }
.apps img.rumshot { background: url(/images/icon.rumshot.png); width: 54px; height: 90px; }
.apps img.kapsules { background: url(/images/icon.kapsules.png); width: 95px; height: 90px; }

.media { margin-left: 170px; margin-top: 4px; }
.media img.buuf { background: url(/images/icon.buuf.png) no-repeat; width: 113px; height: 100px; }

.reapps { margin-left: 110px; margin-top: 14px; }
.reapps img.cnotes { background: url(/images/icon.cnotes.png); width: 82px; height: 86px; }
.reapps img.cmon { background: url(/images/icon.cmon.png); width: 91px; height: 86px; }
.reapps img.ccap { background: url(/images/icon.ccap.png); width: 92px; height: 86px; }
.reapps img.calarm { background: url(/images/icon.calarm.png); width: 77px; height: 86px; }

.buuf { margin: 0 auto; padding-bottom: 40px; width: 726px; overflow: auto; }
.buuf .headline { width: 722px; height: 112px; background: #fff; padding: 4px 0 0 4px; }
.buuf .headline .content { background: url(/images/buuf/head.png); width: 706px; height: 102px; padding: 6px 0 0 12px; }
.buuf .headline .content .text { width: 260px; color: #fff; }
.buuf .headline .content .cc { margin-top: 10px; }
.buuf .headline .content a,
.buuf .headline .content a:link,
.buuf .headline .content a:visited,
.buuf .headline .content a:hover { cursor: pointer; text-decoration: none; color: #5A3A23; }
.buuf .headline .content a:hover { text-decoration: underline; }
.buuf .l { float: left; width: 466px; }
.buuf .r { float: left; width: 260px; }
.buuf .section { margin-top: 20px; }
.buuf .section .header { font-weight: bold; }
.buuf .section .content { background: none; width: auto; padding-left: 6px; }
.buuf .section .content .preview { float: left; margin-left: 75px; margin-top: 10px; height: 64px; }
.buuf .section .content .preview img { margin-right: 50px; }
.buuf .section .content .preview img.hd { background: url('/images/buuf/Internal HDD.png'); width: 64px; height: 64px; }
.buuf .section .content .preview img.music { background: url('/images/buuf/Music File.png'); width: 64px; height: 64px; }
.buuf .section .content .preview img.hat { background: url(/images/buuf/Tophat.png); width: 64px; height: 64px; }
.buuf .section .content .preview img.desktop { background: url(/images/buuf/Desktop.png); width: 64px; height: 64px; }
.buuf .section .content .preview img.house { background: url('/images/buuf/Toy House.png'); width: 64px; height: 64px; }
.buuf .dlbutton { margin: 40px 0 0 30px; }
.buuf .dlbutton .note { font-size: 10px; text-align: right; margin-right: 64px; }
.buuf .dlbutton .zip { background: url(/images/button.dl.zip.png); width: 172px; height: 44px; }
.buuf .dlbutton .ip { background: url(/images/button.dl.ip.png); width: 172px; height: 44px; }

.rumshot { margin: 0 auto; padding-bottom: 40px; width: 726px; overflow: auto; }
.rumshot .headline { width: 722px; height: 112px; background: #fff; padding: 4px 0 0 4px; }
.rumshot .headline .content { background: url(/images/rumshot/head.png); width: 706px; height: 102px; padding: 6px 0 0 12px; }
.rumshot .headline .content .text { width: 260px; color: #fff; }
.rumshot .headline .content .cc { margin-top: 10px; }
.rumshot .headline .content a,
.rumshot .headline .content a:link,
.rumshot .headline .content a:visited,
.rumshot .headline .content a:hover { cursor: pointer; text-decoration: none; }
.rumshot .headline .content a:hover { text-decoration: underline; }
.rumshot .l { float: left; width: 420px; }
.rumshot .l .desc { margin: 30px 0 10px 0; }
.rumshot .l .desc .shot { display: block; margin: 6px auto 6px auto; background: url(/images/rumshot/ss.app.png); width: 300px; height: 89px; }
.rumshot .l .download { overflow: auto; }
.rumshot .l .download .button { float: right; margin: 0 30px 0 0; }
.rumshot .l .download .button img { background: url(/images/button.dl.png); width: 183px; height: 72px; }
.rumshot .l .download .button img.themes { background: url(/images/rumshot/button.dl.tp1.png); width: 175px; height: 56px; }
.rumshot .l .download .button .note { text-align: right; padding-right: 10px; }
.rumshot .l .reqs { margin: 20px 0 0 0; }
.rumshot .l .reqs .header { font-weight: bold; }
.rumshot .l .extras { margin-bottom: 20px; overflow: auto; }
.rumshot .l .extras .guide { float: left;  margin: 0 20px 0 10px; }
.rumshot .l .extras .guide .button img { background: url(/images/rumshot/button.guide.png); width: 181px; height: 56px; }
.rumshot .l .extras .guide .button .note { text-align: right; padding-right: 10px; }
.rumshot .l .extras .download { float: left; }
.rumshot .l .extras .download .button { margin: 0 30px 0 0; float: none; }
.rumshot .l .extras .download .button img { background: url(/images/button.dl.png); width: 183px; height: 72px; }
.rumshot .l .extras .download .button img.themes { background: url(/images/rumshot/button.dl.tp1.png); width: 175px; height: 56px; }
.rumshot .l .extras .download .button .note { text-align: right; padding-right: 10px; }
.rumshot .r { float: left; width: 306px; }
.rumshot .r .ad { margin: 20px 0 0 50px; }
.rumshot .r .ad .label { margin: 0 10px 0 0; padding: 0; }
.rumshot .shots { margin-top: 20px; clear: both; }
.rumshot .shots .header { font-weight: bold; }
.rumshot .shots img { display: block; margin: 10px auto 10px auto; }
.rumshot .shots .r { padding-top: 20px; }

.nubs { margin: 0 auto; padding-bottom: 40px; width: 726px; overflow: auto; }
.nubs .headline { width: 722px; height: 112px; background: #fff; padding: 4px 0 0 4px; }
.nubs .headline .content { background: url(/images/nubs/head.png); width: 706px; height: 102px; padding: 6px 0 0 12px; color: #203546; }
.nubs .headline .content .text { width: 260px; }
.nubs .headline .content .cc { margin-top: 10px; }
.nubs .headline .content a,
.nubs .headline .content a:link,
.nubs .headline .content a:visited,
.nubs .headline .content a:hover { cursor: pointer; text-decoration: none; color: #162532; }
.nubs .headline .content a:hover { text-decoration: underline; }
.nubs .l { float: left; width: 420px; }
.nubs .l .desc { margin: 30px 0 10px 0; }
.nubs .l .desc .shot { display: block; margin: 6px auto 6px auto; background: url(/images/nubs/ss.app.png); width: 300px; height: 89px; }
.nubs .l .download { overflow: auto; }
.nubs .l .download .button { float: right; margin: 0 30px 0 0; }
.nubs .l .download .button img { background: url(/images/button.dl.png); width: 183px; height: 72px; }
.nubs .l .download .button img.themes { background: url(/images/button.dl.themes.png); width: 175px; height: 56px; }
.nubs .l .download .button .note { text-align: right; padding-right: 10px; }
.nubs .l .reqs { margin: 20px 0 0 0; }
.nubs .l .reqs .header { font-weight: bold; }
.nubs .r { float: left; width: 306px; }
.nubs .r .ad { margin: 20px 0 0 50px; }
.nubs .r .ad .label { margin: 0 10px 0 0; padding: 0; }
.nubs .shots { margin-top: 20px; clear: both; }
.nubs .shots .header { font-weight: bold; }
.nubs .shots img { display: block; margin: 10px auto 10px auto; padding: 4px; background: #fff; }
.nubs .shots .l { width: 410px; }
.nubs .shots .r { padding-top: 14px; }

.oops { padding: 20px; height: 300px; }
.oops .link { margin-top: 20px; font-size: 12px; }