@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-image: url(images/bg.gif);
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
img { border: 0; padding: 0; margin: 0; }

a {	color: #fff; }
a:visited {	color: #f0f0f0; }
a:hover { color: #fff6b7; }
h1 { font-size: 220%; font-weight: normal; }
h2 { font-size: 165%; font-weight: normal; }
h3 { font-weight: normal; }
div { display: block; position: relative; }
ins { position: absolute; display: block; height: 10px; overflow: hidden; }
hr { border: none; height: 1px; background: url(images/border_description.gif) bottom repeat-x; }

#main {
	background: url(images/bg_main.jpg) repeat-x;	
	position: absolute;
	//position: relative;
	width: 100%;
	min-width: 860px;
}
*html #main {
  width: expression(document.body.clientWidth < 850 ? "850px": "100%" );
}
#aero {
	background-image: url(images/aero.jpg);
	background-repeat: no-repeat;
	width: 788px;
	height: 406px;
  z-index: 1;
}


/* TOP PART */
#top {
	/* top */
  z-index: 2;
}
	#top #logo a {
		position: absolute;
		left: 33px;
		top: 36px;
		width: 266px;
		height: 68px;
		display: block;
		visibility: hidden;
		z-index: 2;
		//cursor: pointer;
	}
		#top #logo a span {
			position: absolute;
			top: 0;
			left: 0;
			width: 266px;
			height: 68px;
			display: block;
			background: url(images/logo.png) no-repeat 0 0 !important;
			background: none;
			//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo.png');
			visibility: visible;
		}
	#top .left_row {
		display: block;
		padding-right: 6%;
		text-align: right;
		position: relative;
	}
		#top .left_row #top_nav {
			/* sitemap, envelope, ad */
			margin-top: 16px;
			margin-bottom: 14px;
		}
		#top .left_row .banner {
			/* top banner */
		}
		#top .left_row #top_letters {
			font-size: 128%;
			font-weight: bold;
			margin: 10px 0 12px 0;
		}


#content { 
	/* includes lcontent & rcontent */
	line-height: 136%;
  z-index: 2;
}

/* LEFT CONTENT */
#lcontent {
	width: 60%;
	padding-left: 4%;
	//padding-left: 40px;
	z-index: 1;
	float: left;
}

