@charset "windows-1251";
/* CSS Document */

/* Глобальные стили */
html, body, div, p {
	font-family: Arial, Helvetica, sans-serif;
	color: #696969;
	padding: 0;
	margin: 0;
}
a img {border: none; }

body {
	margin: 0 22px 32px 22px;
	padding: 0;
	background: transparent url(../images/bg.jpg) repeat-x left top;
	font-size: 11px;
}

/* Ссылки 
--------------------- */
a:link, a:visited {
	color: #17c0fd;
	text-decoration: none;
}

a:hover, a:active {
	color: #17c0fd;
	text-decoration: underline;
}


/* Правила для главного контейнера */
/*.corner { width: 8px;	height: 8px; }
.left-top-corner { background: url(../images/corner-top-left.gif) no-repeat left top; }
.left-bottom-corner { background: url(../images/corner-bottom-left.gif) no-repeat left bottom; }
.right-top-corner { background: url(../images/corner-top-right.gif) no-repeat right top; }
.right-bottom-corner { background: url(../images/corner-bottom-right.gif) no-repeat right bottom; }
.border_v { background-color: #fff; width: 8px; }
.border_h { background-color: #fff; height: 8px; }
#content_wrapper { background-color: #fff; padding: 20px 10px 15px 10px; }*/


/* Колонки - структура
----------------------- */
/* Логотип */
#header {
	display: block;
	height: 170px;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
}

#container {
	position:relative; 
	display:block; 
	border-left: solid 216px #fff;
	border-right: solid 216px #fff;
	margin: 0;
	padding: 0;

}

#inner {
	display:block;
	position:relative;
	margin-left:-216px;
	margin-right:-216px;
	padding:0;
	background: url('../images/bg-column.jpg') repeat-x left top;
}

#navigation {
	float:left; 
	position:relative; 
	width:216px;
	left:0px;
}

#content_entry {
	padding: 0 10px 0 10px;
	margin-left:220px;
	margin-right:220px;
	position:relative; 
	display:block;
	height:1%;
}

#sidebar{
	float:right; 
	position:relative; 
	width:216px;
	right:0px;
}

/* Верх страницы
----------------------- */
/* Логотип */
#header-logo {
	margin: 0;
	padding: 0;
	margin-top: 33px;
	float:left;
	width: 282px;
	height: 53px;
	background: url('../images/logo.jpg') no-repeat left top;
	text-indent: -9000px;
}

/* Область для кнопок входа и регистрации */
#header-buttons {
	margin: 0;
	padding: 0;
	margin-top: 43px;
	float:right;
}

a.register-button{
	margin-right: 41px;
}

/* Быстрая навигация
---------------------- */
div#fast_nav {
	height: 33px;
	background: url('../images/fast_nav_bg.jpg') repeat-x left top;
	padding: 0;
	color: #fff;
}

#fast_nav ul {
	float: left;
	padding: 0;
	margin:0;
	padding-top: 10px;
	padding-left: 25px !important;
	padding-left: 10px;
	height: 33px;
	background: url('../images/fast_nav_left_corner.jpg') no-repeat left top;
	font-size:12px;
	list-style-type: disc;
	list-style-position: inside;
}

#fast_nav ul li {
	float: left;
	margin-left: 5px !important;
	margin-left: 10px;
}

#fast_nav ul a:link,  #fast_nav ul a:visited, #fast_nav ul a:hover, #fast_nav ul a:active {
	color: #fff;
	text-decoration: none;
}

#search_bar {
	clear: both;
	display: block;
	padding-top: 40px;
}

#search_bar form {
	padding: 0;
	margin: 0;
}

#search_field {
	width: 280px;
	border: none;
	background-color: #fff;
	font-size: 18px;
	color: #666;
	vertical-align: top;
	padding: 3px;
	margin-right: 16px;
	border: 1px solid #d6f3fd;
}

#search_bar .submit {
	/*width: 58px;*/
	width: 34px;
	height: 33px;
}

/* Speedbar
---------------------- */
div#speedbar {
	margin: 10px 3px 0 10px !important;
	margin: 1px 3px 0 10px;
	padding: 0;
	color: #17c0fd;
	font-size: 11px;
}

div#speedbar a:link, div#speedbar a:visited {
	color: #17c0fd;
	text-decoration: none;
}

div#speedbar a:hover, div#speedbar a:active {
	color: #17c0fd;
	text-decoration: underline;
}

/* Блок для меню и формы входа
---------------------- */
.box {
	width: 216px;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	background: url('../images/box-bottom.gif') no-repeat left bottom;
}

