/* globals */

body { font-family: "Lucida Grande", Helvetica, Arial, san-serif; margin: 0; background: #090909 }
a img { border: 0; }
a { color: #333; }
a:hover { color: #cc0000; }
ol { margin: 0 0 0 25px }

/* top */

.TopBox { background: url("../media/top_bg.png") repeat-x; height: 105px; z-index: 1; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.Top { background: url("../media/top.jpg") no-repeat; height: 97px; width: 1024px; }
.TopLeft { float: left; }
.TopLeft img { position: absolute; padding: 10px 0 0 30px; }
.TopRight { float: right; padding: 23px 0 0 0; }
.TopRight a { color: #eee; padding: 10px 20px; position: relative; top: 15px }

/* content */

.Summery { background: #E3E0DB; padding: 15px 22px 12px 22px; color: #121212; margin: 0; font-size: 16px; line-height: 1.5em; position: relative; top: -8px; }
.Summery h1 { font-size: 22px; margin: 0; padding: 3px 0 10px; }
.Summery b { color: #900055 }
.Summery .wrap { width: 1024px; }

/* code */

#code { overflow: hidden; width: 100%; font-size: 23px; padding: 5px 0 7px; }
#code h1 { color: #F9265B; font-size: 18px; margin: 0 0 0 10px; padding: 0; font-weight: normal; }
#code h2 { color: #FFF; font-size: 18px; margin: 0 0 0 10px; padding: 0; }
#code a h1 { text-decoration: underline; }
#code a h1:hover { color: #fd971f; }
#code a { color: #A6E22E }
#code a:hover { color: #E6DB5C; }
#code span { font-size: 0.6em; color: #51D9EF; float: right; position: relative; left: -15px; top: -23px }
#code .desc { color: #f8f8f2; border-top: 1px solid #272727; background: #191919; font-size: 0.7em; margin: 2px 0 8px; padding: 7px 10px 10px; }

.codepress { font-family:monospace; font-size:13px; white-space:pre; line-height: 16px; width: 100%; background: #0F0F0F; border: 0; color: #f8f8f8; padding: 15px 0 0 15px; font-size: 13px; }

/* contact */

.Contact { border: 0; margin: 18px 0 0 30px; color: #F9265B; }
.Contact h1 { font-size: 18px; font-weight: normal; margin: 0 }
.Contact input { margin: 2px 0 12px 0; padding: 3px 5px; font-size: 14px; font-family: "Lucida Grande", Helvetica, Arial, san-serif }
.Contact textarea { margin: 2px 0 12px 0; padding: 5px; font-size: 14px; font-family: "Lucida Grande", Helvetica, Arial, san-serif }

/* sticky footer */

html, body, #wrap { height: 100%; margin: 0; padding: 0; }
body > #wrap { height: auto; min-height: 100%; }

.clearfix { padding-bottom: 50px; }

.Footer { position: relative; margin-top: -50px; height: 50px; clear:both; background: url("../media/top_bg.png"); color: #444; }
.Footer .wrap { padding: 15px 0; width: 1024px; }
.Footer .west { float: left; color: #666; font-size: 1em; padding: 0 0 0 25px; }
.Footer .east { float: right; font-size: 1em; padding: 0 15px 0 0; }
.Footer a { color: #afaeaf; }
.Footer a:hover { color: #F0F0F0; }

/* test */

#T { color: #999; }