@media all and (min-width: 0px) {
     html:first-child #lcontent {
         width: 64%;
     }
 }

	#lcontent a { color: #2E4F9D; }
	#lcontent a:visited { color: #4d6bb0; }
	#lcontent a:hover { color: #ff3300; }
	#lcontent ul {
		margin: 0;
		padding: 0;
	}
	#lcontent #top_menu {
		display: block;
		list-style-type: none;
		font-size: 110%;
		border-left: #FFEA43 solid 2px;
		margin-left: 28px;
		padding: 0;
	}
		#lcontent #top_menu li {
			display: inline;
			margin-left: 11px;
		}
		#lcontent #top_menu li a { color: #FFF; }

	#lcontent .section_header {
		margin-top: 18px;
		margin-left: 28px;
		margin-bottom: 12px;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 1;
    font-size: 18px;
	}
		#lcontent .section_header a { color: #FFF; font-size: 18px; }
		#lcontent .section_header a:visited { color: #FFF; }
	
	#lcontent #announcement {
		font-size: 110%;
		line-height: 133%;
		color: #202020;
		background: #FFA827;
		border-right: solid #FFA827 11px;		
		min-height: 40px;
		margin-top: 22px;
		margin-bottom: 11px;
	}
    *html #lcontent #announcement {
      height: 40px;
    }
    *+html #lcontent #announcement {
      min-height: 40px;
    }
		#lcontent #announcement .lt {
			background: url(images/cw_announce.png) !important;
			background: url(images/cw_announce.gif);
			width: 100%;
			top: -10px;
		}
		#lcontent #announcement .lb {
			background: url(images/cw_announce.png) 0 10px !important;
			background: url(images/cw_announce.gif) 0 -10px;
			width: 100%;
			bottom: -10px;
		}
		#lcontent #announcement .rt {
			background: url(images/cw_announce.png) right top !important;
			background: url(images/cw_announce.gif) right top;
			width: 11px;
			right: -11px;
			top: -10px;
		}
		#lcontent #announcement .rb {
			background: url(images/cw_announce.png) transparent 100% -10px no-repeat !important;
			background: url(images/cw_announce.gif)  transparent 100% -10px no-repeat;
			width: 11px;
			right: -11px;
			bottom: -10px;
      height: 10px;
      overflow: hidden;
		}
		#lcontent #announcement p {
			padding: 4px 17px 5px 28px;
			position: relative;
			z-index: 4;
		}
		#lcontent #announcement .light {
			position: absolute;
      z-index: 3;
			background: url(images/announce_bg.jpg) no-repeat;
			width: 100%;
			height: 105%;
      height: 45px;
			top: 0;
		}
		#lcontent #announcement .light_s {
			position: absolute;
			background: url(images/announce_bg.jpg) no-repeat top right;
			width: 11px;
			height: 105%;
			top: 0;
			right: -11px;
      height: 45px;
      z-index: 3;
		}
		
	#lcontent #dayinlife {
		background-color: #202020;
		color: #eee;
		border-right: solid #202020 11px;
		min-height: 108px;
		padding-bottom: 6px;
		margin-bottom: 11px;
    zoom: 1;
	}
  *html #lcontent #dayinlife {
    height: 160px;
  }
		#lcontent #dayinlife .lt {
			background: url(images/bcw.png) !important;
			background: url(images/bcw.gif);
			width: 100%;
			top: -10px;
			left: 0;
      zoom: 1;
		}
		#lcontent #dayinlife .lb {
			background: url(images/bcw.png) 0 10px !important;
			background: url(images/bcw.gif) 0 10px;
			width: 100%;
			bottom: -10px;
		}
		#lcontent #dayinlife .rt {
			background: url(images/bcw.png) right top !important;
			background: url(images/bcw.gif) right top;
			width: 11px;
			right: -11px;
			top: -10px;
		}

    *+html #lcontent #dayinlife .rt { width: 300px; }

		#lcontent #dayinlife .rb {
			background: url(images/bcw.png) right 10px !important;
			background: url(images/bcw.gif) right 10px;
			width: 11px;
			right: -11px;
			bottom: -10px;
		}

    *+html #lcontent #dayinlife .rb { width: 300px; }

		#lcontent #dayinlife .light {
			background: url(images/blight.png) no-repeat !important;
			background: none;
			//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/blight.png');
			width: 227px;
			height: 188px;
			top: -10px;
		}
		#lcontent #dayinlife a { color: #FFE636; }
		#lcontent #dayinlife a:visited { color: #FFF087; }
		#lcontent #dayinlife a:hover { color: #FFF6B7; }
		#lcontent #dayinlife h1, #lcontent #dayinlife h2 {
			margin: 0;
			line-height: 1.1;
		}
		#lcontent #dayinlife .year {
			position: absolute;
			left: 0;
		}
    *html #lcontent #dayinlife .year {
      left: -50px;
    }
			#lcontent #dayinlife .year a { color: #AAA; }
			#lcontent #dayinlife .year a:visited { color: #999; }
			#lcontent #dayinlife .year a:hover { color: #CCC; }
		#lcontent #dayinlife div {
			background: url(images/border_s_smallday.gif) bottom repeat-x;
			display: block;			
			position: relative;
			margin-left: 50px;
			margin-right: 17px;
			padding-left: 50px;
			padding-top: 13px;
			padding-bottom: 2px;
			z-index: 2;
		}
			#lcontent #dayinlife div p { margin: 4px 0 6px 0; }
		#lcontent #dayinlife #bigday {
			background: url(images/border_s_bigday.gif) bottom repeat-x;
			margin-left: 28px;
			margin-right: 79px;
			padding-left: 62px;
			padding-top: 14px;
			padding-bottom: 7px;
		}
			#lcontent #dayinlife #bigday .year { 
      }
      *html #lcontent #dayinlife #bigday .year { 
        left: -61px;
      }
			#lcontent #dayinlife #bigday h1 { font-size: 220%; }
			#lcontent #dayinlife #bigday p { margin: 6px 0 6px 0; }

		#lcontent #dayinlife #din_date {
			margin: 0;
			padding: 25px 0 0 1px;
			font-size: 13px;
			font-style: italic;
			border: none;
			background: #be8b5e url(images/date.gif) no-repeat;
			color: #fff;
			width: 74px;
			height: 80px;
			position: absolute;
			right: -12px;
			top: 4px;
			text-align: center;
		}
			#lcontent #dayinlife #din_date h3 {
				margin: 0;
				font-size: 48px;
				font-weight: bold;
				line-height: 80%;
			}

	
	#lcontent .article_preview {
		color: #555;
		background-color: #FFF;
		border-right: solid #FFF 11px;
		min-height: 54px;
		margin-bottom: 22px;
	}
  *html #lcontent .article_preview {
    height: 54px;
  }
		#lcontent .article_preview a {
			color: #2E4F9D;
			text-decoration: none;
		}
		#lcontent .article_preview a:visited {
			color: #4d6bb0;
			text-decoration: none;
		}
		#lcontent .article_preview a:hover {
			color: #ff3300;
			text-decoration: underline;
		}
		#lcontent .article_preview .lt {
			background: url(images/cw.png) !important;
			background: url(images/cw.gif);
			width: 100%;
			top: -10px;
		}
		#lcontent .article_preview .lb {
			background: url(images/cw.png) 0 10px !important;
			background: url(images/cw.gif) 0 10px;
			width: 100%;
			bottom: -10px;
		}
		#lcontent .article_preview .rt {
			background: url(images/cw.png) right top !important;
			background: url(images/cw.gif) right top;
			width: 11px;
			right: -11px;
			top: -10px;
		}
		#lcontent .article_preview .rb {
			background: url(images/cw.png) right 10px !important;
			background: url(images/cw.gif) right 10px;
			width: 11px;
			right: -11px;
			bottom: -10px;
		}
		/* hover article */
		#lcontent .article_preview:hover {
			background-color: #fffbdc;
			border-right: solid #fffbdc 11px;
		}
			#lcontent .article_preview:hover .lt {
				background-image: url(images/cw_over.png) !important;
				background-image: url(images/cw_over.gif);
			}
			#lcontent .article_preview:hover .lb {
				background-image: url(images/cw_over.png) !important;
				background-image: url(images/cw_over.gif);
			}
			#lcontent .article_preview:hover .rt {
				background-image: url(images/cw_over.png) !important;
				background-image: url(images/cw_over.gif);
			}
			#lcontent .article_preview:hover .rb {
				background-image: url(images/cw_over.png) !important;
				background-image: url(images/cw_over.gif);
			}
			#lcontent .article_preview:hover span p { color: #202020; }


    #lcontent .article_preview div.img {
      position: absolute;
			left: 28px;
			top: 4px;
      width: 50px; height: 50px;
      padding: 0 !important;
      overflow: hidden;
    }
		#lcontent .article_preview img {
      /*
			position: absolute;
			left: 28px;
			top: 4px;
      */
		}
		#lcontent .article_preview div {
			padding-left: 90px;
			padding-right: 17px;
			padding-bottom: 1px;
			padding-top: 1px;
		}
			#lcontent .article_preview h1 {
				line-height: 100%;
				font-size: 175%;
        font-size: 18px;
				padding: 0;
				margin: 0;
			}
			#lcontent .article_preview small {
				color: #999;
				line-height: 100%;
        font-size: 11px;
			}
			#lcontent .article_preview p {
				line-height: 110%;
        font-size: 12px;
				padding: 1px 0 0 0;
				margin: 0;
			}
			
	/* article, album, info text */
	#lcontent .article {
		color: #333;
		font-size: 110%;
		line-height: 1.39;
		background-color: #FFF;
		border-right: solid #FFF 11px;
		margin-top: 22px;
		margin-bottom: 22px;
		padding-bottom: 32px;

	}
  *html #lcontent .article {
    height: 300px;
  }
		#lcontent .article a { color: #2E4F9D; }
		#lcontent .article a:visited { color: #4d6bb0; }
		#lcontent .article a:hover { color: #ff3300; }
		#lcontent .article .lt {
			background: url(images/cw.png) !important;
			background: url(images/cw.gif);
			width: 100%;
			top: -10px;
		}
		#lcontent .article .lb {
			background: url(images/cw.png) 0 10px !important;
			background: url(images/cw.gif) 0 10px;
			width: 100%;
			bottom: -10px;
		}
		#lcontent .article .rt {
			background: url(images/cw.png) right top !important;
			background: url(images/cw.gif) right top;
			width: 11px;
			right: -11px;
			top: -10px;
		}
		#lcontent .article .rb {
			background: url(images/cw.png) right 10px !important;
			background: url(images/cw.gif) right 10px;
			width: 11px;
			right: -11px;
			bottom: -10px;
		}
		#lcontent .article div {
			padding-left: 28px;
			padding-right: 17px;
			padding-bottom: 1px;
			padding-top: 1px;
		}
			#lcontent .article div #album_image {
				/* album img */
			}
			#lcontent .article div h1 {
				font-size: 280%;
				margin: 4px 0 16px 0;
				padding: 0;
			}
				#lcontent .article div h1 a {
					text-decoration: none;
				}
				#lcontent .article div h1 a:hover {
					text-decoration: underline;
				}
			#lcontent .article div h3 {
				color: #555555;
				font-size: 165%;
				padding: 16px 0 8px 0;
				margin: 0;
			}
			#lcontent .article div #article_description {
				padding: 0 0 11px 0;
				background: url(images/border_description.gif) bottom repeat-x;
			}
				#lcontent .article div #article_description img {
					margin-left: 10px; 
				}
				#lcontent .article div #article_description ul {
					position: absolute;
					top: 0;
					left: 200px;
					list-style: none none;
					width: 55%;
				}
					#lcontent .article div #article_description ul .wheretobuy {
						color: #FF0000;
						display: block;
						width: 147px;
						height: 47px;
						margin-top: 12px;
					}
						#lcontent .article div #article_description ul .wheretobuy span {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							background: url(images/where-to-buy.jpg) no-repeat top left;
							width: 147px;
							height: 47px;
							cursor: pointer;
						}
					#lcontent .article div #article_description ul li {
						position: relative;
					}
						#lcontent .article div #article_description ul li span {
							position: absolute;
							right: 0;
							font-style: italic;
							font-weight: bold;
						}
			#lcontent .article div #tracklist {
				padding: 0 0 18px 0;
        zoom: 1;
			}
				#lcontent .article div #tracklist ol {
					list-style: inside decimal;
					padding: 0;
					margin: 0;
					width: 95%;
				}
					#lcontent .article div #tracklist ol li {
						position: relative;
						background: url(images/border_tracklist.gif) bottom repeat-x;
					}
						#lcontent .article div #tracklist ol li span {
							position: absolute;
							right: 0;
						}
			#lcontent .article div p {
				line-height: 1.45;
				padding: 0 0 5px 0;
				margin: 0;
			}
	
	#lcontent #info_text {
		color: #555;
		margin-top: 35px;
		border-right: solid #EEEEB2 11px;
		background-color: #EEEEB2;
	}
		#lcontent #info_text h2 {
			margin: 0;
			line-height: 1;
			color: #202020;
      font-size: 18px;
		}
		#lcontent #info_text div {
			padding-left: 28px;
			padding-right: 28px;
			padding-top: 20px;
			padding-bottom: 12px;
		}
      #lcontent #info_text p {
        font-size: 11px;
      }