.box-inner { background: #e7f5fe; padding: 0 15px; }

.box h2 {
	color: #17c0fd;
	background: url('../images/box-top.gif') no-repeat left top;
	font-size: 18px;
	line-height: 2;
	padding: 10px 10px 10px 15px;
	margin: 0;
	font-weight: normal;
}

.box ul {
	margin: 0; padding: 0 0 5px 15px;
	list-style-type: circle; list-style-image: url('../images/marker.gif');
}
.box ul li { margin: 0; padding: 0; }

.box ul a:link,  .box ul a:visited {
	color: #17c0fd;
	font-size: 12px;
	display: block;
	width: 165px;
	line-height: 23px;
	background: url(../images/box-dot.gif) repeat-x left bottom;
}

.box ul a:hover, .box ul a:active {
	color: #f5bd2f;
	text-decoration: none;
}

/* Форма входа */
.box .admin_options {
	margin: 0;
	padding: 0 15px 0 10px;
	background: #e1f3ff url('../images/box_bg.jpg') repeat-y left top;
}

.box .admin_options a.admin_option {
	display: block;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:12px;
}

#greets {
	font-size: 12px;
	margin-bottom: 15px;
	padding-left: 10px;
}

.box form {
	margin: 0;
	padding: 0 10px 0 10px;
	background: #e1f3ff url('../images/box_bg.jpg') repeat-y left top;
}

.box form label {
	float: left;
	width: 53px;
	height: 19px;
	font-size: 12px;
	color: #696969;
	margin-bottom: 5px;
	font-size: 12px;
}

.box form .auth_login {
	border: 1px solid #d1f2fe;
	height: 19px;
	width: 110px;
	background: #fff url('../images/login_field_bg.jpg') no-repeat left top;
	padding-left:26px; 
	padding-top: 3px;
	margin-bottom: 5px;
	color: #696969;
	font-size: 12px;
}

.box form .auth_password {
	border: 1px solid #d1f2fe;
	height: 19px;
	width: 110px;
	background: #fff url('../images/password_field_bg.jpg') no-repeat left top;
	padding-left:26px;
	padding-top: 3px;
	margin-bottom: 5px;
	color: #696969;
}

#login_button {
	float: right;
	margin-right: 5px !important;
	margin-right: 2px;
	margin-bottom: 5px;
	padding: 0;
}

.box a.login_lable, .box a.login_lable:link, .box a.login_lable:visited {
	display: block;
	color: #17c0fd;
	font-size: 12px;
	background: url('../images/login_form_dot.gif') no-repeat left 5px;
	padding-left: 15px;
	margin-bottom: 5px;
	text-decoration: none;
}

.box a.login_lable:hover,  .box a.login_lable:active{
	text-decoration: underline;
}

/* Содержимое новостей
------------------------ */

.comments_links  {
	position: absolute;
	top: 15px;
	right: 5px !important;
	right: 73px;
	width: 37px;
	height: 26px;
	font-size: 14px;
	background: url('../images/content-box-comments.gif') no-repeat left top;
	color: #fff;
}
.comments_links span {
	padding-left: 15px;
	padding-top: 15px;
/*	padding: 7px 15px 2px 15px;*/
}
.comments_links a:link, .comments_links a:visited { text-decoration: none; color: #fff;}
.comments_links a:hover, .comments_links a:active { text-decoration: underline; color:#fff;}

.box-content-info a, .box-content-info a:link, .box-content-info a:visited { text-decoration: none; }

.box-content-info a:hover, .box-content-info a:active { text-decoration: underline; }
/* end Семантическая верстка */


/* НИЗ СТРАНИЦЫ
----------------------- */
#footer {
	padding-top: 10px;
	margin-top: 15px;
}

#footer-left {	float: left;}
#footer-right {
	float: right;
}

/* Навигация */
#footer-navigation {
	height: 41px;
	color:#17c0fd;
	font-size: 12px;
	background: #e7f5fe url('../images/footer-corner-right.gif') no-repeat right top;
}

#footer-left ul {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  text-transform: uppercase;
}

#footer-left ul li { float: left; }
#footer-left ul a {
  padding: 0 2em;
  line-height: 41px;
  text-decoration: none;
  color: #17c0fd;
  float: left;
  display: block;
  border-right: 1px solid #c6ecfe;
}


#footer-left ul a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #33c7fd;
}

#footer-left ul a.last { border: none; }

#footer-left ul a.first { background: url('../images/footer-corner-left.gif') no-repeat left top; }
#footer-left ul a.first:hover { background: #33c7fd url('../images/footer-corner-left-hover.gif') no-repeat left top; }

#footer-right a img{
	padding-top: 7px;
	padding-right: 18px;
}
#footer-right a img { border:none; }

#footer-navigation a:link, #footer-navigation a:visited { text-decoration: none; }
#footer-navigation a:hover, #footer-navigation a:active { text-decoration: underline; }

#footer-copy {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #a3a2a2;
}

#footer-creator { color: #a3a2a2; }

/* КОММЕНТАРИИ
------------------------ */
.comment { padding: 7px 0; }

