/*
Author: Alexey Gagarin
*/

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif/*Georgia, "Times New Roman", Times, serif*/;}

header{background-color:#FFFFFF;}

a{outline:none; text-decoration:none;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

@viewport { 
	width: device-width;
}

/*----обертки начало----*/
div.wrapper{}

.row1, .row1 a, .row2{color:#666666; background-color:#FFFFFF;}
.row2 a{text-decoration:underline; color:#666666; width:92%;}
.row2 a:hover{color:#EC4D48;}
.row3, .row3 a{color:#919191; background-color:#1F1F1F;}

.row1{/*border-top:5px solid #D72D47*/; border-bottom:10px solid #DDDDDD; background: url(fon.jpg) repeat}
.row2{border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.row3{border-top:10px solid #DDDDDD;}
/*----обертки конец----*/

/*----общие значения начало----*/
h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0; font-size:1.4em; font-weight:normal; line-height:normal;}
header, #container, footer{max-width:700px; margin:0 auto;}
address, figcaption, figure, section{display:block; margin:0; padding:0;}
/*----общие значения конец----*/

/*----Шапка сайта начало----*/
header{padding:30px 0; font-size:.8em;}
#hgroup{width:100%; text-align:center;}
#hgroup h1, #hgroup h2{margin:0; font-weight:normal; text-transform:none;}
#hgroup h1{font-size:2.8em; margin-bottom:15px;}
#hgroup h2{font-size:1em;}

/*------Верхняя навигация начало----*/
nav{margin:0; padding:0; width:100%; clear:both; text-align:center;}
nav ul{margin:0; padding:0; list-style:none;}
nav li{display:inline-block; margin:0 10px; text-transform:uppercase;}
nav li a:link, nav li a:visited, nav li a:hover{display:block; margin:0; padding:5px 8px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; text-transform:uppercase;}
nav li a:hover, nav li.active a{color:#D72D47/*#EC4D48*/; background-color:#FFFFFF;}
nav li:hover{position:static;}

/*------Нижняя навигация конец----*/
/*----Шапка сайта конец----*/

/*----Область контента начало----*/
#boaderl {float:left; width: 4%;}
#boaderr {float:right; width: 4%;}

#container{overflow:hidden; padding:30px; font-size:1em; float:left;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:10px;}
#container h4{font-size:1.2em;}
/*#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}*/

/*------Основное содержание начало----*/
#content{float:left; margin:0 10px 10px 0;}
.time{font-size:.8em;}
.tj{text-align:justify;}

#title{padding:10px;}

/*--------Песня начало----*/
#song{overflow:hidden; padding:10px; background-color:#F5F5DC/*#F1F7FA#E8E8E8*/}
#songname{font-size:0.9em;}
#songtext{text-align:ridht; font-size:0.9em;}
#songtext a{margin:0; padding:0 0 0 30px; text-decoration:underline; font-size:1.05em;}
#player{float:left;}
/*--------Песня конец----*/

/*--------Форма обратной связи начало----*/
form .row{display:block; padding:7px 8px; margin-bottom:7px;}
form .row:hover {background:#F5F5DC;}
form .note{font-size:0.8em; padding:2px 7px;}
form label{display:inline-block; font-weight:bold; width:140px; padding:6px 0; color:#464646; vertical-align:top;}
form .req1{color:#CA5354; font-size:1.3em;}
form .req{color:#CA5354; vertical-align:top;}
/*form input:focus, form textarea:focus {outline:none;}*/
form .txt{display:inline-block; padding:4px 30px 4px 9px; width:420px; font-size:1.1em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#898989; background-color:#f0f0f0; border:1px solid #ccc;}
form .txtarea{display:inline-block; padding:4px 30px 4px 9px; width:420px; height:135px; font-size:1em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#898989; background-color:#f0f0f0; border:1px solid #ccc;}
form .center{margin-top:25px; text-align:center;}
#submit_mail{padding:0; width:200px; height:45px; font-size:0.9em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#464646;}
/*--------Форма обратной связи конец----*/

/*--------Таблицы начало----*/
/*table{width:100%; border-collapse:separate; border-spacing:5px 20px; table-layout:auto; vertical-align:center; margin-bottom:15px;}*/
/*--------Таблицы конец----*/
/*------Основное содержание конец----*/
/*------Правая колонка начало----*/
aside{display:block; float:right; width:31.25%; margin:0; padding:0;}
/*aside h2{padding-bottom:8px; font-size:1.2em; text-transform:uppercase; border-bottom:5px solid #CCCCCC; text-align:right;}*/
/*------Правая колонка конец----*/
/*----Область контента конец----*/

/*----Подошва сайта начало----*/
footer{padding:20px 0 10px 0; text-align:center; font-size:.8em;}
/*------Нижняя навигация начало----*/
footer ul{margin:0; padding:0; width:100%; list-style:none;}
footer li{display:inline-block; margin:0 10px;}
footer li a:link, footer li a:visited, footer li a:hover{display:block; margin:0; padding:5px 8px; text-decoration:underline}
footer li a:hover{color:#D72D47; position:static;}
footer p{padding:25px 0 0 0;}
footer span{font-size:.7em;}
/*------Нижняя навигация конец----*/
/*----Подошва сайта конец----*/