body {
background-color: #000000;
font-family: Verdana, Sans Serif, Arial;
color: #ffffff;
width: 800px;
margin: 20px auto;
}

h1, h2, h3 {
margin: 5px 0px;
font-weight: normal;
}

img.icon {
width: 48px;
height: 48px;
float: left;
margin-right: 10px;
border: 1px solid #ffffff;
}

input {
margin: 2px 0px;
border: 1px solid #ffffff;
color: #ffffff;
background-color: #292929;
}

input:hover {
background-color: #505050;
}

textarea {
margin: 2px 0px;
border: 1px solid #ffffff;
color: #ffffff;
background-color: #292929;
}

textarea:hover {
background-color: #505050;
}

pre {
background-color: #C7CBCF;
color: #000000;
padding: 10px;
border: 2px solid #708586;
overflow: auto;
}

a:link, a:visited {
color: #4298E4;
text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
}

.menu {
border-top: 2px solid #ffffff;
font-size: 24px;
width: 100%;
float: left;
text-align: center;
}

.menu a:link, .menu a:visited {
color: #4298E4;
text-decoration: none;
margin: 0px 5px;
}

.menu a:hover, .menu a:active {
border-bottom: 1px solid #ffffff;
}

.content {
float: left;
width: 100%;
text-align: left;
}

.box {
border: 1px solid #ffffff;
padding: 20px;
}

.date {
font-size: 12px;
color: #A4AEB6;
}

.comment {
padding: 5px; 
margin: 10px 0; 
background-color: #292929;
}

.comment:hover {
background-color: #404040;
}

a img, a:visited img, a:active img {
border: 2px solid #ffffff;
}

a:hover img {
border: 2px solid #1E90FF;
text-decoration: none;
}