.box-comment {
	position: relative;
	padding: 0;
	margin: 0;
	background: url(../images/comment-bottom-left.gif) no-repeat left bottom;
	background-color: #ffffcc;
}

.box-comment-outer {
  background: url(../images/comment-bottom-right.gif) no-repeat right bottom;
  padding-bottom: 20px;
}

.box-comment-inner { background: url(../images/comment-top-left.gif) no-repeat left top; }

.box-comment-body {
	margin: 0;
	padding: 15px;
	background: url(../images/comment-top-right.gif) no-repeat right top;
	font-size: 12px;
	line-height: 23px;
}

.comment-author {
	margin: 0;
	padding-left: 25px;
	padding-bottom: 20px;
}

.comment-author img { padding-right: 3px; }
/* ------------------------------------------ */

/* Вспомогательные правила
---------------------- */
.invisible { display: none; }
.clear {	clear: both; }
.clear_left { clear: left; }
.clear_right {	clear: right; }


/* Навигация по страницам
---------------------- */
.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #d1f2fe;
	padding:3px 6px;
	font-size:11px
}

.navigation a:hover {
	background:#e7f5fe;
	color:#696969;
	border-color:#d1f2fe;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #d1f2fe;
	color:#ccc;
	font-size:11px;
}

/* Регистрация нового пользователя
---------------------- */

#reg8 input { clear:left; }

/* Вводимые поля
---------------------- */
.f_input{
	width:140px; height:20px; font-family:tahoma; font-size:11px; background:#fff; border:1px solid #d3f6fa; 
}

/* Добавление новостей
---------------------- */
#register input, #register select, #register textarea {background:#fff; border:1px solid #d3f6fa; color: #666; padding: 5px; font: 12px Arial;}

.f_textarea {
	color: #696969;		
	font-size: 12px;				
	width: 462px;
	height: 156px;
	background:#fff;
	border:1px solid #d3f6fa;
}

.foto {width:60px; height:60px;}

#voting {
	padding: 0 10px 0 15px;
	background: #e1f3ff;
	font-size:12px;
	}

#voting form {
	background: none;
	padding: 0;
}

/* Блок для содержимого */
div.box-content {
	margin: 0;
	padding: 0;
  background:  url('../images/content-box-top-left.gif') top left no-repeat;
  position:relative;
  margin-right: 65px;
  left: 45px;
  margin-bottom: 20px;
}

div.box-content.simple {
  margin-right: 25px;
  left: 5px;
}

div.box-content h3 {
  position:relative;
  background:  url('../images/content-box-top-right.gif') top right no-repeat;
  padding:15px;
  margin:0;
  position:relative;
  right:-17px;
  padding-left:0; 
  color: #17c0fd;
  font-size: 18px;
  padding-bottom: 30px;
  font-weight: normal;
  padding-right: 30px;
}
div.box-content h3 span {
	padding-top: 5px;
	display: block;
	color: #696969;
	font-size: 12px;
}

.box-content-info { margin: 0; margin-bottom:10px; }

div.box-content-body {
  background-color: #e7f5fe;
  margin:0;
  margin-top:-2em;
  padding:15px;
  position:relative;
  right:-17px;
  padding-left:0;
  font-size: 12px;
  line-height: 23px;
}

.content-date {
	position:absolute;
	left: -44px;
	top: 20px;
	background: url('../images/content-box-date.gif') no-repeat left top;
	width: 44px;
	height: 49px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding-top: 5px;
}

div.box-content-footer {
  background: url('../images/content-box-bottom-left.gif') bottom left no-repeat;
  margin-top: 20px;
}


div.box-content-footer-right {
  background: url('../images/content-box-bottom-right.gif') bottom right no-repeat;
  padding:15px;
  padding-left:0;
  display:block;
  margin: -20px 0 0 0;
  padding-top: 12px;
  position:relative;
  right:-17px;
}



.raiting  {	
/*	position: relative;*/
	position: absolute;
	height: 26px;
	width: 25px;
	font-size: 12px;
	display:block;
	top: -10px;
/*	margin-bottom: 20px;*/
}
 div.box-content-long {
 	background: url('../images/content-box-border.gif') top left repeat-y;
 }
 
 #voting {
	padding: 0 10px 0 15px;
	background: #e7f5fe;
	font-size:12px;
	}

#voting form {
	background: none;
	padding: 0;
}

/* Регистрация нового пользователя
---------------------- */

#reg8 input { clear:left; }
a.copy { line-height:23px; }

#login_form, #choose_letter
{
   	position: absolute;
	width: 24%;
	left: 38%;
  	top: 85px;
  	background: #fff;
	border:solid #eee 5px;
	display: none;
  	z-index: 99;
    overflow: hidden;
}

#login_form #border, #choose_letter #border
{
   border:1px solid #c4c4c4;
   padding:15px;
   padding-left:65px
}

#login_form a, #choose_letter a
{
	font-size:11px;
}