body{background-color:#0a4390; background:-webkit-gradient(linear, left top, left bottom, from(#1559b2), to(#002e6f)) fixed; background:-moz-linear-gradient(top, #1559b2, #002e6f) fixed; background:-o-linear-gradient(top, #1559b2, #002e6f) fixed; background:linear-gradient(top, #1559b2, #002e6f) fixed; font-family:Verdana, sans-serif; margin:0; padding:0 1em}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
#page{margin:0 auto; max-width:85em}
.bubble{background:#fff; margin:1em 0; padding:1em; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; -moz-box-shadow:0 0 .5em black; -webkit-box-shadow:0 0 .5em black; box-shadow:0 0 .5em black}
.title{background-color:#eee; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background:-moz-linear-gradient(top, #fff, #ddd); background:-o-linear-gradient(top, #fff, #ddd); background:linear-gradient(top, #fff, #ddd); margin:-1em; margin-bottom:0; padding:.25em; -moz-border-radius-topright:.5em; -moz-border-radius-topleft:.5em; -webkit-border-top-right-radius:.5em; -webkit-border-top-left-radius:.5em; border-top-left-radius:.5em; border-top-right-radius:.5em; text-align:center; text-shadow:#808080 1px 1px 2px; border-bottom:1px solid #bbb}
.title h1{margin:0}
.title h3{margin:0}
.title p{margin:0}
.title img{vertical-align:middle; padding-right:.25em}
.icon16{background:url("images.png"); width:16px; height:16px; margin:0 .25em 0 .5em; padding:0; float:left}
.icon16.novprog2{background-position:0 -102px}
.icon16.cutemaze{background-position:-16px -102px}
.icon16.tetzle{background-position:-32px -102px}
.icon16.gottet{background-position:-48px -102px}
.icon16.focuswriter{background-position:-64px -102px}
.icon16.kapow{background-position:-80px -102px}
.icon16.simsu{background-position:-96px -102px}
.icon16.peg-e{background-position:-112px -102px}
.icon16.hexalate{background-position:-128px -102px}
.icon16.connectagram{background-position:-144px -102px}
.icon16.tanglet{background-position:-160px -102px}
.icon48{background:url("images.png"); width:48px; height:48px; margin:0; padding:0; float:left}
.icon48.novprog2{background-position:0 -119px}
.icon48.cutemaze{background-position:-48px -119px}
.icon48.tetzle{background-position:-96px -119px}
.icon48.gottet{background-position:-144px -119px}
.icon48.focuswriter{background-position:-192px -119px}
.icon48.kapow{background-position:-240px -119px}
.icon48.simsu{background-position:-288px -119px}
.icon48.peg-e{background-position:-336px -119px}
.icon48.hexalate{background-position:-384px -119px}
.icon48.connectagram{background-position:-432px -119px}
.icon48.tanglet{background-position:-480px -119px}
.flattr{float:right}
#header{height:3em; padding:0 1em; margin:0; margin-top:1em; cursor:default; background-color:#5692e3; background:-webkit-gradient(linear, left top, left bottom, from(#80b3ff), to(#2c72c7)); background:-moz-linear-gradient(top, #80b3ff, #2c72c7); background:-o-linear-gradient(top, #80b3ff, #2c72c7); background:linear-gradient(top, #80b3ff, #2c72c7)}
#logo{background:url("images.png"); width:50px; height:64px; margin:0; padding:0 .25em 0 0; position:absolute; top:.25em}
#header h2{color:#fff; text-shadow:#002e6f 1px 1px 2px; margin-left:50px; line-height:2em; display:inline; vertical-align:middle}
#menu{float:right; display:inline; width:29em; height:2em; margin:1em 0 0 0; padding:0}
#menu h4{text-align:center; margin:0; padding:0; line-height:2em; color:#fff; text-shadow:#002e6f 1px 1px 2px; display:block}
#menu li{list-style:none; position:relative}
.menuitem{border-top:1px solid #2c72c7; border-left:1px solid #2c72c7; border-right:1px solid #2c72c7; margin-top:-1px; width:14em; float:right; margin-left:-1px}
.menuitem:hover{background-color:#2c72c7; -moz-box-shadow:inset 0 0 .25em black; -webkit-box-shadow:inset 0 0 .25em black; box-shadow:inset 0 0 .25em black}
.menuitem a{color:#fff; display:block}
.menuitem a:hover{color:#fff; text-decoration:none}
.menuitem a:active{text-decoration:none; color:#fff; background-color:#0057ae; -moz-box-shadow:inset 0 0 .25em black; -webkit-box-shadow:inset 0 0 .25em black; box-shadow:inset 0 0 .25em black}
.menuitem .submenu{display:none; margin:0; padding:0 0 .5em 0; position:absolute; left:0; top:2em; width:14em; background-color:#eee; -moz-border-radius-bottomright:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; border-bottom-left-radius:.5em; border-bottom-right-radius:.5em; -moz-box-shadow:0 0 .25em black; -webkit-box-shadow:0 0 .25em black; box-shadow:0 0 .25em black; z-index:1}
.menuitem:hover .submenu{display:block}
.submenu a{color:#000; text-shadow:none}
.submenu a:hover{color:#fff; background-color:#196cd9}
.submenu h3{margin-top:.5em; margin-bottom:0; text-align:center}
#links{width:108px; height:36px; margin:0 auto; padding:0}
.link{background:url("images.png"); width:36px; height:36px; margin:0; padding:0; text-indent:-9999px; float:left; overflow:none}
.lblog{background-position:0 -65px}
.lemail{background-position:-36px -65px}
.lnews{background-position:-72px -65px}
.ltwitter{background-position:-108px -65px}
#sidebar{width:25em; float:right}
#sidebar h4{margin-bottom:.5em}
#sidebar ul{list-style-type:none; padding:0; margin:0; margin-bottom:-0.5em}
#sidebar li{padding-left:1em; padding-bottom:.5em}
.expander{color:#000; margin:0 0 0 -1em; padding:0; float:left}
.expander:hover{text-decoration:none}
.details{overflow:auto; white-space:nowrap; background:#eee; border:1px solid #aaa; color:black; margin-left:0; margin-bottom:1em; font-size:smaller}
#tipjar{font-weight:bold; text-align:center; text-shadow:#aaa 1px 1px 2px; margin-bottom:0; margin-top:1em}
#contents{margin:0 26em 0 0}
#contents h3{border-bottom:1px solid #ddd}
#contents h4{margin-bottom:0}
#contents ul{margin-top:0; margin-bottom:0}
#contents p{margin-left:1em}
#contents .code{margin:0 2em 1em 2em; padding:.5em; border:1px dashed #ccc; background:#eee; font-family:monospace}
#screenshots p{text-align:justify}
#screenshots img{vertical-align:middle}
#news h3{padding-bottom:0; margin-bottom:0}
#news ul{padding-top:0; margin-top:0; padding-left:1em; list-style:none}
.newsitem{padding-top:1.5em}
.newsitem li{padding-top:0}
.newsitem .date{color:gray; font-style:italic; font-size:small}
#footer{background-color:#5692e3; background:-webkit-gradient(linear, left top, left bottom, from(#80b3ff), to(#2c72c7)); background:-moz-linear-gradient(top, #80b3ff, #2c72c7); background:-o-linear-gradient(top, #80b3ff, #2c72c7); background:linear-gradient(top, #80b3ff, #2c72c7); clear:both; padding:.5em; text-align:center; color:white; text-shadow:#002e6f 1px 1px 2px}
#footer p{margin:0}
#footer a{color:#fff; text-shadow:#000 1px 1px 2px}