@CHARSET "UTF-8";


* {margin:0;padding:0; font-size: 12px; } 

BODY {
	font-family: Arial, Verdana, Tahoma;
	background: #0f2a3a url('/i/inner-top-bg.png') repeat-x;
	color: #b3b3b3;
}

DIV { display: block; position: relative; }
TABLE { border-collapse: collapse; }

A { text-decoration: none; color: #91cbe3; }
A:hover { text-decoration: underline; }

img { border: none; }


H1 {
	font-family: "Elektra Light Pro", Verdana;
}

H2,H3,H4,H5 {
	font-family: Verdana;
	font-weight: normal;
}


.clear { clear: both; }

.alpha70{
	opacity: 0.7;
}

.followUs { color: White; position: absolute; z-index: 1000; right: 0px; top: 0px; opacity: 1.0; font-weight: bold;}
.followUs IMG { margin: 2px 1px; } 

#header { width: 980px; margin: auto; padding: 30px 0; }

#content { width: 980px; margin: auto; }


/**
 * LOGO
 ***************************************************/
.logo { display: inline-block; margin: 0 58px 0 0;}
.logo div, .logo img, .logo span {display: block; width: 194px; height: 42px; color: #fff; text-decoration: none; font-size: 24px; position: relative;}
.logo a {display: block; outline: none; width: 224px; height: 77px; position: relative;}
.logo div {padding: 9px 17px 26px 13px;}
.logo a:hover {background: url(/i/logo-hover.png) no-repeat;}



INPUT[type=submit] {
	padding: 3px 5px;
	font-size: 14px;
}


.topic {
	font-size: 12px;
	color: #454242;
	font-size-adjust:none;
	font-stretch:normal;
	overflow: hidden;
	background: #ffffff url('/i/bg-topic-header.png') repeat-x;
	
	/*border: 1px solid black;*/
	-moz-border-radius: 9px;     /* mozilla 1.5 */
	-webkit-border-radius: 9px;  /* safari 3 */
	-khtml-border-radius: 9px;   /* Konqueror */
	border-radius: 9px;          /* CSS3 */
}
.topic p A { text-decoration: underline; color: #3b5998; }
.topic p img { padding: 5px 15px; }

.topic .bottom{
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-khtml-border-bottom-left-radius: 9px;
	-khtml-border-bottom-right-radius: 9px;
	
	border-bottom-left-radius: 9px; /* CSS3 */
	border-bottom-right-radius: 9px; /* CSS3 */
}

.topic p { font-size: 12px;	padding-bottom: 8px; }
.topic .header A { color: #25658b; text-decoration: underline; font-size: 14px; display: inline-block; }
H2 A.channel {  font-size: 14.2px; color: #6dc6eb; }


.topic .separator { height: 1px; background: #cccccc; }

/**
 * TOPICS LIST
 *********************************************************/

.topic-list-item { padding: 20px 0; position: relative;	overflow: hidden; }
.topic-list-item div { float: left; }
.topic-list-item .comments-cnt A { color: #297ba0; font-size: 11px; }
.topic-list-item H3 { padding-bottom: 10px; width: 440px; }
.topic-list-item H3 A{ color: #297ba0; font-size: 14px; font-weight: normal; }
.topic-list-item H3 A:hover { color: #297ba0; }

.pager * {font-size: 14px; }
.pager {
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-khtml-border-bottom-left-radius: 9px;
	-khtml-border-bottom-right-radius: 9px;
	
	border-bottom-left-radius: 9px; /* CSS3 */
	border-bottom-right-radius: 9px; /* CSS3 */
	
	height: 23px;
	background: #a8b9ba;
	color: #36474f;
	padding: 15px 10px;
}

.pager ul{ display: inline-block; }
.pager li{ display: inline-block; width: 14px; height:16px; color: #2e7ca4; padding: 2px 6px;}
.pager li a{ color: #2e7ca4; }

.pager li.selected { background: url("/i/pager-selected-bg.jpg") no-repeat; }
.pager li.selected a { color: #dde3e5; }


.semantic-topics { margin: 20px 0; }
.semantic-topics UL { list-style: none; padding: 5px 0; }
.semantic-topics LI { padding: 1px 5px 1px 0px; line-height: 20px;}
.semantic-topics LI A { font-size: 12px; color: #84f2ff; opacity: 0.6;}

.semantic-topics LI.separator { border-bottom: 1px solid #224555; }



.commentForm {
	display: block;
	background: #a8b9ba;
	margin: 20px 0px;
	padding: 10px 30px;
	color: #0f2a3b;
	
	
	-moz-border-radius: 4px;     /* mozilla 1.5 */
	-webkit-border-radius: 4px;  /* safari 3 */
	-khtml-border-radius: 4px;   /* Konqueror */
	border-radius: 4px;          /* CSS3 */
}

.commentForm LABEL { font-size: 14px; font-weight: Bold; color: #0f2a3b; }
.commentForm INPUT[type=text], .commentForm TEXTAREA {
	font-size: 14px; padding: 5px 5px;  background: #f7f7f7; border: 1px solid #708285;
	width: 250px; color: #1c1e1e; }
.commentForm TEXTAREA {
	width: 528px;
	height: 118px;
}
.commentForm TABLE TD { padding: 5px; }
.commentForm H3 {
	font-size: 20px; color: #0d2534; font-weight: bold;
	padding: 0 0 10px 3px;
}

DIV.errors {
	display: block;
	border: 1px solid #ac3a3a;
	background: #f9e8e8;
	padding: 10px 20px;
	color: #772828;
}

DIV.errors LI { list-style: circle; }

/**
 * Comments
 ***************************/

.comments {
	display: block;
	padding: 10px 0;
}

.comments LI {
	display: block;
	padding: 12px 15px 12px 30px;
	margin: 5px 0;
	background: #ffffff;
	border: 1px solid #3f5561;
	-moz-border-radius: 9px;     /* mozilla 1.5 */
	-webkit-border-radius: 9px;  /* safari 3 */
	-khtml-border-radius: 9px;   /* Konqueror */
	border-radius: 9px;          /* CSS3 */
}
.comments LI DIV { margin-bottom: 8px; }

.comments LI.kc{
	background: #b6ccde;
	margin-left: 20px;
}

.comments SPAN.name { color: #115884; font-size: 12px; font-weight: bold;}
.comments SPAN.date { color: #727272; font-size: 11px; margin-left: 10px; }
.comments SPAN.comment { color: #2e2e2e; font-size: 12px; }

/**
 * Footer
 ***************************/

.footer {
	width: 980px;
	margin: auto;
	padding: 40px 0 20px 0;
	overflow: hidden;
	zoom: 1;
	font-family: Trebuchet MS;
}

.footer .copyright {
	float: left;
	font-size: 11px;
	color: #5c6d77;
}

.footer .contacts {
	float: right;
	font-size: 11px;
	color: #46697d;
}