body {
width: 960px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0 auto;
background: #063;
color: #222;
}

a {
    color: #063;
}

#container {
padding: 20px 18px 20px;
width: 920px;
float: left;
background: #fff;
border: 4px solid #000;
}


#footer {
float: left;
background: #000;
padding: 20px;
border: 4px solid #000;
width: 916px;
color: #eee;
}

#footer a {
background: #063;
color: #fff;
padding: 5px;
text-decoration: none;
}



#footer div.footerstuff {
text-align: center;
}

#footer .box {
margin-bottom: 30px;
text-align: left;
}

#footer a:hover {
color: #000;
}

#header {
clear: both;
background: #fff;
}

ul#navigation {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
width: 920px;
text-align: center;
}
ul#navigation li {
float: left;
width: 174px;
margin-right: 10px;
}

ul#navigation li a {
text-decoration: none;
display: block;
font-size: 24px;
border-bottom: 4px solid #063;
padding-top: 10px;
padding-bottom: 5px;
color: #fff;
}

ul#navigation li a:hover, ul#navigation li a.active {
border-bottom: 4px solid #000;
background: #000;
}

div.logo {
margin-top: 10px;
margin-bottom: 10px;
line-height: 90px;
font-size: 90px;
font-weight: bold;
text-transform: uppercase;
}

div.logo a {
text-decoration: none;
}

div.logo img {
    border: none;
}

.today  {
    width: 450px;
float: left;
    font-style: italic;
}

p.author {
text-align: right;
}

.today h1 {font-size: 16px;
font-weight: normal;
}

.blackbox {
background: #333;
border: 2px solid #000;
color: #fff;
padding: 5px 10px;
}

.box {
    background:#FFF6BF;
    color:#514721;
    border: 2px solid #FFD324;
    padding: 5px 10px;
    float: left;
    width: 896px;
}

.box h1 {
font-family: times, georgia, serif;
}

h1.large {
font-size: 42px;
}

.leftbox {
float: left;
width: 48%;
padding: 10px 1%;
}

.box a:link, .box a:visited {color:#063;}

.box a:hover { color: #000;}

.rightbox {
float: right;
width: 48%;
padding: 10px 1%;
}

.rightbox a:link, .rightbox a:visited {
font-size: 18px;
font-weight: bold;
background: #063;
padding: 5px;
color: #fff;
text-decoration: none;
}

.rightbox a:hover {
color: #000;
}

.rightbox p {
font-size: 18px;
}

.lfloat { 
float: left;
margin-right: 10px;
}


.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}

.success a:link, .success a:visited {color:#264409; text-decoration: none;}

.guideline p {
font-size: 36px;
float: left;
width: 920px;
padding-top: 20px;
font-style: italic;
font-weight: bold;
font-family: times, georgia, serif;
}

.author p {
text-align: right;
float: left;
width: 920px;
font-style: italic;
font-style: italic;
font-weight: bold;
font-family: times, georgia, serif;
font-size: 24px;
}


.col1, .col2 {
width: 450px;
float: left;
font-size: 16px;
padding-bottom: 30px;
}

.col1 {
padding-right: 10px;
}

.col2 {
padding-left: 10px;
}

#entries    {
    float: left;
    width: 575px;
}

.entry {
    padding: 20px 0;
}

.entry h1 {
font-weight: bold;
text-transform: uppercase;
color: #333;
font-family: times, georgia, serif;
}

.entry h1 a {
    text-decoration: none;
}

#sidebar {
float: right;
width: 300px;
margin-top: 20px;
}

#sidebar h2 {
font-family: times, georgia, serif;
text-transform: uppercase;
}

#sidebar ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#sidebar ul li {
margin-bottom: 10px;
}

#sidebar ul li a {
padding: 10px;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
background: #063;
display: block;
color: #fff;
text-decoration: none;
}

#sidebar ul li a:hover {
background: #fff;
color: #063;}

.screenshot {
    text-align: center;
}

.screenshot a {
text-decoration: none;
}

.screenshot img {
border: 1px solid #aaa;
padding: 3px;
}

p.metadata {
padding: 5px;
background: #000;
color: #fff;
}

p.metadata a {
color: #fff;
}