/* 
    Document   : style
    Created on : Jul 17, 2013, 8:57:41 AM
    Author     : thuy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
  margin: 0;
  font-size: 14px;
  line-height: 1.5em;
  font-family: arial;
/*  background: #F2EB83;*/
  background: url(img/body.jpg) repeat-x #FDF8E2;
  color: #595959;
}
.top{
  width: 100%;
  height: 235px;
  border-bottom: 40px solid #F3D39A;
}
.text-title{
  height: 0;
  margin: 0 auto;
  width: 960px;
  position: relative;
  padding-top: 15px;
}
.text-title a{
  color: #FF5D02;
  font-family: 'Devonshire', cursive;
  font-size: 39px;
  text-shadow: 0 25px 3px #FF5D02;
  text-decoration: none;
}
.icon-top{
  position: absolute;
  background: url(img/hinh1.png) no-repeat;
  width: 168px;
  height: 139px;
  top: 31px;
  float: left;
}
.banner{
   width: 768px;
  height: 115px;
  float: right;
  background: url(img/banner.jpg) no-repeat;
}
.body{
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.content{
  padding-left: 7px;
  width: 710px;
  float: right;
}
/*home content*/
.div-content div{
  width: 325px;
  padding: 10px;
  background: #000;
  border: 2px dashed #F3D39A;
  color: #F3D39A;
  margin-bottom: 10px;
}
.div1{
  float: left;
}
.div2{
  float: right;
}
.div-content div img{
  width: 310px;
  height: 180px;
  box-shadow: 0 0 14px #fff;
}
.div3{
  padding: 15px 7px 43px;
}
#rss_content a{
  text-decoration: none;
  color: #000;
}
#rss_content a:hover{
  color: #FF5D02;
}
h3, h2, .content .style7 font{
  font-family: 'Cinzel',serif;
  color: #FF5D02;
  font-size: 25px;
  line-height: 1.2em;
  margin: 0;
}
#rss_content{
  clear: both;
}
#rss_content img{
  border: none;
  box-shadow: 0 0 5px #fff;
}
#rss_content .readmore, .readmore{
  text-decoration: none;
  background: #FF5D02;
  padding:7px;
  color: #fff;
  border-radius: 5px;
  float: right;
}
#rss_content .readmore:hover, .readmore:hover{
  color: #fff;
  background: #FDDC35;
}
#rss_content li{
  list-style: none;
  border-bottom: 1px solid #F3D39A;
}
#rss_content li:last-child{
  border-bottom: none;
}
.footer{
  clear: both;
  text-align: center;
  padding: 15px 0;
  background: #F3D39A;
  width: 100%;
  color: #FF5D02;
  font-size: 20px;
}
/*menu*/
.menu{
  width: 240px;
  float: left;
  background: #F3D39A;
}
.menu ul{
  padding-left: 0;
  box-shadow: 1px 6px 9px #343434;
  background: #000000;
}
.menu li{
  list-style: none;
}
.menu li a{
  padding: 6px 0 6px 10px;
  display: block;
  text-decoration: none;
  color: #F3D39A;
  border-bottom: 1px dashed #F3D39A;
}
.menu a.a_active,.menu a:hover{
  color: #FF5D02;
}
/*ads*/
.ad-top{
  width: 728px;
  margin: 0 auto 3px;
  height: 100px;
}
.ad-right{
  height: 600px;
  position: absolute;
  right: -166px;
  top: 20px;
  width: 160px;
}
.ad-bottom{
  clear: both;
  width: 300px;
  height: 250px;
  margin: 0 auto;
}