body {background:#efefef url(img/bg.png) no-repeat top center; margin:0; padding:0; font:14px arial,helvetica,sans-serif}
a {color:#00f; text-decoration:none}
a:hover {color:#000; text-decoration:underline}

#header {width:1000px; margin:0 auto; overflow:hidden}
h1 {margin:42px 0 0 0; float:left}
h1 img {border:0}

#navigation {float:right; font-size:15px; margin:85px 0 0 0}
#navigation li {display:inline; list-style-type:none; margin-left:20px}
#navigation, #navigation a {color:#666}
#navigation a:hover {color:#000}

#strip {background:#e9e9e9; border-bottom:2px solid #cfcfcf; padding:10px 0; margin-top:25px}
h2 {font-weight:normal; margin:0 auto; width:1000px; font-size:20px; color:#888}
h2#intro {text-align:center; padding:5px 0; color:#555; font-size:22px}
h2#intro strong {color:#555}
h2 a {color:#888}
h2 strong {color:#000}

#body {width:1000px; margin:25px auto; overflow:hidden}

#tag {background:url(img/tag.gif); width:350px; height:53px; font-size:20px; font-weight:bold; color:#fff; text-shadow:0 -1px #0386fe; text-align:center; padding:7px 30px 0 0; float:left}
#tag a {color:#fff; text-decoration:underline}

.box {background:#fff; border-bottom:2px solid #ccc; padding:15px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:20px}
.highlight {background:#e0fdcf; border-color:#b4e98e}
.highlight h4, .highlight h5 {color:#3a6d15}
h4 {font-size:18px; font-weight:bold; margin:0}
h5 {font-size:16px; font-weight:bold; margin:0}
.box p {margin:0.75em 0 0 0; line-height:1.25}

#screencast {width:560px; height:340px; padding:7px; float:right}

#steps {clear:left; float:left; width:310px; margin-top:25px; padding:20px}
#steps ul {list-style-type:none; margin:0 0 0 10px; padding:0}
#steps .step {font-size:32px; color:#bbb; float:left; margin-top:3px}
#steps li {padding:10px 0; overflow:hidden; zoom:1}
#steps p {margin:2px 0 0 40px; font-size:15px}
#download {background:url(img/downloadButton.png) no-repeat; display:block; width:216px; height:63px; text-align:center; padding:5px 0 0 40px; text-decoration:none; color:#000; line-height:27px}
#download .title {font-size:16px}
#download .version {color:#245b09; font-size:12px}
#download:hover {background-position:0 -68px}
#download:active {background-position:0 -136px}
#secret, #secret:hover {font:14px times new roman,times,serif; color:#aaa; text-decoration:none}

#donate {clear:right; float:right; width:560px; padding:15px 7px}
#donate p {float:left; font-size:16px; margin:7px 0 0 10px}
#donate form {text-align:right; margin:0}

#footer {text-align:center; color:#888; width:1000px; margin:10px auto}
#footer a {color:#333}

.tabs {margin:0 0 -5px 0; overflow:hidden; padding:0; zoom:1}
.tabs li {list-style-type:none; float:left}
.tabs li a {padding:10px 20px; color:#888; display:block}
.tabs li.selected a {background:#fff; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius:5px 5px 0 0; color:#000}

.plugin, .skin {padding:10px 10px 20px 10px; border-bottom:1px solid #ccc; overflow:hidden; margin-bottom:10px}
.plugin img, .skin img {float:left; width:200px; height:130px; margin-right:20px; margin-bottom:10px}
.skin img {width:275px; height:153px}
.plugin h4 .info, .skin h4 .info {font-weight:normal; font-size:14px; color:#888}
.plugin .links, .skin .links {margin:15px 0 10px 220px}
.skin .links {margin-left:295px}
.plugin .links a, .skin .links a {margin-right:10px}
.plugin .links del, .skin .links del {margin-right:10px; text-decoration:line-through; color:#888}
.plugin .download, .skin .download {background:#cdf1f8 url(img/download.png) no-repeat 10px 5px; border-bottom:2px solid #9edfee; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px 10px 5px 35px; color:#0f5a69}
.plugin .download:active, .skin .download:active {border-bottom:0; border-top:2px solid #9edfee}
.plugin .documentation {background:url(img/documentation.png) no-repeat; padding:0 0 0 20px}
.plugin .discussion, .skin .discussion {background:url(img/discussion.png) no-repeat; padding:0 0 0 20px}

#languages {overflow:hidden; zoom:1}
#languages #professional, #languages #relaxed, #languages #fun {width:33%; float:left}
#languages ul {padding:0; margin:10px 0}
#languages li {list-style-type:none; margin-bottom:7px; font-size:12px}
#languages li img {margin-right:5px}
#languages li strong {font-size:14px; margin-right:3px; font-weight:normal}
#languages li del {color:#888; text-decoration:none}