/* Home CSS Document */

#blogs{
  float: left;
  width: 830px;
  height: 300px;
  margin: 20px 0px 0px 15px;
  display: inline;
  background: url(../images/css/background_blogs.jpg) no-repeat;
}

#titles_cont{
  float: left;
  width: 271px;
  margin: 65px 0px 0px;
  display: block;
}

#titles_cont .title{
  float: left;
  width: 255px;
  height: 30px;
  padding: 5px 5px 6px 10px;
  margin: 0px 0px 0px 1px;
  display: inline;
  overflow: hidden;
  cursor: pointer;
  font: 10px Arial, Helvetica, sans-serif;
  color: #CBC3CD;
}

#titles_cont .title h4{
  color: white;
  font: normal 12px Arial, Helvetica, sans-serif;
}

#titles_cont .link{
  float: left;
  width: 250px;
  padding: 5px 00px 0px 20px;
}

#titles_cont .active{
  background: url(../images/css/background_active.png) no-repeat;
}

#titles_cont .active h4{
  color: #C29ECB;
  font: normal 12px Arial, Helvetica, sans-serif;  
}

.content{
  float: left;
  width: 518px;
  height: 240px;
  padding: 30px 9px 30px 29px;
  overflow: hidden;
}

.content .date{
  float: left;
  width: 498px;
  font-size: 10px;
  color: #3C1245;
}

.content .title{
  float: left;
  width: 498px;
  padding: 5px 0px 10px;
  background: url(../images/css/background_lines.gif) left bottom repeat-x;
}

.content .title h2{
  font: bold 26px "Times New Roman", Times, serif;
  color: #77278B;
  line-height: 25px;
}

.content .categories{
  float: left;
  width: 498px;
  font-size: 11px;
  padding: 5px 0px 10px;
  color: #666666;
}

.content .categories ul{
  float: left;
  padding: 0px;
  margin: 0px;
}

.content .categories ul li{
  float: left;
  list-style: none;
  padding: 0px 5px 0px 0px;
  margin: 0px;
}

.content .intro{
  float: left;
  width: 498px;
  height: 110px;
  overflow: auto;
  line-height: 21px;
}

.content .link{
  float: left;
  width: 478px;
  padding: 10px 10px 0px 10px;
}

#features{
  float: left;
  width: 830px;
  padding: 15px;
  display: inline;
}