/*
-----------------------------------------------
Client:ThingsAsian Press
Project:Public Web Site

File Name: styles.css 
Version: 1.0
Notes: Rules for site-wide elements.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */

/* Layout
----------------------------------------------- */
html {
  background-color:#666;
}

p, li, ul, ol, h1, h2, h3, h4, h5, h6, label, input, textarea, cite, select, legend, option, optgroup, caption, th, td {
  font-family:"lucida sans","lucida grande","verdana",arial,helvetica,sans-serif;
	}

body {
  background:url(/images/bodyBg.gif) repeat-x #666;
}

#wrapper {
  margin:0 auto;
  width:990px;
}

#hd {
  background-color:#000;
  color:#fff;
  width:990px;
  margin:0 auto;
}

#mast {
  height:80px;
}

#ft {
  margin:15px auto;
  width:600px;
}

a {
  color:#2F4251;
  text-decoration:underline;
}
  
.media a:hover {
  background-color:#A4B5B9;
}

/* Typography
----------------------------------------------- */
h1 {
  color: #2F4251; 
  font-size: 18px; 
  line-height: 22px; 
  font-weight: bold;
  margin-bottom:16px;
}
body.detail h1 {
  margin-bottom:0;
}

/* #hd
----------------------------------------------- */
#hd .logo {
  float:left;
  margin-top:8px;
}
#hd .logo a {
  display:block;
  background: url(/images/tap-logo.gif) no-repeat #000;
  height:57px;
  width:405px;
}
#hd #quickNav {
  color:#fff;
  float:right;
  margin-top:8px;
}
#hd #quickNav li {
  display:inline;
  float:left;
}
#hd #quickNav li a {
  color:#fff;
  text-decoration:none;
  padding-right:20px; 
  font-size:93%;
  font-weight:bold;
}
#hd #quickNav li a:hover {
  color:#4d4d4d;
}
#pnav {
  color:#000;
  background-color:#9eb6ba;
  height:55px;
  width:990px;
}
#pnav li {
  display:inline;
  float:left;
  padding-top:15px;
}
#pnav li a {
  text-decoration:none;
  font-weight:bold;
  color:#000;
  font-size:146.5%;
  margin-left:31px;
}
#pnav li a.here {
  color:#FFF;
}
#pnav li a:hover {
  color:#fff;
}

/* #main
----------------------------------------------- */
#main {
  background-color:#fff;
  padding:15px 30px;
}
body.home #main {
  padding:0;
}
#carousel {
  background-color:#888;
}
#carouselImgs{
  height:560px;
  width:990px;
  overflow:hidden;
  background: black;
}
#carouselImgs .bigImg{
  display:block;
  /*height:660px;*/
  /*width:990px;*/
  margin-top:-50px;
}
#carouselCaptions{
  height:46px;
  width:800px;
  overflow:hidden;
  margin: 0 auto;
  
}
#carouselNav {
  display:block !important;
  background-color:#000;
  width:990px;
  min-height:40px;
  position:relative;
}
#carouselNav a {
  display:none;
  outline:none;
}

#fader {
    display:none;
    background-color:black;
    height:46px;
    left:60px;
    position:absolute;
    width:870px;
}

#carousel .caption {
  width:100%;
  display:inline;
}
#carousel .caption p {
  color:#fff;
  text-align:center;
  padding:15px 0;
}
.back {
  background:url(/images/ic-arrow.gif) 0 0 no-repeat;
  float:left;
  width:30px;
  height:25px;
  margin:8px 0 0 30px;
}
.forward {
  background:url(/images/ic-arrow.gif) 10px -66px no-repeat;
  float:right;
  width:30px;
  height:25px;
  margin:8px 30px 0 0;
}
.back , .forward {
  display:inline;
  text-decoration:none;
  margin-top:12px;
}  
.back:hover {
  background:url(/images/ic-arrow.gif) 0 -33px no-repeat;
}  
.forward:hover {
  background:url(/images/ic-arrow.gif) 10px -99px no-repeat;
}  

/* #table
----------------------------------------------- */
table.booklist {
  width:930px;
  margin:0 auto;
}
table.booklist td {
}
table.booklist td div.bt16 {
  float:left;
  width:50%;
}

/* #ft
----------------------------------------------- */
#ft p {
  color:#9d9d9d;
  text-align:center;
  margin-bottom:10px;
}
#ft a {
  color:#9d9d9d;
  text-decoration:none;
}
#ft a:hover {
  text-decoration:underline;
}

/* #subpage hacks
----------------------------------------------- */
.table1 {
  border:0;
}
.bgblue {
  background-color:#fff;
}
.pageclass {
  background-color:#666;
}
.all8 {
  margin:0;
}
table.booklist tr td div.bt16 {
  height:8.6em;
}
table.giftlist tr td div.bt16 {
  height:8.6em;
}

/* Float Clearing Hack
----------------------------------------------- */
.clear {
	clear:both;
	}
.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  }