/* ==========   GENERAL ITEMS   ========== */
html, body
{
color: #333;
background: #ccc; /* #F1F1F1; */
margin: 0;
padding: 0;
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;

text-align: center;
}

td, div, p, span, input, select, option, textarea { font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

form { margin: 0; }

#container
{
background: #fff url("img/c-bg.png") repeat-y;
color: #333;
width: 808px; /* 788 */
margin: 0px auto 0px auto;
padding-bottom: 8px;
}

#main
{
width: 770px;
margin: 10px auto;
}

/* DEFAULTS = color: #366AB3; */
a:link { color: #000070; background-color: inherit; /* inherit transparent */ text-decoration: none; }
a:visited { color: #2567bc; background-color: inherit; /* inherit transparent */ text-decoration: none; }
a:hover, a:active { color: #7373bd; background-color: inherit; /* inherit transparent */ text-decoration: underline; }
.alt { display: none;}
/* ======================================= */


/* =============   HEADER   ============== */
#header
{
width: 770px;
margin: auto;
padding: 10px 0 10px 0;
text-align: left;
clear: both;
}

#header_logo { float: left; }

#header_button { float: right; font-weight: bold; }
/* ======================================= */


/* ============   NAVIGAION   ============ */
#nav, #footer
{
width: 770px;
margin: 0px auto 0px auto;
text-align: center;
color: #fff;
background-color: #97b9e4;

border-top: 3px solid #e5eef9;
border-bottom: 3px solid #e5eef9;
/*- MODDED @ 03.10.06 -*/
border-left: 3px solid #e5eef9;
border-right: 3px solid #e5eef9;
/*- MODDED @ 03.10.06 -*/

padding: 1px 0 0 0;
overflow: hidden;
clear: both;
}

#footer { padding: 2px 0 0 0; }

#nav_bar { margin: 0 auto; width: 760px; text-align: left; }

#nav_search { float: left; width: 300px; }

#nav_links
{
line-height: 23px;
float: right;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background-color: #97b9e4;
}

#nav_links a { color: #fff; background-color: #97b9e4; }
/* ======================================= */


/* =============   SIDEBAR   ============= */
#sidebar
{
float: left;
width: 187px; /* 162px */
text-align: left;
}

#sidebar ul
{
padding: 3px;
margin: 0 0 10px 0;
color: #000;
background-color: #e5eef9;
border: 1px solid #cddef3;
list-style-type: none;
}


#sidebar ul h2
{
display: block;
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-indent: 14px;
margin: 0 0 2px 0;
padding: 0;
background: transparent url("img/s-h2-bg.gif") repeat-x right bottom;

/* OLD BROWSER FIX
height: 19px;
voice-family: "\"}\"";
*/
height: 18px;
line-height: 16px;
/*
border-top: 2px solid #97b9e4;
border-bottom: 2px solid #97b9e4;
padding: 1px 0 2px 0;
*/
}

#sidebar ul em { font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-indent: 18px; }

#sidebar ul li { padding: 2px 0; }

#sidebar ul li a em { font: bold 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 2px 0; }

.cssbtn a:link, .cssbtn a:visited
{
display: block;
font: bold 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;

color: #000;
/* background-color: #97b9e4; */
background: #97b9e4 url("img/css-bg.gif") repeat-x;

padding: 1px 0 2px 10px;
height: 22px;

border-left: 10px solid #a5b8d9; /* rgb(165,184,217); */
border-right: 1px solid #a5b8d9; /* rgb(165,184,217); #93f
border-top: 1px solid #93f;
border-bottom: 1px solid #93f;*/
}
.cssbtn a:hover, .cssbtn a:active
{
display: block;
font: bold 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;

color: #000;
/* background-color: #97b9e4; */
background: #97b9e4 url("img/css-bg.gif") repeat-x;

padding: 1px 0 2px 10px;
height: 22px;

border-left: 10px solid #8cbee6; /* rgb(140,190,230); #97b9e4; */
border-right: 1px solid #a5b8d9; /* rgb(165,184,217); */
/*border-top: 1px solid #93f;
border-bottom: 1px solid #93f;*/
}
/* ======================================= */


/* ====   CONTENTS, STORY, COMMENTS   ==== */
#contents, #comments
{
width: 573px; /* 595px */
float: right;
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;
/*	background: #eee url("img/box2-mid.gif") repeat-y; */
	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; /* rgb(181,189,191); */
border-right: 1px solid #b5bdbf; /* rgb(181,189,191); */
}

#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; }

#comments_form
{
border-bottom: 10px solid #fff;
}

#comments_form p
{
margin: 2px;
}

.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_topic { float: right; margin: 0 0 5px 5px; }

.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; }
.top { float: right; padding: 0 2px; }
/* ======================================= */

/* ======================================= */
#login
{
color: #333;
background-color: #fff ;
padding: 0 4px;

text-align: right;
vertical-align: top;
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#login em
{
display: block;
text-align: right;
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#login input, .dombg
{
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-color: #d2e9ff;
border: 1px solid #999;
}

.lip { padding-left: 3px; }

.btn /* #login-btn, #anketa-submit */
{
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #c6e0ff url("img/btn-bg.png") repeat-x left bottom;
border: 1px solid #999;
}

.search { height: 14px; }

#banners { clear: both; margin: 0 0 5px 0; }

#banners dt
{
text-align: left;
color: #000;
background: #ccc url("img/ban-bg.gif") repeat-x right bottom;
border-bottom: 4px solid #fff;

/* OLD BROWSER FIX
height: 21px;
voice-family: "\"}\"";
*/
height: 20px;
}

#banners dt strong
{
display: block;
float: left;
overflow: hidden;
height: 20px;
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-indent: 8px;
}

#banners dt strong a
{
display: block;
position: relative;
line-height: 19px;
height: 20px;
text-decoration: none;
color: #000;
background-color: inherit; /* transparent */
}

#banners dt strong a:hover { color: #000; background-color: inherit; /* transparent */ cursor: default; }

#banners dt small
{
display: block;
float: right;
padding-top: 4px;
width: 16px;
}

#banners dt small a
{
display: block;
text-indent: -100em;
overflow: hidden;
text-decoration: none;
width: 12px;
height: 12px;

background-image: url("img/min-max.gif");
}

#banners dt small a:hover { background-position: 0 -12px !important; }

#banners dd
{
clear: both;
color: #000;
background-color: #fff;
font-size: 11px;
text-align: center;

margin: 0;
padding: 0;
height: 1%;
}

#ftr-left { display: inline; float: left; padding-left: 10px; }
#ftr-right { display: inline; float: right; padding-right: 10px; }
/* ======================================= */