body 
   {margin: 0px; background: url(graphics/bg.gif); font: normal 11px Arial, Helvetica;
}

img {border: none}

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

#tempContainer 
   {width: 955px; margin: 0 auto; background: white}

#top_banner 
   {text-align: center; padding: 10px}

#logo 
   {float: left; width: 350px; padding: 5px 5px 5px 10px}

#menu 
   {width: 30%; float: right; text-align: right; padding: 22px 12px 5px 0px}

#menu a
   {padding: 0 0 0 10px;}

#contentContainer 
   {padding: 5px 12px 0 12px}

#content {
      width: 628px; float: left}

.cols {
     padding: 5px 0}

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

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

.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}

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

.events img{float: left; padding: 4px; margin: 7px 7px 7px 0; border: 1px solid #e7e7e7}

.events h2{margin: 5px 0 7px 0}

.events hr{clear: both; height: 1px; color: #f7f7f7; border-width: 0px; background-color: #f7f7f7}

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

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

.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}

#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 
     {font: bold 15px Arial, Helvetica, sans-serif; margin: 8px 0 8px}

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

#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;
}

#footer {padding: 10px}