/* A Book Online Website */
/* Teepagorn W. */

/*=Global*/
body{
  background:url(../images/background.png) #fbfbfb top left repeat-x;
  font:12px Tahoma,"MS Sans Serif";
  color: #3a3a2d;
}

a{
  text-decoration:none;
}

a:link, a:visited{
  color:#333;
}

a:hover, a:active{
  color:#666;
}

.roundborder{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding:5px;
}

h2.pagehead{
  font:24px "Arial Black";
  color:#3a3a2d;
  padding-bottom:4px;
  margin-bottom:10px;
  border-bottom:1px solid #3a3a2d;
}


/*=========*/
#masthead{
  margin-top:91px;
  height:85px;
}

#logo a{
  background:url(../images/logo.png) no-repeat;
  width:175px;
  height:53px;
  text-indent:-9999px;
  display:block;
}

/*=Nav*/
#nav{
  margin-top:37px;
}

#nav ul li{
  float:left;
  margin:0px 6px;
}

#nav ul li.first{
  margin-left:0px;
}

#nav ul li a{
  text-decoration:none;
  padding:4px;
}

#nav ul li a:link,#nav ul li a:visited{
  color:#333;
}

#nav ul li.selected a{
  color:#FFF;
  background-color:#333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}

#nav ul li a:hover,#nav ul li a:active{
  color:#FFF;
  background-color:#555;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
}
/*=middle*/
#middle{
  margin-top:10px;
}

#mainpromo ul{
  margin-top:10px;
}

#mainpromo li{
  float:left;
  margin-left:5px;
}
#mainpromo li.big{
  margin-bottom:3px;
}

#mainpromo li.first{
  margin-left:0px;
}

#content p{
  margin-bottom:20px;
}

/*=Twitter*/
#twitter_div{
  font-size:11px;
  color:#666;
  width:200px;
}

#twitter_div h2.sidebar-title{
  text-indent:-9999px;
  background:url(../images/head_twitter.png) no-repeat;
  width:162px;
  height:19px;
}

#twitter_div h2.sidebar-title a{
  display:block;
}

#twitter_div li{
  margin-top:10px;
  padding-bottom:4px;
  border-bottom:1px solid #DDD;
}

#twitter_div li a:hover,#twitter_div li a:active{
  background-color:#333;
  color:#fff;
}
/*=Breadcrumb*/
#breadcrumb{
  font-size:11px;
  margin-bottom:10px;
}
#breadcrumb ul li{
  float:left;
  margin-right:6px;
  padding-right:6px;
  border-right:1px dotted #ccc;
}
#breadcrumb ul li.last{
  border:0px;
}
#breadcrumb a:link,#breadcrumb a:visited{
  color:#666;
}
#breadcrumb a:hover,#breadcrumb a:active{
  color:#999;
}
/*=Event*=Books*/
#eventlist li, #booklist li{
  padding-bottom:4px;
  border-bottom:1px solid #ccc;
  margin-top:4px;
}

#eventlist h4, #booklist h4{
  font:18px "Arial",Tahoma;
} 

#eventlist h5{
  font:12px "Arial",Tahoma;
  color:#bbb;
}

#booklist h5{
  font:14px "Arial",Tahoma;
  color:#888;
}

#booklist a:link img,#booklist a:visited img{
  border:1px solid #FFF;
}

#booklist a:hover img,#booklist a:active img{
  border:1px solid #333;
}
/*=ReadArticle*/
.entry h2.pagehead{
  font:24px "Arial Black",Tahoma;
  color:#3a3a2d;
  padding-bottom:2px;
  margin-bottom:2px;
  border-bottom:1px solid #3a3a2d;
}

.entry h4.pageinfo{
  font-weight:normal;
  font-size:10px;
  color:#999;
  text-align:left;
}

.entry .entrycontent{
  margin-top:20px;
}



.entry .entryendinfo{
  font-size:11px;
  margin-top:10px;
}

.entry .tag{
  padding-left:20px;
  background:url(../images/icon_tag.png) no-repeat;
  float:left;
  height:20px;
}
/*=Gallery*/
.entry .gallery{
  background-color:#efefef;
  margin-top:10px;
}

.entry .gallery a{
  float:left;
}

