html,body,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,th,td,address {
   margin:0;
   padding:0;
}

/* ОБЩИЕ СТИЛИ ___________________________________________________________________________*/

body{
	min-width: 782px;
    background: #000; /* общий цвет фона сайта*/
	color: #666; /* общий цвет шрифта для всего сайта, но мало где в чистом виде*/
	font: .75em Tahoma, Arial, Helvetica, sans-serif; /* общий размер и тип шрифта. От начального размера отсчитываются остальные размеры шрифтов*/
}

h1{
	font-size: 1.3em;
    color:#a2a2a2;
	position: absolute;
	z-index: 10;
	font-weight: normal;
	top: 5px;
	left: 34px;
}
h2{
	font-size: 1em;
	width: 100%;
	text-align: center;
	color: #c7c7c7;
	position: absolute;
	z-index: 10;
	font-weight: normal;
	bottom: 10px;
	left: 0;
}

img{
	vertical-align: middle;
}
a{
	color: #7f7f7f; /* общий цвет для ссылок */
}
a img{
	border: none;
}
.rt{
	float: right;
}
.lt{
	float: left;
}
.cntr{
	text-align: center;
}

ul{
	list-style: none;
}

.page{
	width: 782px;
	margin: 0 auto;
	height: 500px;
}

strong span{
color:#c3c0a7;}





/* ПЕРЕКЛЮЧЕНИЕ ЯЗЫКОВ ____________________________________________________________________ */

.lang {
        float:right; 
        padding:25px 0 0 0;
        color:#767261;}
.lang a{
        color:#767261; /* цвет ссылок переключения языков */}

.lang a:hover{
	color: #e8dca2; /* цвет ссылок переключения языков при наведении курсора */
	}



/* ЛОГОТИП___________________________________________________________________________________ */
.logo{
    height: 40px;
	padding: 9px 0 13px 20px;
	color: #eed895;
	border-bottom: 1px solid #303133; /* цвет полосы под логотипом */
	position: relative;
	overflow: hidden;
}

	.logo h3{ /* текстовый логотип в шапке */
		font-size: 1.80em; /* размер шрифта тектового логотипа */
		font-weight: normal;
		margin: 0 0 -1px;
	}
	.logo h3 a{
        color:#e6e3c5;  /* цвет названия сайта в заголовке */
		text-decoration: none;
	}
.logo img{ /* если логотип - изображение */
	position: absolute;
	top: 0;
	left: 0;
}
.logo p{
    color: #666; /* цвет подписи под логотипом */
}




/* ВЕРХНЕЕ МЕНЮ САЙТА _______________________________________________________________________*/
.menu{	
	overflow: visible;
	width: 100%;
	height: 32px;
	position: relative;
	z-index: 100;
}
	.menu ul{
		float: left;
		padding: 6px 0 0 20px;
	}
	.menu ul li{
	    position: relative;
		float: left;		
	    white-space: nowrap;
	    padding: 0 35px 10px 0;
	}
	.menu ul li a{
		font-size: 1.12em;
		color: #666; /* цвет основных пунктов меню */
		text-decoration: none;
	}
	.menu ul li.active a,
	.menu ul li a:hover{
		color: #c3c0a7; /* цвет основных пунктов мню при наведении курсора */
	}
	
	
/* ВЫПАДАЮЩЕЕ МЕНЮ__________________________________________________________________________ */
	.menu ul ul{
	border: 1px solid #494949;
	avisibility: hidden;
	background: #242424;
	aposition: absolute;
	left: -20px;
	top: 26px;
	padding-bottom: 5px;
}
.amenu ul li.hover ul,
.amenu ul li:hover ul{
	visibility: visible;
}
.menu ul ul li{
	padding: 0 20px 6px 0;
	display: list-item;
	float: none;
}

.menu ul ul li a{
	color: #999 !important;
}
.menu ul ul li a:hover{
	color: #e8dca2 !important;
}
	

ul.works{
	overflow: hidden;
	height: 372px;
	padding: 0 0 0 5px;
}
	ul.works li{
		float: left;
		border: 1px solid #1f1f1f;
		width: 121px;
		height: 102px;
		overflow: hidden;
		padding: 4px;
		margin: 0 12px 12px 0;
	}



/* ЦЕНТРАЛЬНАЯ ЧАСТЬ САЙТА ______________________________________________________________________ */	

.photo{
	border: 1px solid #303133; /* цвет и размер бордюра вокруг фотографий */
    padding:16px 0 16px 0;
	position: relative;
	width: 100%;
}
.content{
    min-height:355px;
	color:#666666; /* цвет текста на страницах сайта */
	margin: 0 20px;        
	padding: 30px 4px 30px 15px;
	background: #0a0a0a; /* цвет фона центральной части */
	border:#0a0a0a solid 1px; /* цвет и размер бордюра вокруг центральной части */
}



		
/* КОНТЕНТНАЯ (ТЕКСТОВАЯ) ЧАСТЬ САЙТА___________________________________________________________ */	
.content h1{
color:#f7f7f7;/* цвет заголовков страниц */
}

.content p{
margin:10px 0 15px 0; /* отступы между абзацами в тексте */
}

.content ul{ /* стиль списков в тексте */
margin:0 0 0 20px;/* !не менять */
list-style: square;}




/* ПОЛОСЫ ВЫВОДА ЗАГОЛОВКОВ - ВЕРХ и НИЗ ЦЕНТРАЛЬНОЙ ЧАСТИ_______________________________________ */
.top{
	height: 35px; /* высота полосы заголовка */
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	background: #181818; /* цвет полосы заголовка */
	opacity: 0.5; /* степень прозрачности */
	z-index: 1;
}
.btm{
	height: 35px; /* высота нижней полосы  */
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	background: #181818; /* цвет нижней полосы */
	opacity: 0.5; /* степень прозрачности */
	z-index: 1;
}




/* КОПИРАЙТЫ В ПОДВАЛЕ САЙТА _______________________________________________________________________*/

.copy{
	color: #707070; /* цвет шрифта копирайта */
	padding: 15px;
	text-align: center;
}
.copy a{
	color: #707070; /* цвет ссылки копирайтов */
	text-decoration: none;
}
.copy a:hover{
	text-decoration: underline;
}
.stuff{
	padding: 15px;
	text-align: center;
}




/*СТРЕЛКИ ПЕРЕМОТКИ ИЗОБРАЖЕНИЙ_______________________________________________________________ */
li.back{
	position: absolute;
	top: 47%;
	left: 4px;
    list-style: none;
}
li.fwd{
	position: absolute;
	top: 47%;
	right: 4px;
    list-style: none;
}


/* ВЫВОД ФОТОГРАФИЙ ФОТОГАЛЕРЕИ _________________________________________________________*/

.content ul.photos{
	list-style: none;
	font-size: 11px;
	margin-top:-5px;       
}
.content ul.photos li{
	float: left;
    width:120px;
    height:100px;
	padding: 2px;
	padding: 0 11px 17px 0;
	aborder: 1px solid #c4b945; 
	abackground: #e0c97d;
	margin: 0 6px 0 5px;
	acolor: #a10505;
}	

.content ul.photos li img{
	border: 1px solid #303133; /* размер и цвет бордюра вокруг фотографии */
	padding: 4px; /* отступ от фото на котором начинается обрисовка бордюром*/
}	


.content ul.photos .photo-click{
width:120px; 
height:100px; 
cursor:hand;}


#picbig img{
border:#606772 solid 8px; /* цвет, стиль и размер бордюра всплывающей фотографии */
}




/* ТАБЛИЦА С ФОТО - В СЛУЧАЕ ЕСЛИ ФОТОГАЛЕРЕЯ ВЫВОДИТСЯ ТАБЛИЦЕЙ__________________________________ */
	.content table{
		border-collapse: collapse;
		width: 100%;
	}
		.content table td{
			padding: 0 11px 17px 0;
		}
		.content table td img{
			border: 1px solid #303133;
			padding: 4px;
		}
		


/* ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ____________________________________________________________________________*/

/* цвет элентов ввода текстов, н-р для гостевой книги */
input, textarea{
color: #969696; /* цвет шрифта */
border: 1px solid #494949; /* бордюр вокруг поля ввода*/
background-color: #242424; /* фон полей ввода */
font-size:0.95em; /* размер шрифта*/
}

/* Линия разделитель записей*/
.ln{
margin:8px 0 8px 0; /* отступы */
border-bottom:#969696 dotted 1px; /* цвет, стиль и размер линии */
}

/* Ползунок перемещения фото (листание)*/

#picbig div.close{
  background:transparent url(http://www.hellenhappy.com/img/close.png) no-repeat scroll 0% 50%;
  cursor:pointer;
  height:24px;
  position:absolute;
  right:-12px;
  top:-12px;
  width:24px;
  z-index:1000;
}

#lst{
position:relative;
height:10px;
cursor:pointer;
background-color:#1f1f1f;
border:#3d3d3d solid 1px;
}

.lstbg{
background-color:#333;
width:710px;
}


/* ВЫВОД ФОТОАЛЬБОМОВ _______________________________________________________________________*/

ul.categories{
	overflow: hidden;
	width: 100%;
	margin-top:-5px;
}
ul.categories li{
	border: 1px solid #313131;
	float: left;
	margin: 0 5px 10px 5px;
	height: 106px;
	width: 225px;
   list-style-type:none;
}
ul.categories li a{
	display: block;
	overflow: hidden;
	background: #111;
	text-decoration: none;
	padding: 0 0 3px;
	zoom: 1;
}
ul.categories li a:hover{
	background: #333;
}
ul.categories li a img{
	float: left;
	margin: 3px 4px 0px 3px;
}
ul.categories li span.category{
	font-size: 1.1em;
        margin-top: 5px;
	color: #e7e7e7;
	display: block;
}
ul.categories li span.number{
	font-size: 1em;
	color: #676767;
	display: block;
}
ul.categories div{
	position: static !important;
}

/* Стили страницы ВОПРОС-ОТВЕТ */
.content{
	padding: 36px 20px 20px;
}

h3{
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 1em;
}
.add-comment{
	color: #b3b3b3;
	font: .9em Arial, Helvetica, sans-serif;
}
.add-comment p{
        margin:0;
}
.avatar{
	float: left;
	color: #333;
	font-size: .9em;
}
.avatar img{
	border: 1px solid #3b3b3b;
	margin: 0 0 5px;
}
.say{
	overflow: hidden;
	padding: 0 0 50px 40px;
	background: url(../img/bricks/triangle.png) no-repeat 0 0;
}
.say textarea{
	width: 575px;
	height: 160px;
	margin: 0 0 7px;
	background: #252525;
	border: 1px solid #3b3b3b;
	color: #b3b3b3;
	font: 1em Arial, Helvetica, sans-serif;
	overflow: auto;
}
.say input.txt{
	width: 555px;
	padding: 3px 10px;
	margin: 0 0 7px;
	background: #252525;
	border: 1px solid #3b3b3b;
	color: #b3b3b3;
	font: 1em Arial, Helvetica, sans-serif;
}
.say input.btn{
	border: 1px solid #3b3b3b;
	background: url(../img/bricks/btn.png) repeat-x 0 0;
	color: #ededed;
	font: 1em Arial, Helvetica, sans-serif;
	padding: 5px 30px;
	float: right;
	cursor: pointer;
}
.comment{
	overflow: hidden;
	font: .9em Arial, Helvetica, sans-serif;
	color: #333;
}
.comment a{
	color: #333;
}
.answer{
	overflow: hidden;
	padding: 0 0 10px 40px;
	background: url(../img/bricks/triangle.png) no-repeat 0 0;
}
.text{
	padding: 5px 10px 10px;
	margin: 0 0 7px;
	background: #252525;
	border: 1px solid #3b3b3b;
	color: #b3b3b3;
	font: 1em Arial, Helvetica, sans-serif;
	min-height: 70px;
}

.text p{
       margin:0;}

.user{
	margin: 0 0 5px;
	font-weight: bold;
}
.comment .comment{
	font-size: 1em;
	margin: 0 0 0 125px;
}

.comment .comment p{
margin:0;}

/* картинка в тексте по левому краю */
.pic {
float:left;
}

.pic img{
margin:0 20px 0 0;}

.straight{
    display: table;
    _height: 0;/*это для ИЕ5-6*/ 
    zoom: 1;
}



.content ul.photos{
	overflow: hidden;
	padding: 0;
	zoom: 1;
}
.content ul.photos li{
	width: 142px;
	height: 118px;
	padding: 0;
	margin: 0 !important;
	text-align: center;
	zoom: 1;
	overflow: hidden;
}
.content ul.photos img{
	margin: 3px 0 0;
	vertical-align: top;
}