/* Layout made by Matt for Dianafan.net. (c)2010 dianafan.net all rights reserved */

html, body {margin: 0; padding: 0; height: 100%;}
body, td, th {font-family: Tahoma, Geneva, sans-serif; font-size: 10px;}
body {background: url(images/bg.jpg) top left no-repeat #d4e0f0;}

#main {background: #fff; border: solid #e5ecf7; border-width: 0 10px;}
a, a:link, a:visited, a:active {font-weight: bold; text-decoration: underline;}
a:hover {text-decoration: none;}
form {margin: 0; padding: 0;}
p {margin: 0 0 10px 0;}
ol {padding: 0 0 0 20px;}
ul {padding: 0 0 0 14px;}

#header {background: url(images/header.jpg) top left no-repeat; width: 760px; height: 400px;}
#welcome {margin: 0 20px 20px 20px; background: url(images/welcome.png); padding: 5px 6px; border: solid #fff; border-width: 1px 0; color: #333;}
#welcome .image {margin: 0 0 5px 0;}
#welcome strong {font-size: 14px; color: #e94141; text-transform: uppercase; letter-spacing: -0.04em; margin: 0 2px 0 0;}

#advert {padding: 12px 0 0 20px;}

#page {background: #fff; padding: 5px 5px 5px 0;}
#page a, #page a:link, #page a:visited, #page a:active {color: #ff3936;}
#page a:hover {color: #ff7f7e;}
#main_wrap {background: #ffeaea; border-top: 1px solid #ff7777; border-bottom: 1px solid #ffcccc;}
#page #title {background: #ffaaaa; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #fff; letter-spacing: -1px; padding: 0 5px 1px 5px;}
#content {padding: 5px;}

.news {border-bottom: 0px !important;}
.news_story {padding: 10px 8px 12px 7px; border-bottom: 1px solid #ffcccc;}
.news_title {font-size: 15px; font-weight: bold; letter-spacing: -0.04em; line-height: 17px; margin: 0 0 6px 0; padding: 0 0 6px 0; border-bottom: 1px solid #ddd; color: #ff3936;}
.news_title a {text-decoration: none;}
.news_info {margin: 12px 0 0 0; text-align: right;}
.news_info .details {font-weight: bold; color: #888;}
.news_info .info {padding: 0 2px; background: #ddd;}
#pages {padding: 3px; text-align: center; border-bottom: 1px solid #ffcccc; background: #ffcccc;}
#credit {background: #fff; padding: 1px 6px 12px 6px;}
#credit br {display: none;}

#comments {padding: 8px 8px 1px 8px; border-bottom: 1px solid #ffcccc;}
#commentform {padding: 8px; border-bottom: 1px solid #ffcccc;}
.comments_title {font-size: 14px; color: #aaa; margin: 0 0 10px 0;}
.comment {background: #fff9f9; margin: 0 0 8px 0; padding: 5px;}
.comment_info {margin: 0 0 5px 0;}
.comment_info .info {padding: 0 1px; background: #e3e3e3; color: #838383;}
.input {padding: 0 0 4px 0;}
.input input, .input textarea {font-family: Tahoma, Geneva, sans-serif; font-size: 11px; border: 1px solid #ffaaaa; background: #fff9f9; color: #840000;}
.input textarea {width: 350px;}
.label {font-size: 11px; padding: 3px 0 0 0;}

#sidebar {background: #fff; padding: 5px;}
#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {color: #4b758e;}
#sidebar a:hover {color: #7aadce;}
.side_wrap {background: #e3f5fd; border-top: 1px solid #86a8ba; border-bottom: 1px solid #b3e9ff; margin: 0 0 5px;}
#sidebar .title {background: #a7cde0; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; letter-spacing: -1px; padding: 0 5px 1px 5px;}
#sidebar .content {padding: 5px;}

#projects {border-bottom: 0px !important;}
#projects .content {padding: 0px !important;}
#sidebar .project {padding: 5px; border-bottom: 1px solid #b3e9ff;}
#sidebar .project .title {font-size: 12px; line-height: 14px; padding: 1px 0 2px 0; color: #007eae; background: none; letter-spacing: normal; text-transform: none;}
#sidebar .project .links {font-weight: bold; margin: 0 0 2px 0;}
#twitter img {margin: 0 0 0 5px;}
ul#twitter_update_list {margin: 5px; padding: 0; list-style: none; display: block;}
ul#twitter_update_list li {display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #777; font-style: italic;}
ul#twitter_update_list a {display: none;}

#footer {background: url(images/footer.jpg) top left no-repeat; padding: 6px 8px; color: #444;}
#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #676767;}
#footer a:hover {color: #a1a1a1;}