html, body {
 background: #382f2f;
 font-family: arial, tahoma, verdana;
}

#wrapper {
 width: 817px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 75px;
}

#head-nav {
 width: 100%;
 background: url(images/box-head.png) no-repeat bottom;
 color: white;
 height: 35px;
 font-size: 12px;
}

#nav-item-one {
 padding-right: 20px;
 float: left;
}

#nav-item-one a {
 color: white;
 text-decoration: none;
}

#nav-item-one a:hover {
 color: #00aeef;;
 text-decoration: none;
}

#nav-item-two {
 padding-right: 20px;
 float: left;
}

#nav-item-two a {
 color: white;
 text-decoration: none;
}

#nav-item-two a:hover {
 color: magenta;
 text-decoration: none;
}

#nav-item-three {
 padding-right: 20px;
 float: left;
}

#nav-item-three a {
 color: white;
 text-decoration: none;
}

#nav-item-three a:hover {
 color: yellow;
 text-decoration: none;
}

#nav-item-four {
 padding-right: 20px;
 float: left;
}

#nav-item-four a {
 color: white;
 text-decoration: none;
}

#nav-item-four a:hover {
 color: black;
 text-decoration: none;
}


#main-box {
 background: url(images/box-bg.png) repeat-y;
 padding: 20px 40px 30px 40px;
}

#logo-left {
 float: left;
 padding-bottom: 25px;
}

#logo-right {
 float: right;
}

#post {
 width: 500px;
 float: left;
 padding-bottom: 25px;
}

#post-date {
 background: url(images/blob.png);
 width: 77px;
 height: 44px;
 color: white;
 text-align: center;
 padding-top: 20px;
 font-size: 14px;
 line-height: 10px;
 float: left;
}

.post-date-num {
 font-size: 19px;
 font-weight: bold;
}

.post-date-suffix {
 font-size: 10px;
}

.post-date-mon {
 font-size: 10px;
}

#post-title {
 font-family: Tahoma, Arial;
 font-size: 20px;
 padding-top: 12px;
 padding-left: 10px;
 float: left;
}

#post-info {
 font-family: Tahoma, Arial;
 font-size: 12px;
 padding-top: 3px;
}

#post-text {
 font-family: arial, verdana;
 font-size: 13px;
 color: #382f2f;
 margin-top: 5px;
 background: url(images/m-bar.png) repeat-y left;
 padding-left: 10px;
 width: 470px;
}

#post-footer {
 color: magenta;
 font-size: 11px;
}

#post-footer a {
 color: magenta;
 text-decoration: none;
}

#post-footer a:hover {
 text-decoration: underline;
}

#post-comments {
 float: left;
}

#post-feed {
 float: right;
}

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

#sidebar .nav-link-one {
 margin-bottom: 3px;
 background: #00aeef;
 margin-right: 0px 10px;
 width: 200px;
 float: right;
 font-size: 11px;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 text-decoration: none;
 color: white;
 padding: 2px 5px 2px 5px;
}

#sidebar .nav-link-one:hover {
 background: white;
 text-decoration: none;
 color: #00aeef;
}


#sidebar .nav-link-two {
 margin-bottom: 3px;
 background: magenta;
 margin-right: 0px 10px;
 width: 200px;
 float: right;
 font-size: 11px;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 text-decoration: none;
 color: white;
 padding: 2px 5px 2px 5px;
}

#sidebar .nav-link-two:hover {
 background: white;
 text-decoration: none;
 color: magenta;
}



#sidebar .nav-link-three {
 margin-bottom: 3px;
 background: yellow;
 margin-right: 0px 10px;
 width: 200px;
 float: right;
 font-size: 11px;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 text-decoration: none;
 color: black;
 padding: 2px 5px 2px 5px;
}

#sidebar .nav-link-three:hover {
 background: white;
 text-decoration: none;
 color: black;
}


#sidebar .nav-link-four {
 margin-bottom: 3px;
 background: black;
 margin-right: 0px 10px;
 width: 200px;
 float: right;
 font-size: 11px;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 text-decoration: none;
 color: white;
 padding: 2px 5px 2px 5px;
}

#sidebar .nav-link-four:hover {
 background: white;
 text-decoration: none;
 color: black;
}


#spacer {
 display: block;
 clear: both;
}

#footer {
 background: url(images/box-footer.png) no-repeat top;
 width: 100%;
 text-align: center;
 padding-top: 20px;
 font-family: Arial;
 color: white;
 font-size: 11px;
}

#footer a {
 text-decoration: none;
}

.cmyk-magenta {
 color: magenta;
}

.cmyk-cyan {
 color: #00aeef;
}