body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
background-color:black;
height: 100%;
}

body a {
  color: #FFA953;
  text-decoration: none;
}

body a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

* html #container {
height: 96%;
}

#container{
position: relative;

width:799px; /*задаем ширину макета*/
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */

min-height: 96%; /* задаем минимальную высоту основного блока с хаком для IE 6.0*/
height:auto !important;
height:96%;
}


/*Здесь пишем стили для шапки сайта */
#header{
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
height: 200px;
background-image: url(../img/head.jpg);
}

#header h1 {

margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;

font:bold 20pt Tahoma;
padding:30px;
color: black;
}


#nav_menu{
height: 25px;
background-image: url(../img/mnu_bkg.jpg);
font: bold 13px/25px Tahoma;
}


#title {
margin:0px; 
padding:0px;
background-color:#3F3E3E;
border: 2px solid #767676;
border-top-width: 3px;

border-left: 0px;
border-right: 0px;
border-bottom: 0px;

align:left;
padding-left:10px;
font:bold 17px/32px Tahoma;
color: #FFA953;
letter-spacing: 1px;
}



#anounce{
position: absolute;

background: url("../img/calendar.gif") no-repeat left bottom;

}

#anounce h1 {

margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;

padding-top: 35px;
font:bold 33pt Tahoma;
color: black;
}


#anounce h2 {

margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;

padding-top: 0;
font:bold 15pt Tahoma;
color: black;
}



/*===========================================CONTENT=====================================================*/
/*Здесь пишем стили для блока контента */
#content{

background-color:#333333;
margin:0px; 
padding-left:10px; 
padding-right:10px; 
padding-bottom:15px; 

font: 12px/18px Tahoma;
text-indent: 10px;
text-align:justify;
letter-spacing: 1px;
color: white;
}


.mini_img{   /* Картинка */
border:2px solid #FFA953;
margin-top:5px;
margin-left:0px;
margin-right:10px;
}


.info {
margin:0px; 
padding:0px;
padding-top:8px;
text-align:justify;
text-indent: 0px;
letter-spacing: 1px;
font: bold 11px Tahoma;
color: #AFAFAF;
}


.textcontent {
margin:0px; 
padding-top:10px;
padding-left:0px;
padding-right:0px;

color: white;

font: 12px/18px Tahoma;
text-indent: 10px;
text-align:justify;
letter-spacing: 1px;
}


#content h2 {
margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
padding-top:10px;
padding-bottom:5px;
font:bold 14px Tahoma;
color: #FFA953;
text-align:left; /*Выравниваем макет по центру в старых версиях браузеров */
text-indent: 20px;
}


/*===============================КАМЕНТЫ================================================================*/

#comment_text_light{

background-color:#333333;
margin:0px; 
padding:0px; 

font: 12px/16px Tahoma;
text-align:justify;
letter-spacing: 1px;
color: white;

margin-left:10px;
margin-right:10px;

padding-left:10px;
padding-right:10px;
padding-bottom:15px;

}


#comment_text_dark{

background-color:#1E1E1E;
margin:0px; 
padding:0px; 

font: 12px/16px Tahoma;
text-align:justify;
letter-spacing: 1px;
color: white;

margin-left:10px;
margin-right:10px;

padding-left:10px;
padding-right:10px;
padding-bottom:15px;

}

/*========================================================================================================*/


#pages{
margin:0px; 
padding:0px; 
margin-top:10px;

text-align:right;
padding-right: 10px;
height: 17px;
font: bold 10px/15px Tahoma;

background-color:#282626;
color: #FFFFFF;
text-decoration:none;

}


#pages a{
color: #FFA953;
margin:0;
text-align:right;
padding-left: 5px;
padding-right: 5px;
text-decoration:none;
}

#pages a:hover {
color: #FFFFFF;
text-align:right;
padding-left: 5px;
padding-right: 5px;
background-color:#FFA953;
text-decoration:none;
}

.pressed {
background-color:#FFA953;
color: #000000;
}



#line{
background-color:#000000;
padding-bottom :3px;
}


#copyright{
margin:0px;
padding:0;
padding-top:15px;
padding-bottom:5px;
position:relative;  
text-align:center;
height: 15px;
font: bold 11px Tahoma;
background-color:#000000;
color: white;
}

#copyright a {
  color: #FFA953;
  text-decoration:none;
}

#copyright a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*===========================================ПОСЛЕДНИЕ СООБЩЕНИЯ==========================================*/
#menu_line{
margin:0px;
padding:0px;
height: 18px;
background-image: url(../img/mnu_bkg.jpg);
}


#menu_line p{
	margin:0px;
	margin-left: 10px;
	text-align: left;
	font: bold 10px/17px Tahoma;
	color: black;
}
/*========================================================================================================*/




#add_info{
margin:0px;
padding:0px;
padding-top :7px;
background-color:#323232;
padding-bottom :7px;
}


#add_info h1{
margin:0px; 
text-indent: 10px;
text-align:left; 
letter-spacing: 1px;
font: bold 13px/26px Tahoma;
color: white;
}


#add_info p{
padding: 0; 
margin: 0;
margin-top:4px; 
text-indent: 5px;
letter-spacing: 1px;
font: 13px Tahoma;
color: white;
}

#add_info img{
padding: 0; 
margin: 12px;
border:0px; 
}


#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}


#gallery_sp{
padding-bottom :7px;
text-align:center;
text-indent: 0px;
}

#gallery_sp img{
padding: 0px; 
margin:5px; 
margin-top:15px; 
border:2px solid white;
}




#gallery{
padding-bottom :7px;
text-align:center;
text-indent: 0px;
}


#gallery img{
padding: 0px; 
margin:5px; 
margin-top:15px; 
border:2px solid white;
}


/* ---------- MAIN page gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}


.gallery li {
	padding: 35px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;

}



.gallery li:hover img {
	font-style: bold;
}


.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 6px;
	padding-bottom: 35px;
}


.gallery em {
    text-indent: 0;
	background: #fff;
	color: #000;
	font-style: normal;
	left: 40px;

	display: block;
	position: absolute;
	top: 40px;

}


.gallery a {
	text-decoration: none;
}



.gallery span {
	width: 30px;
	height: 60px;
	padding-right: 9px;

	display: block;
	position: absolute;
	top: 30px;
	left: 39px;
	background: url(../img/paper-clip.png) no-repeat;
	z-index: 3;
	behavior: url(css/iepngfix.htc); cursor: pointer;
}




.top {

	padding: 0px;
	padding-left: 25px;
	padding-right: 5px;
	margin-top: 10px;
	background: #fff;
	color: #000;
	font-style: normal;
	display: block;
	position: absolute;
	border: 1px solid #999;
}


.bottom {
	padding: 0px;
	margin-top: 154px;
	margin-left: 14px;
	background: #fff;
	color: #000;
	font-style: normal;
	text-align:center;
	position: absolute;
	display: block;
	width: 154px;
}
/* ----------MAIN page  gallery styles ends  here ----------------------- */