/* RIGHT BLOCK */
#rcontent {
	width: 28%;
	margin-top: 22px;
	margin-left: 2%;
	margin-bottom: 40px;
	float: left;
	z-index: 1;
}
*html #rcontent {
  width: 27%;
}
*+html #rcontent {
  width: 27%;
}
	#rcontent #search {
		margin: 5px 11px 15px 11px;
		background: #FFE848;
		position: relative;
		display: block;
		height: 36px;
	}
		#rcontent #search .l {
			height: 36px;
			width: 11px;
			background: url(images/search_bg.png) left top;
			//background: url(images/search_bg.gif) left top;
			left: -11px;
			top: 0;
		}
		#rcontent #search .r {
			height: 36px;
			width: 11px;
			background: url(images/search_bg.png) right top;
			//background: url(images/search_bg.gif) right top;
			right: -11px;
			top: 0;
		}
		#rcontent #search form {
			position: relative;
			height: 22px;	
			padding: 7px 50px 7px 11px;
      margin: 0;
		}
    *html #rcontent #search form {
      padding: 6px 50px 5px 11px;
    }
			#rcontent #search form .l {
				left: 0;
				top: 7px;
				height: 22px;	
				background: url(images/search_input_bg.gif) left top;
			}
			#rcontent #search form input {
				font-size: 12px;
			}
			#rcontent #search form #search_text {
				height: 22px;
				width: 93%;
				background: #fff url(images/search_input_bg.gif) right top;
				border: none;
				padding: 0px 11px 0 0;
				line-height: 1.2;
				margin: 0;
        overflow: hidden;
        zoom: 1;
			}
        #rcontent #search form #search_text input {
          border: none;
          border: 0;
          height: 22px;
          width: 100%;
          line-height: 1.2;
        }
      *html #rcontent #search form #search_text {
        position: relative;
        top: 1px;
        padding: 2px 11px 0 0;
        height: 21px;
      }
        *html #rcontent #search form #search_text input {
          height: 15px;
        }


      /* Opera < 9.5 */
      @media all and (min-width: 0px) {
         html:first-child #rcontent #search form #search_text {
             height: 22px;
         }
      }

			#rcontent #search form #search_button {
				border: none;
				background: none;
				position: absolute;
				padding: 2px;
				top: 6px; right: 3%;
        // top: 9px;
				width: 38px;
				height: 17px;
			}

      @media all and (min-width: 0px) {body #rcontent #search form #search_button { top: 11px; }} 
			
	#rcontent .rblock {
		padding: 0 0 10px 0;
	}	
		#rcontent .rblock ul {
			list-style: outside none none;
			padding: 0;
			margin: 0;
		}
			#rcontent .rblock ul li {
				padding-bottom: 4px;
				background: url(images/ul_bg.gif) no-repeat 6px 5px;
				padding-left: 18px;
        list-style-type: none;
			}
			#rcontent .rblock ul li a {
				padding: 2px 4px 2px 4px;
        font-size: 11px;
			}
			#rcontent .rblock ul li a:hover {
				color: #FFF;
				background: #202020;
			}
			#rcontent .rblock h2 a {
				font-size: 106%;
        font-size: 18px;
				background-color: #FFF;
				color: #202020;			
				padding: 2px 10px 3px 10px;
				line-height: 1;
			}
				#rcontent .rblock .small_list {
					font-size: 92%;
					padding: 2px 0 0 0;
				}
					#rcontent .rblock .small_list li {					
						background: url(images/ulul_bg.gif) no-repeat 10px 4px;
						padding-left: 25px;
					}
		#rcontent .rblock .vip_block {
			/* vip block */
			padding-top: 2px;
		}
			#rcontent .rblock .vip_block img {
				position: absolute;
				left: 0;
				top: 0;
			}
			#rcontent .rblock .vip_block li {
				padding-left: 61px;
				padding-bottom: 10px;
				min-height: 51px;
				//height: 51px;
				position: relative;
			}
				#rcontent .rblock .vip_block li a {
					padding: 0;
				}
				#rcontent .rblock .vip_block li a:hover {
					background: none;
				}
				#rcontent .rblock .vip_block li h1 {
					font-size: 130%;
					font-weight: bold;
					line-height: 75%;
					padding: 0 0 6px 0;
					margin: 0;
				}
					#rcontent .rblock .vip_block li h1 a:hover {
						color: #fffbdc;
						padding: 0;
						background: none;
					}

/* FOOTER */
#footer {
	width: 100%;
	background: url(images/dotline.gif) repeat-x top;
	z-index: 1;
	margin-top: 34px;
	clear: both;
}
	#footer #footer_menu {
		display: block;
		list-style-type: none;
		font-size: 110%;
		text-align: center;
		padding: 13px;
		margin: 0;
	}
		#footer #footer_menu li {
			display: inline;
			margin-left: 4px;
			margin-right: 4px;
		}
      #footer #footer_menu li a {
        font-size: 12px;
      }
	#footer div {
		height: 75px;
		background: #202020 url(images/footer_bg.jpg) no-repeat right top;
		padding-left: 70px;
		padding-right: 5%;
		padding-top: 20px;
	}
		#footer div p {
			margin: 9px 0 0 0;
			font-size: 119%;
      font-size: 12px;
		}
		#footer div .footer_info {
			position: absolute;
			right: 5%;
		}

#aero_footer {
	display: block;
	position: absolute;
	background: url(images/aero_footer.png) no-repeat;
	width: 100%;
	height: 159px;
	bottom: 94px;
	z-index: 0;
}


/* 2008. dirz */