@import url(http://www.maround.com/css/base.css);

/* Site Index Styles CSS (styles-index.css) */

#grid-content {
  width:950px;
  height:100%;
  padding:10px 0 50px;
  }

#grid-content .small, 
#grid-content .large, 
#grid-content .banner, 
#grid-content .contents{
  color:#999;
  text-align:left;
  line-height:160%;
  overflow:hidden;
  }

#grid-content .small, 
#grid-content .large{
  margin:5px;
  padding:5px;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  }


#grid-content .large {width:360px;}
#grid-content .small{width:170px;}

#grid-content .banner{
  width:180px;
  margin:5px;
  padding:0;
  border:1px solid #fff;
  }

#grid-content .bannerB{
  width:370px;
  margin:5px;
  padding:0;
  }

#grid-content .contents{
  width:750px;
  height:350px;
  margin:5px;
  border:1px solid #ccc;
  overflow:hidden;
  }

#grid-content h3 a, #grid-content .blogName a{color:#333;text-decoration:none;}
#grid-content h3 a:hover, #grid-content .blogName a:hover{color:#E5CE84;}

#grid-content .ma a{color:#AA3724;text-decoration:none;}
#grid-content .ma a:hover{color:#E5CE84;}


#grid-content a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
  }

#grid-content .image{
  padding-bottom:5px;
  }

#grid-content h3{
  color:#333;
  font-size:12px;
  line-height:24px;
  padding-bottom:5px;
  }

#grid-content p{
  line-height:150%;
  }

#grid-content .days{
  font-size:11px;
  text-align:right;
  padding-top:5px;
  }


#grid-content .blogName{
  font-size:9px;
  line-height:18px;
  margin-top:5px;
  padding-top:5px;
  border-top:1px dotted #ccc;
  vertical-align:middle;
  }

#grid-content .blogName img{
  padding-right:5px;
  vertical-align:middle;
  }