/* ==========   GENERAL ITEMS   ========== */
html, body
{
color: #333;
background: #fff;
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#header_logo, #header_button, #nav, #footer, #sidebar, #login, #banners, #comments_form,
.story_topic, .story_vote, .story_options, .story_comments_anonymous,
.top, .comment_top, .alt { display: none; }

a:link { color: #000070; background-color: inherit; text-decoration: none; }
a:visited { color: #2567bc; background-color: inherit; text-decoration: none; }
a:hover, a:active { color: #7373bd; background-color: inherit; text-decoration: underline; }

/* ====   CONTENTS, STORY, COMMENTS   ==== */
#contents, #comments
{
width: 640px;
margin: auto;
text-align: left;
}

#contents ul, #comments ul { padding: 0; margin: 0; list-style-type: none; }

#contents ul li {
	margin: 0 0 10px 0px;
	color: #000;
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 6px;
}

#contents ul li h2 {
font: bold 12px/32px Tahoma, Verdana, Arial, Helvetica, sans-serif;
height: 32px;
margin: 0 0 6px 0;
padding-left: 10px;

color: #000070;
background: #eee url("img/c-h2-bg.gif") repeat-x;
border-left: 1px solid #b5bdbf;
border-right: 1px solid #b5bdbf;
}

#contents ul li h2 a { text-decoration: none; }

#contents ul li h2 a:link { color: #000070; background: transparent; }
#contents ul li h2 a:visited { color: #2567bc; background: transparent; }
#contents ul li h2 a:hover, #contents ul li h2 a:active { color: #7373bd; background: transparent; }

#comments ul li { margin: 0 0 10px 0px; }

.comment_title
{
font-size: 12px;
margin: 5px 0 0 0;
line-height: 22px;
color: #000;
background-color: #e5eef9;
border-top: 1px solid #cddef3;
border-left: 1px solid #cddef3;
border-right: 1px solid #cddef3;
border-bottom: 1px solid #cddef3;
padding: 1px 2px 1px 8px;
}

.comment_meta
{
color: #000;
background-color: #e5eef9;
border-top: 1px solid #f7fafd;
border-left: 1px solid #cddef3;
border-right: 1px solid #cddef3;
border-bottom: 1px solid #cddef3;
padding: 3px 4px 4px 16px;
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 4px;
}

.comment_body { line-height: 18px; background: url("img/comm-bg.gif") repeat-x bottom; padding-bottom: 8px; }

.comment_body p { margin: 0; padding: 4px; }

.comment_top { float: right; padding: 0 9px; }

.comment_quote
{
color: #000;
background: #fff url("img/quote.gif") no-repeat;
padding: 5px 3px 3px 25px;
border: 1px dotted #333;
margin: 0 10px 10px 10px;
}

.comment_quote em {font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
/* ======================================= */


/* ==============   STORY   ============== */
.story_comments_anonymous
{
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #333;
background-color: #fff;
    border: 1px dotted #ccc;
	margin: 10px 0;
	padding: 4px;
}

.story_comments_notice { border: 1px dotted red; color: #333; background-color: #ffc; margin-bottom: 10px; }

.story_comments_notice p
{
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #333;
background-color: #ffc;
margin: 2px 0;
padding-bottom: 2px;
}

.story_vote
{
margin: 10px 0;
line-height: 20px;
padding: 8px;
color: #000;
background-color: #e5eef9;
border: 1px solid #cddef3;
}

.story_line
{
height: 1px;
color: #000;
background-color: gray;
overflow: hidden;
clear: both;
margin: 10px 0 5px 0;
}

.story_content { line-height: 16px; }

.story_meta { margin-bottom: 3px; height: 8px; }
/* ======================================= */