/* SITE-WIDE LAYOUT */

A:link, A:visited, A:active {
	TEXT-DECORATION: none; COLOR: #990029;
}
A:hover {
	TEXT-DECORATION: underline;
}
p {
	FONT-FAMILY: Verdana, Arial, Sans-Serif; FONT-SIZE: 1em; COLOR: #444433; BACKGROUND: transparent;
}
body {
	FONT-FAMILY: Verdana, Arial, Sans-Serif; FONT-SIZE: .8em; COLOR: #444433; BACKGROUND: #141414; height: 100%; width: 100%; padding: 0; margin: 0;
}

h1 {
   font-weight: bold; font: normal 2.5em Impact, Sans-Serif; letter-spacing: 1px; color: #444433;
}
h2 {
   font-weight: bold; font: normal 2em Impact,sans-serif; letter-spacing: 1px;
}
hr {
    border-top: 1px dashed #7D000E; height: 1px; width: 85%; border-bottom: 0; clear: both;
}
.welcome {
    color: #ffffff; font-size: .8em; font-weight: bold; float: left; padding-right: 5px;
}
.textbox {
    font-size: 1.4em; background: #636776; border: 1px solid #333333; color: #ffffff;
}
.button {
    background: #830028; border: 2px solid #555555; color: #f5f5f5; font-size: 1em; font-weight: bold;
}
.alert {
    font-weight: bold; color: #FF0000;
}
.leftheading {
    font-weight: bold; text-align: center; font-size: 1.4em; width: 100%; float: left; margin-top: 30px;
}
#left p {
    color: #ffffff;
}

/* CONTAINER ELEMENTS */

#shell {
    width: 952px; margin: 10px auto 10px auto;
}
#header {
    width: 952px; height: 274px; clear: both; background: url(images/header.jpg) top left no-repeat;
}
#info {
    position: relative; padding: 5px; background: #000000; border: 1px solid #333333; float: right;
}
#mypic {
    float: right;
}
#navigation {
    width: 952px; height: 44px; clear: both; background: url(images/navbackground.jpg) top right no-repeat;
}
#navigation img {
    border: 0;
}
#navigation ul {
    margin-left: 0; padding-left: 0; display: inline;
}
#navigation ul li {
    margin-left: 0; margin-right:-6px; list-style: none; display: inline;
}
#home a {
    float: left; display: block; width: 100px; height: 44px; text-decoration: none; background: url(images/navhome.jpg) no-repeat;
}
#blog a {
    float: left; display: block; width: 100px; height: 44px; text-decoration: none; background: url(images/navblog.jpg) no-repeat;
}
#articles a {
    float: left; display: block; width: 100px; height: 44px; text-decoration: none; background: url(images/navarticles.jpg) no-repeat;
}
#photos a {
    float: left; display: block; width: 100px; height: 44px; text-decoration: none; background: url(images/navphotos.jpg) no-repeat;
}
#about a {
    float: left; display: block; width: 100px; height: 44px; text-decoration: none; background: url(images/navabout.jpg) no-repeat;
}
#contact a {
    float: left; display: block; width: 100px; height: 44px; text-decoration: none; background: url(images/navcontact.jpg) no-repeat;
}
#navigation a:hover {
    background-position: 0 -44px;
}
#body {
    background: url(images/left.jpg) top left no-repeat #000000; float: left; border-left: 1px solid #323232;
}
#left {
    width: 275px; background: url(images/left.jpg) top left no-repeat; float: left; color: #ffffff; padding: 8px; border-top: 1px solid #323232;
}
#main {
    width: 642px; background: #eeeeee; float: left; border-right: 1px solid #323232; border-left: 1px solid #323232; padding: 8px;
}
#photobox {
    width: 930px; background: #000000; clear: both; border: 1px solid #323232; float: left; text-align: center; padding: 10px;
}
#photobox img {
    border: 1px solid #323232;
}
#bottom {
    width: 950px; background: #000000; clear: both; border: 1px solid #323232; border-top: 0; color: #ffffff; float: left;
}
#bottom ul {
    width: 29%; float: left;
}
#bottom ul li {
    width: 100%; list-style: none; font-size: 1em; border: solid #202020; border-width:0 0 1px 0; margin: 4px 0;
}
#bottom li.title {
    font-size: 1.4em; color: #d7d7d7; text-transform: uppercase; border: 0;
}
#bottom li a {

}
#footer {
    width: 934px; background: #000000; clear: both; border: 1px solid #323232; border-top: 0; color: #ffffff; padding: 8px; text-align: center; font-size: 0.8em;
}
#newcomment {
    float: left; clear: both;
}
#friends {
    margin: 0 auto;
}
.friend {
    width: 25%; float: left; margin-top: 10px;
}
.comment {
    clear: both; float: left; padding: 8px 0 8px 0;
}
.comment_pic {
    float: left;
}
.comment_title {
    clear: both; font-size: 11px; font-family: Tahoma, Verdana; font-weight: bold;
}
.comment_time {
    font-size: 9px; color: #656565; font-weight: normal;
}
.comment_body {
    float: left; margin-left: 10px; padding: 5px; background: #DCE0E9; border-bottom: 1px solid #999999; font-size: 11px; font-family: Tahoma, Verdana;
}