/* =General
--------------------------------------------------------------------------------------------------------*/

/* Removing margin/padding */
* {
  margin: 0;
  padding: 0;
}

/* Giving margin back to several elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}

/* Removing border on linked images */
img {
	border: 0;
}

/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
  font: 14px/1.6 Arial, Tahoma, Verdana, sans-serif;
  background:url('pics/background.jpg') no-repeat center top #000;
  color:#444;
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/

h1, h2 {
  font-size: 14px; font-weight: bold; color: #000; background-color: #f4f4f4; padding: 5px;
}
h3 {
  font-size: 14px; color: #000; background-color: #f4f4f4; padding: 5px;
}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a, a:visited {color: #E3001B; outline: none; text-decoration: none;}
a:hover, a:active {color: #E3001B; text-decoration: underline;}
a.black, a.black:visited {color: #000; text-decoration: none;}
a.black:hover, a.black:active {color: #000; text-decoration: underline;}

/* End Links
--------------------------------------------------------------------------------------------------------*/



/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
.menu {margin:0; margin-top: 13px;}
.menu li {
  background: url(pics/bg_menu.png) no-repeat; padding: 5px 5px 3px 28px; list-style: none;
  font-size: 14px; font-weight: bold;
}
.menu li a,.menu li a:visited {color: #fff; text-decoration: none;}
.menu li a.current { color: #fdef00; }

/* End Main Nav
--------------------------------------------------------------------------------------------------------*/



/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrap {
  width: 950px; margin: 20px auto; padding: 5px; background: #fff url(pics/bg_wrap_top.png) no-repeat;
}
/****Header****/
.header {
  height: 244px; background: url(pics/header.jpg) no-repeat 0 1px; padding-top: 282px;
}
a.disk {
  background: url(pics/diskografiya.png) no-repeat; float: left; width: 298px; height: 235px;
  margin: 0px 0px 0 4px; display: block;
}
* html a.disk {margin-right: 3px;}
a.fotos {
  background: url(pics/fotos.png) no-repeat; float: left; width: 330px; height: 235px;
  margin-right: 21px; display: block;
}
a.calen {
  background: url(pics/calendar.png) no-repeat; float: left; width: 274px;
  height: 204px; margin-top: 26px; display: block;
}
.flower_1 {
  background: url(pics/flower1.png) no-repeat; width: 154px; height: 146px;
  position: relative; top: -85px; left: -27px; z-index: 1;
}
.flower_2 {
  background: url(pics/flower2.png) no-repeat; width: 60px; height: 234px;
  position: relative; top: -330px; left: 890px;
}
* html .flower_1 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/flower1.png');
}
* html .flower_2 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/flower2.png');
}
/*=Header*/

#middle {
	width: 100%;
	height: 1%;
    margin-top: -332px;
    position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
float: left;
width: 460px;
font-size:12px;
}
.block_anouns {
  width: 215px; float: left; margin: 1px 6px; font-size: 12px;
}
a.link_str {background: url(pics/strelka.gif) no-repeat right center; padding-right: 10px; margin-left: 20px;}

.block_anouns p {margin: 0;}

hr {
border: 0;
  color: #f4f4f4;
  background-color: #f4f4f4;
  height: 1px;
  margin-bottom: 20px;
}

#gallery img { border: 3px solid #f4f4f4; }
#gallery { float: right; }
#gallery div { margin-bottom: 5px; margin-left: 20px; }

#foto { width:144px; height:109px; float:left; background-color:#f4f4f4; margin-right: 5px; margin-bottom: 5px; text-align:center; padding: 2px; }
#foto_overview { width:100%; height:109px; float:left; background-color:#f4f4f4; margin-right: 5px; margin-bottom: 5px; text-align:left; padding: 2px; }
.foto_describe {margin-left:20px;margin-top:20px;}
.fotos {  width:144px; height:109px; float:right; background-color:#f4f4f4; margin-left: 5px; margin-bottom: 5px; text-align:center; padding: 2px; }


/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
#sideLeft {
  	float: left;
        width: 235px;
        margin-left: 10px;
}
.calendar {
  background: url(pics/bg_calendar.png) no-repeat; width: 184px; height: 202px;
  padding: 58px 27px 40px 5px; font-weight: bold; font-size: 12px; margin-top: 7px;
} 
a.prev_month {
  color: #000; margin-left: 25px;
  background: url(pics/prev_month.png) no-repeat center;
}
a.now_month {color: #000; margin: 0 34px;}
a.next_month {
  color: #000;
  background: url(pics/next_month.png) no-repeat center;
}
.calendar table {width: 100%;}
.calendar th,.calendar td {text-align:center; border: 1px solid #C5AF01;}

#sideRight {
	float: left;
    width: 220px;
    font-size: 12px;
	margin: 0 0 0 10px ;
}
#sideRight p {margin: 10px 0; clear: both; }
#sideRight img {float: left; margin-right: 12px;}
#sideRight #date { float: left; margin-right: 12px; background: url(pics/leer.gif) no-repeat left top; width: 37px; height: 44px; color: #fff; font-weight: bold; line-height: 14px; text-align:center; font-size: 11px; padding-top: 6px;  }

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer {
  text-align: center; background: url(pics/bg_wrap_bot.png) no-repeat bottom; margin: 0 -5px -5px;
  padding: 30px 10px 20px; font-size: 11px;
}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders */
fieldset {
  border: 1px solid transparent;
}

.textarea {
 width: 300px;
 font-size: 12px;
}

#feedback {
  font-weight: bold;
  padding: 20px;
}

/* End Forms
--------------------------------------------------------------------------------------------------------*/

/* =Tables
--------------------------------------------------------------------------------------------------------*/

/* Making tables collapse and removing spacing */
table { 
  border-spacing: 0;
  border-collapse: collapse;
}

/* Preparing table columns */
td {
  text-align: left;
  font-weight: normal;
}
.guestbooktable td { 
  padding: 5px;
}

/* End Tables
--------------------------------------------------------------------------------------------------------*/


/* =Additional 1
--------------------------------------------------------------------------------------------------------*/
.bg_white {background: #fff;}
.highlight {background: #fff;}
/* End Additional 1
--------------------------------------------------------------------------------------------------------*/

