/* Общие стили */
  * {box-sizing: border-box; -moz-box-sizing: border-box;}  /*хак блочной модели для Mozilla*/
  * html ul li { float: left; } * html ul li a { height: 1%; } /* Хак для списков IE */
  body {background: white;}
  body, div, p, img, ul, li, span, a, h1, h2, table, tr, td {margin: 0px; padding: 0px; font: normal 11px/13px "Tahoma";}
  table {border-collapse: collapse;}
  table * {vertical-align: top;}
  .table {width: 100%; min-width: 780px; width:expression(document.body.clientWidth < 780? "780px": "auto");}
  .banner {border: 1px solid #E1E5E7;}
  a img {border: none; margin: 0; padding: 0;}
  a:link, a:visited, a:hover {text-decoration: none;} 
  ul {list-style: none;}
  ul a:link, ul a:visited {color: black;}
  h1.titled {color: #FFB312; font: bold 15px "Tahoma"; padding: 8px 8px 15px 8px; text-align: left;}
  a.new {color:#000;font-weight:700;}
  a.new:hover {text-decoration:none;} 


/* Стили для шапки страницы */
  #head-top-l {width: 302px; height: 53px; background: url("head-top.gif") no-repeat;}
  #head-top-r {width: 100%; background: url("head-top-cent.gif") repeat-x;}
  #head-top-r div {height: 53px; background: url("head-top-r.gif") no-repeat 100% 100%;}
  #head-cent-l {width: 300px; height: 65px; background: url("head-cent-l.gif") no-repeat;}
  #banner-top {width: 100%; background: url("111.jpg") repeat-x 0% 0%;}
  #ban-top-cent {width: 100%; background: url("112.jpg") no-repeat 0% 0%;}
  #ban-top-cent div {text-align: center; width: 100%; height: 65px; background: url("113.jpg") no-repeat 100% 0%;}
  #electro {position: absolute; top: 65px; left: 100px;}
  #head-bot-l {width: 175px; height: 86px; background: url("head-bot-l.gif") no-repeat;}
  #head-bot-c {width: 100%; background: url("head-bot-c.gif") repeat-x;}
  #head-bot-r {width: 374px; height: 86px; background: url("head-bot-r.gif") no-repeat;}

/* Стили для контента страницы */
  #left {width: 175px; padding: 20px 15px 0 0; background: url("left-bottom.gif") no-repeat 0% 100%; }
  #right {width: 160px; background: url("right-top.gif") no-repeat 100% 0%; padding: 0 10px;}
  #center {width: 100%; text-align: center; }

/* Стили для левого блока */
  /*стили для левого меню*/
    #menu {background: url("menu.gif") no-repeat; height: 165px; width: 160px; padding-left: 30px;}
    #menu div {clear: both; width: 130px; height: 18px; font: normal 11px/14px "Verdana"; padding-left: 10px;}
    #menu div a:link, #menu div a:visited {float: right; color: #393A3B; padding-left: 4px; display: block; width: 98px; height: 18px;}
    #menu span {float: left; color: #FFB312; height: 18px;}
    #menu div a:hover {float: right; background: #959DA3; color: white; display: block; width: 98px; height: 18px; padding-left: 4px;} 

  /*стили для календаря*/
    #calendar {width: 161px; height: 187px; background: url("calendar.gif") no-repeat 0% 100%; padding: 50px 25px 0 35px;}
    #calendar p a:link {font: bold 9px "Verdana"; color: #FFB312; padding-bottom: 10px;}
	#calendar p a:visited {font: bold 9px "Verdana"; color: #FFB312; padding-bottom: 10px;}
	#calendar p {font: bold 9px "Verdana"; color: #FFB312; padding-bottom: 10px;}
    #calendar table {width: 129px; font: normal 11px "Verdana";}
    #calendar table td {width: 18px; height: 18px;}

  /*стили для новостей*/
    #news {width: 160px; padding: 35px 15px 0 30px;}
    #news p {font: bold 14px "Verdana"; color: #FFB312; padding-bottom: 10px;}
    .news {width: 100%; padding-bottom: 30px;}
    .news b {width: 73px; height: 18px; background: #959DA3; color: white; font: normal 11px "Verdana"; padding: 2px 10px 2px 10px;}
    .news span {width: 125px; padding-top: 10px; font: normal 11px "Tahoma"; display: block;}
    .news span a:link, .news span a:visited {color: black; display: block;}

/* Стили для центрального блока */    
  #center {padding: 10px 0 0 0;}
  #center p {text-align: left; padding: 10px 8px 0px 8px;}
  #center h3 {font: bold 12px "Verdana"; color: black; text-align: left; padding: 20px 8px 10px 8px;}
  #comment {background: #F8FAFB; text-align: left; padding: 0 8px;}
  #comment span {display: block; padding: 10px 2px; }
  .form {width: 143px; height: 22px; border: 1px solid #E1E5E7;}
  #comment textarea {width: 98%; height: 120px; border: 1px solid #E1E5E7;}
  #comment .submit {margin: 15px 5px 15px 15px;}

/* Стили для правого блока */
  .banners {width: 100%; padding: 80px 0; text-align: center;}
  .banners a img {border: 1px solid #B0C1CC; display: block; margin: 20px auto;}
  #partners {width: 100%; padding-left: 40px;}
  #partners p {font: bold 14px "Verdana"; color: #FFB312; padding-bottom: 10px;}
  #partners a img {display: block; margin: 20px 0;}

/* Футер страницы */
  #foot-top {width: 100%; height: 72px; background: url("foot-top.gif") no-repeat 0% 0%;}
  #foot-left {width: 406px; height: 65px; background: url("foot-l.gif") no-repeat 0% 0%;}
  .link {width: 37px; padding: 20px 0 0 10px;}
  #foot-right {height: 65px; width: 100%; background: url("foot-r.gif") repeat-x; color: #636668; font: normal 11px/14px "Tahoma"; padding-left: 25px;}
  #foot-right a {color: #F2A90B;} 


/* Стили для галереи */
/*общие стили*/
h2.head {color: #FFB312; font: bold 12px "Verdana"; text-align: left; padding: 6px; background: #F9FAFC;}
h2.comment {font: bold 11px "Verdana"; color: #FFB312; text-align: left; padding:8px;padding-bottom:0px;margin-bottom:-10px;}
h2.comment2 {font: bold 11px "Verdana"; color: #949DA2; text-align: left; padding:6px;}
i.author {color: #959DA0; font: normal 11px "Tahoma"; text-align: left; padding: 6px; display: block; background: #F9FAFC;}

/*галерея изображений*/
.list {padding: 8px; text-align: left; }
.list-bott {padding: 8px; text-align: left; background: #F9FAFC; margin: 10px 0; clear: both;}
.list a:link, .list a:visited, .list-bott a:link, .list-bott a:visited {color: #959DA0;}
.list a.active, .list-bott a.active {color: #FFB312}
.galery {width: 100%; text-align: center; float: left;}
.galery-name {width: 135px; display: block; color: #959DA0; padding: 10px; float: left; height: 130px;}
.galery-name img {width: 115px; border: 1px solid #999999; }
.galery-name .number {width: 115px; color: #959DA0; display: block; margin-top: 5px;padding: 4px;}

/* Стили для элемента галереи */
.image {width: 100%; padding: 15px 0px;}
.image img {border: 2px solid #999999;}
.form-galery {width: 100%; background: #F9FAFC; padding: 10px; float: left; clear: both;}
.form-galery table {width: 100%;}
.form-galery .name {padding: 10px 10px 10px 10px; border-right: 1px solid #E8E9EB}
.form-galery .lit-man {width: 18px;}
.form-galery .name b {font: bold 12px "Tahoma"; color: black; display: block;}
.form-galery .name span {display: block; padding: 5px 0;}
.form-galery .name i {font: normal 11px "Tahoma"; color: #FFB312;}
.form-galery .text {padding: 10px 5px 5px 5px; color: #3A3B3D;border-left: 1px solid #E8E9EB; width: 100%; }
.form-galery .text div {padding: 10px;}
.form-galery .report .left {width: 40%; padding: 0px 5px;}
.form-galery .report .left span {display: block; margin: 6px 0 2px 0; color: #3A3B3D;}
.form-galery .report .left div {padding: 10px 0;}
.form-galery .report .left .check {width: 14px; height: 14px; background: white; border: 1px solid #E1E5E7;}
.form-galery .report .left em {font: normal 11px/16px "Tahoma"; color: #3A3B3D;}
.form-galery .report .textar {width: 60%;padding-right: 30px; }
.form-galery .report .textar span {display: block; margin: 6px 0 5px 0; color: #3A3B3D}
.form-galery .report .textar textarea {width: 100%; height: 120px; border: 1px solid #E1E5E7;}
.form-galery .subm {float: right; padding: 40px 30px 10px 0;}

/* Стили для раздела Музыка */

.mus {width: 100%; border-top: 1px solid #949DA4; margin-top: 20px; }
.mus td {text-align: center; vertical-align: middle;}
.mus .name {height: 20px; width: 55%; text-align: left; background: #F9FAFC; padding: 2 10px 0 10px; border-bottom: 1px solid #949DA4; border-right: 1px solid #949DA4;}
.mus .mp {width: 15%; background: #F9FAFC; border-bottom: 1px solid #949DA4; border-right: 1px solid #949DA4;}
.mus .time {width: 15%; background: #F9FAFC; border-bottom: 1px solid #949DA4;}
.mus .names1 {text-align: left; padding-left: 10px; height: 30px;}
.mus .names2 {text-align: left; padding-left: 10px; height: 30px; background: #FBFCFE;}
.mus .names1 a:link, .mus .names1 a:visited, .mus .names2 a:link, .mus .names2 a:visited {color: black;}
.mus .st1 {border-left: 1px solid #949DA4;}
.mus .st2 {background: #FBFCFE; border-left: 1px solid #949DA4;}

/* Стили для раздела Анонсы*/
#anonses {width: 100%; margin: 0 0 0 0;}
#anons {width: 49%; padding: 0 10px 0 5px;}
#anons .title, #block-news .title {width: 100%; height: 25px; background: url("an-title-fon.gif") repeat-x 0% 0%;}
#anons .title div, #block-news .title div {width: 100%; height: 25px; background: url("an-title.gif") no-repeat 0% 0%; font: bold 11px "Tahoma"; color: #8B8E90; padding: 5px 5px 0 30px;}
#anons .an-info {width: 100%; padding: 20px 0 20px 0; font: normal 11px "Verdana"; background: url("an-fon.gif") no-repeat 100% 100%; margin-bottom: 30px;}
#anons a:link, #anons a:visited, #block-news a:link, #block-news a:visited {color: black;}
#anons .an-info img {float: left; margin: 0 10px 10px 0;}
#block-news {width: 49%; padding: 0 50px 0 100px;}
#block-news span {width: 100%; display: block; background: url("n-fon.gif") no-repeat 100% 100%; font: bold 11px "Tahoma"; height: 51px; text-align: right; padding: 30px 12px 0px 0; color: #82929E; }
#block-news .n-text {padding-top: 10px; width: 100%;}
#block-news img {margin-bottom: 5px;}

/* Стили для раздела Интервью */
.interview {width: 100%;}
.interview span {display: block; padding: 15px 0 30px 0; text-align: left;}
.inter-header {width: 100%; height: 21px; text-align: left; background: url("inter-title.gif") repeat-x 0% 0%;}
.inter-header b {display: block; width: 95px; padding: 0 15px 0 12px; height: 21px; float: left; font: normal 11px/21px "Verdana";}
.inter-header a:link, .inter-header a:visited {color: black; font: bold 11px/21px "Verdana";}
.inter:link, .inter:visited { color: black; width: 100%; padding: 10px 0 20px 0;  text-align: left; display: block;}
.inter img {float: left; margin: 0 20px 10px 0;}

/* Стили для раздела Вопросы */
.questions {width: 100%; text-align: left;}
.questions b {display: block; font: bold 11px "Verdana"; color: #656565; padding-top: 15px;}
.questions span {display: block; padding: 15px 0;}
.hr {width: 100%; height: 20px; border-top: 1px solid #7F8487;}
.questions strong {display: block; height: 14px; background: url("man-quest.jpg") no-repeat 0% 0%; padding-left: 15px; font: bold 11px "Verdana"; color: black;}
.questions em {display: block; color: #999A9C; font: normal bold 11px "Verdana"; padding-top: 10px;}
.questions .text {font: normal 11px/16px "Tahoma"; padding: 15px 0;}
.questions .reply {width: 100%; padding: 0 0 15px 15px;}
.questions .reply i {font: normal bold 11px "Tahoma";}
.questions .text-rep {font: normal 11px/16px "Tahoma"; padding: 5px 0;}

#photo_archive p {font: bold 14px "Verdana"; color: #FFB312; margin-bottom: -10px;padding-left:37;}
#month li {font-weight:700;}
#month a {color:#FFB312;text-decoration:underline;}
#month a:hover {color:#000;}

.img_left {float:left;margin-right:10px;margin-bottom:5px;border:1px solid #f90;}
.img_right {float:right;margin-left:10px;margin-bottom:5px;border:1px solid #f90;}
.img_center {margin-top:10px;margin-bottom:5px;border:1px solid #f90;} 

#calendar td {color:#a5a5a5;}
	#calendar table td a {color:#000000;text-decoration:underline;}
	#calendar p a:link {color: #FFB312;}
	#calendar #we, #we a {color:#f90;font-weight:700;}
	#calendar a:hover, #we a:hover {text-decoration:none;}
	#calendar #we {color:#FFC184;font-weight:700;}
	#calendar p {font: bold 12px "Verdana"; color: #FFB312; padding-bottom: 10px;}

	a {color:#FFB312;text-decoration:underline;}

.ab-sun {text-align: left; padding: 0 0 10px 20px;}
.ab-sun table {margin-top: 25px; width: fixed;}
.ab-sun-info {padding-left: 20px; font: normal 12px/15px "Arial";}
.ab-sun1 table {margin-top: 25px; width: 100%}
.ab-sun1 ul {list-style: circle !important}
.ab-sun-img {width: 160px;}
.ab-sun-info1 {padding-left: 20px; font: normal 12px/15px "Arial"; width: 100%;}
.ab-sun-list {padding-top: 10px;}
.ab-sun-list a:link, .ab-sun-list a:visited {font: bold 12px "Arial"; color: black; }
.ab-sun-rec {padding-top: 15px; font: normal 12px "Arial"; color: black; }
.ab-sun-rec b {display: block; font: bold 13px "Arial"; }
.ab-sun-rec i {display: block; font: normal normal 12px "Arial"; padding: 5px 0;}	

/* Слухи */
.glamur {width: 100%;}
.pic-glamur {width: 260px; padding: 10px 0 10px 10px;}
.pic-glamur img {margin-left: 30px;}
.pic-glamur b {display: block; padding: 15px 0 5px 0; font: bold 10px/13px "Verdana"; color: black;}
.pic-glamur span {font: normal 10px/13px "Verdana"; color: black;}
.text-glamur {width: 100%; padding: 10px 10px 10px 15px;}
.text-glamur b {display: block; padding: 15px 0 5px 0; font: bold 11px/13px "Verdana"; color: black;}
.text-glamur a:link, .text-glamur a:visited {color: black; font: bold 11px/13px "Verdana";}