.entry .gallery a.navleft, .entry .gallery a.navright{
  text-indent:-9999px;
  width:16px;
  height:16px;
  background:url(../images/nav_left.png) no-repeat;
  margin-top:20px;
}

.entry .gallery a.navright{
  background:url(../images/nav_right.png) no-repeat;
}

.entry .galleryspace{
  margin:0px 0px 0px 25px;
}

.entry .gallery a:link img,.gallery a:visited img{
  border:1px solid #FFF;
  margin-right:5px;
}

.entry .gallery a:hover img,.gallery a:active img{
  border:1px solid #333;
  margin-right:5px;
}

/*=entrysidenote*/

.entrysidenote{
  margin-top:20px;
}

.entrysidenote .synopsis{
  background:#f3f3f3;
  margin-bottom:10px;
}

.entrysidenote .synopsis h4{
  font:12px Arial,Tahoma;
  font-weight:bold;
  border-bottom:1px solid #CCC;
  padding-bottom:3px;
  text-indent:20px;
}

.entrysidenote .books h4{
  background:url(../images/icon_book.png) no-repeat;
}

.entrysidenote .events h4{
  background:url(../images/icon_event.png) no-repeat;
} 
 
.entrysidenote .synopsis ul li{
  margin:4px 0px;
  vertical-align:middle;
}

.entrysidenote .synopsis img.cover{
  width:30px;
  height:30px;
  border:1px solid #FFF;
  float:left;
}

.entrysidenote .synopsis span{
   margin:2px 0px 0px 4px;  
   float:left;
   width:160px;
}

/* EventShow */

.eventshow .eventdesc,.eventshow .entrysidenote{
  margin-top:10px;
}

.eventsynopsis{
  margin-bottom:20px;
}

.eventsynopsis ul li{
  margin-bottom:7px;
  font-size:13px;
}

.eventsynopsis ul li.eventname{
  font-weight:bold;
}

.eventsynopsis ul li h6{
  display:inline;
  margin-right:10px;
}

.eventsynopsis .map{
  margin-left:5px;
}

.eventrelatednews{
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
  padding:8px 0px;
  margin:px 0px;
}

.eventrelatednews h4{
  font:18px Arial,"Tahoma";
  font-weight:bold;
}

.eventrelatednews ul li{
  list-style-type:circle;
  margin:4px 0px 0px 15px;
}

/*=Book*/

.bookshow .bookcover img{
  margin-bottom:5px;
}
.bookshow .bookdesc,.bookshow .entrysidenote{
  margin-top:10px;
}

.booksynopsis{
  margin-bottom:20px;
}

.booksynopsis ul li{
  margin-bottom:7px;
  font-size:13px;
}

.booksynopsis ul li.bookname{
  font-weight:bold;
}

.booksynopsis ul li h6{
  display:inline;
  margin-right:10px;
}

.booksynopsis .map{
  margin-left:5px;
}

.bookrelatednews{
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
  padding:8px 0px;
  margin:px 0px;
}

.bookrelatednews h4{
  font:18px Arial,"Tahoma";
  font-weight:bold;
}

.bookrelatednews ul li{
  list-style-type:circle;
  margin:4px 0px 0px 15px;
}

/*=Sidenote*/
#sidenote{
  padding-top:62px;
}

/*=synopsis*/
#synopsis{
  border:1px solid #EEE;
  padding:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom:10px; 
}
#synopsis h5{
  font:14px "Arial","Helvetica";
  font-weight:normal;
  margin-bottom:8px;
  border-bottom:1px solid #EEE;  
}
#synopsis dt{
  font-weight:bold;
}

#synopsis dd{
  margin-bottom:16px;
}
/*=ContextMenu*/
#contextmenu{
  background-color:#EFEFEF;
  padding:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}
#contextmenu li{
  margin-bottom:5px;
  padding-bottom:3px;
  border-bottom:1px solid #ddd;
}
#contextmenu li.last{
  border:0px;
  margin-bottom:0px;
} 
/*=Footer*/
#footer{
  background:#1F1F1F repeat-x top left;
  height:100px;
  margin-top:50px;
  padding-top:13px;
  font-size:11px;
  color:#999;
  line-height:1.5;
}

#footer h4,#footer li{
  border-bottom:1px solid #333;
  margin-bottom:2px;
}

#footer a{
  color:#AAA;
}