html  
     {width: 100%; height: 100%; background: #F7EEDD}

body 
     {margin: 0; font: normal 11px Arial, Helvetica}

img 
     {border: none}
	 
ul
     {margin: 0; padding: 0; list-style: none}

a, a:link, a:visited, a:hover 
     {color: #25a7df; text-decoration: none}

#tempContainer 
     {width: 100%; height: 100%;}

#header
     {width: 100%; color: #FFF; background: #000}  
   
#header #title
     {color: #989898; width: 100%; padding: 5px 0; text-align: center; /*letter-spacing: 2.38em; text-transform: uppercase; font: bold 8px Tahoma*/}
   
#header #logo
     {width: 1130px; margin: 0 auto}
		 
#afisha {margin: 0; padding: 0; float: left; list-style: none; height:305px; width: 625px; position: relative}
#afisha li {position: absolute; border: 2px solid #FFF}
#afisha span {z-index: 0; padding: 10px; color: #FFF; background: #000; display: block; width: auto; font: bold 16px Arial; position: absolute; left: 0; right: 0; bottom: 0;
opacity: 0.7; -moz-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}

#afisha a {color: #FFF;}

#header #podcast {width: 480px; height: 305px; margin: 0 0 0 645px}

#contentContainer 
     {width: 1107px; margin: 0 auto; padding: 5px 10px; background: white}

#content 
     {width: 620px; float: left}
	 
#menu
     {margin: -5px 0 15px -10px; padding: 0; height: 34px; width: 630px; list-style: none}
	 
#menu li
     {width: auto; float: left; padding: 0}

.cols {padding: 0}

.cols .left {float: left; width: 305px}

.cols .right {float: right; width: 305px; margin-right: 0px}

.cols .block {padding: 30px 0 5px}
     
.cols .left .title, .cols .right .title {font-size: 13px; font-weight: bold; padding: 5px 0 5px}

.cols .left .date, .cols .right .date {color: #999; font-size: 11px; padding: 0 0 3px;}

.cols .left .story, .cols .right .story {font-size: 11px}

.cols .newsicon, .post .newsicon{float: left; margin: 7px 7px 0 0}

.cols .newsicon img, .post .newsicon img{padding: 4px; border: 1px solid #e7e7e7}

.cols .left .attr, .cols .right .attr {clear: both; font-size: 9px; text-align: right; padding: 1px 0 5px; border-bottom: 1px solid #f7f7f7}

.cols .attr a{color: #55b4f5}

.cols .pages {display: none}

.pages {text-align: center}

ul.events {font-size: 12px; padding: 35px 0 5px; background: url(images/events_title.gif) no-repeat}

ul.events  li:first-child {margin: 0}

ul.events  li {float: left; display: inline; margin-left: 15px; width:195px; text-align: center}

ul.events img {width: 190px; height: 270px; padding: 3px; border: 1px solid #CCC}

.post .title {font-size: 25px; padding: 3px 0 5px}

.post h1 
     {padding: 15px 0 0; font: normal 25px Arial, Helvetica}

.post .date 
     {padding: 0 0 5px; font-size: 14px; color: #55b4f5}

.post .story 
     {font-size: 12px}

.post .attr 
     {clear: both; font-size: 9px; text-align: right; padding: 5px; border-bottom: 1px solid #f7f7f7}

.comment .title 
     {font: bold 12px Arial, Helvetica, sans-serif; letter-spacing: 0.1em; padding: 15px 0 5px}
     
.comment .date 
     {font: 10px Arial, Helvetica, sans-serif; color: #CCC; padding: 0 0 5px}

.comment .story 
     {font: normal 12px Arial, Helvetica, sans-serif;}
     
.comment .attr 
     {clear: both; font: 9px; text-align: right; padding: 1px 0 5px; border-bottom: 1px solid #CCC}
	 
.highslide-container div /* текст под картинкой (description) */
     {padding: 3px 0 5px 4px; font: bold 9pt Verdana, Helvetica}
 
.highslide-wrapper, .highslide-outline 
     {background: white}
	 
.highslide-dimming 
     {position: absolute; background: black}

.highslide-image  /* бордер вокруг картинки*/
     {border-width: 3px; border-style: solid; border-color: white; background: gray}

#comment_form  textarea 
     {font-size: 13px; width: 400px; height: 120px; overflow: hidden}

#comment_form input 
     {padding: 1px; font-size: 13px; margin: 3px 0 3px 0}

#info 
     {margin: 8px 0; font: bold 15px Arial, Helvetica, sans-serif}

#right 
     {float: right; width: 470px}

#right .block, #right .news_shop, #right .bmx_fashion
     {padding: 30px 0 5px}

#right .block hr, #right .news_shop hr, #right .bmx_fashion hr
     {clear: both; height: 1px; color: #f7f7f7; border-width: 0px; background-color: #f7f7f7}

#right .news_shop img, #right .bmx_fashion img{
      float: left; margin: 2px 8px 5px 0; border: 3px solid #d5d5d5}

#right .news_shop h2, #right .bmx_fashion h2{
      color: #25a7df; font-size: 12px; margin: 0 0 5px}

.right_blocks
     {color: #a1a1a1; width: 230px; float: right}

.right_blocks ul	
     {margin: 0 0 10px; text-align: justify; padding: 30px 10px 20px; font: normal 11px Arial, Helvetica}
   
.right_blocks a	
     {color: #a1a1a1}
   
.right_blocks img	
     {width: 210px;}
   
#qTip 
     {display: none; z-index: 1000; padding: 3px 8px; position: absolute; background: #f7f7f7; border: 1px solid #606060; border-radius: 2px; box-shadow: #CCC 1px 1px 2px}

#footer 
     {padding: 30px 0; width: 100%; color: #FFF; background: #000}

#footer ul 
     {width: 1120px; padding: 0; margin: 0 auto; list-style: none}
	
#footer li
     {width: 33%; padding: 0; float: left; /*border: 1px #CCC solid*/}
	 
#footer li b
     {width: 30%; color: #606060}
	
#footer li ul
     {width: auto; padding: 0}

#footer li a
     {text-decoration: underline;}
	
#footer li li
     {float: none; width: 90%; border: none; padding: 5px 0; border-bottom: 1px #606060 solid}
	 
#footer hr
     {clear: both; height: 1px; color: #000; border-color: #000}