body {
    margin:0;
    padding:0;
    background:#ddd;
    color:#fff;
    font-family:'Gill Sans','Lucida Grande',sans-serif;
    font-size:11px;
    background: #fff url('img/bg.png') repeat-x;
}

div,h1,h2,h3,h4,h5,h6,p,ul,li,input {
    margin:0;
    padding:0;
}

textarea {
    padding:5px;
    font-family:'Gill Sans','Lucida Grande',sans-serif;
    font-size:12px;
}

li {
    list-style:none;
}

div#header > div {
    width:980px;
    margin: 0 auto;
}

div#header h1 a {
    color:#333;
    text-decoration:none;
    text-shadow: 1px 1px 1px #fff;
    font-size:1.6em;
    margin: 20px 15px;
    display:block;
    font-family:monospace;
    text-align:center;
}

div#header ul {
    float: right;
    margin-top:2px;
}
div#header ul li {
    display:inline-block;
}
div#header ul li.logout a {
    background:#888;
    padding:4px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    margin-left:5px;
    text-decoration:none;
    color:#fff;
}
div#header ul li.logout a:hover {
    background:#FF0084;
}

div#content {
    width:980px;
    margin: 0 auto;
}

div#footer {
    width:980px
    margin: 15px auto;
}

div.box {
    background-color:#fff;
    padding:20px 40px 20px;
    color:#444;
    margin:10px 0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

div.box h2 {
    font-size: 2.2em;
    margin: 0 0 5px 0;
}
div.box h2 a {
    text-decoration:none;
    color:#333;
}
div.box span.created {
    font-size: 1.6em;
    color:#ccc;
    float:right;
}
div.feed span.created {
    float:none;
    margin-bottom:20px;
    display:inline-block;
}
div.box a.comments {
    text-decoration:none;
    font-size: 1.6em;
    color:#aaa;
    border-left:1px solid #999;
    padding:0 8px;
    margin:0 5px;
}
div.box a.comments:hover {
    color: #888;
    background-color:#eee;
}

div.box p {
    font-size: 1.4em;
    margin: 15px 0;
}

div.post div.body {
    margin:40px 0 0;
}
div.post a.comments {
    float:right;
}

.code { 
    background-color: #111;
    width:800px;
    margin:25px auto;
    padding:0 15px;
    border:6px solid #eee;
    color:#eee;
    white-space:pre;
    font-family:monospace;
    font-size: 1.2em;
    -moz-box-shadow: 0 0 8px rgba( 82, 168, 236, 0.5 );
    outline: medium none;
}
.code .synComment    { color: #29B1C7 }
.code .synConstant   { color: #FF00FF }
.code .synIdentifier { color: #08BBCC }
.code .synStatement  { color: #F8FF00 ; font-weight: bold }
.code .synPreProc    { color: #492EE1 }
.code .synType       { color: #23BC24 ; font-weight: bold }
.code .synSpecial    { color: #6A5ACD }
.code .synUnderlined { color: #000000 ; text-decoration: underline }
.code .synError      { color: #FFFFFF ; background: #FF0000 none }
.code .synTodo       { color: #0000FF ; background: #FFFF00 none }

.video,
.map {
    width:640px;
    margin: 25px auto;
    border:6px solid #eee;
    -moz-box-shadow: 0 0 8px #eee;
    outline: medium none;
    text-align:center;
    background:#eee;
}
.map {
    height:360px;
}
.map p {
    font-size:1.3em;
    padding: 15px;
    margin: 30px auto;
}