body{background:url(../images/bg.png) #AAA29F; font-family:verdana,arial,sans-serif; font-size:75%; line-height:1.7em; color:#2a2a2a}



/* typography*/

h1{margin:0 0 .5em 0; padding:0; font-size:2.0em; line-height:2.0em; letter-spacing:-1px; color:#000}

h2{margin:0 0 .5em 0; padding:0; font-size:1.2em; line-height:1.2em; letter-spacing:-1px; color:#000}

h3{margin:0 0 .4em 0; padding:0; font-size:1.0em; line-height:1.0em; letter-spacing:-1px; color:#000}

h4{margin:0 0 .5em 0; padding:0; font-size:1.2em; line-height:1.2em; letter-spacing:-1px; color:#000}

h5{margin:0 0 .5em 0; padding:0; font-size:1.1em; line-height:1em; letter-spacing:-1px; color:#000}

a{background-color:transparent; color:#900; text-decoration:none; }

a:hover{background-color:transparent; color:#900; text-decoration:underline}

p, cite, code, td{font-size:11px; padding-bottom:5px}



.right {float: right; text-align: right;}

.left {float: left; text-align: left;}



/*Mobile Detect*/



.mobile-detect {padding: 10px;}

.mobile-detect p  {font-size:30px; line-height:30px;}



/*wrappers*/

.content-wrapper-top{margin-top:20px; width:940px; height:9px; background:url(../images/top-grad.png) no-repeat}

.content-wrapper{background:url(../images/container-bg.png) repeat-y; padding:5px 14px}

.content-wrapper-bottom{width:940px; height:9px; background:url(../images/bottom-grad.png) no-repeat}

.header{background:url(../images/header-bg.png) repeat-x; height:139px; position:relative}



.header-overlay {height:139px; width:912px; position:absolute; z-index:20}



/*header*/

.header h1{margin:0; padding:30px 20px; font-size:3.0em; line-height:1.2em; letter-spacing:-1px; color:#FFF; background-color:transparent}

.header h1 a:hover{text-decoration:none}

.header h2{margin:0 0 .5em 0; padding:0 0 0 20px; font-size:1.4em; line-height:1em; letter-spacing:-1px; color:#BFB1B2}

.header .logo{position:absolute; background:url(../images/worm-176-165.png) no-repeat; /*background:url(../images/worm-176-167-hat.png) no-repeat; */width:176px; height:176px; top:-27px; right:-18px}

.header a{background-color:transparent; color:#FFF; text-decoration:none}

.header a:hover{background-color:transparent; color:#FFF; text-decoration:underline}



/*main nav*/

.main-nav{background:url(../images/nav-bg.png) repeat-x; height:55px}

.top-nav{margin:0; padding:0; font-weight:bold; font-size:1em; padding:0 0 0 10px; line-height:55px}

.top-nav li{display:inline; list-style-type:none; margin:0; padding:0; line-height:1.7em}

.top-nav a{padding:.4em .6em; margin:0; font-size:1.2em}

.top-nav a{color:#FFF; margin:1px; background-color:transparent; text-decoration:none}

.top-nav a:hover, top-nav a.active{color:#000; background-color:#FFF; margin:0; border:1px solid #000; text-decoration:none}

.top-nav .active{color:#000; background-color:#FFF; margin:0; border:1px solid #000; text-decoration:none}



/*side nav*/

.side-nav{/*background:#F0DEBF; */padding:10px 0px; position:relative}

.side-nav ul{margin:0 0 20px 0}

.side-nav li{list-style:none}

.side-nav a{display:block; background:url(../images/side-bar-bg.png) repeat-x; height:35px; padding-left:30px; line-height:35px; font-size:.9em; position:relative}

.side-nav a span{position:absolute; background:transparent url(../images/bullet.gif) no-repeat; top:13px; left:12px; height:10px; width:7px}

.side-nav a:hover, .side-nav a.selected{background-position:0 -35px}

.side-nav h4{margin:0px; background:url(../images/header-bg.png) repeat-x; height:35px; background-position:0 -93px; line-height:35px; color:#fff; padding-left:10px}



/*main content*/

.main-content{padding:10px; border-right:1px solid #bfbab2}

.breadcrumb, .breadcrumb-bottom{padding-top:5px; padding-bottom:10px}

.breadcrumb{margin-bottom:15px; border-bottom:1px solid #ddd}

.breadcrumb-bottom{border-top:1px solid #ddd; margin-top:15px}



.list-layout {margin: 0 0 15px 0;}



.list-view, .table-view {display: block; padding: 0 5px 0 24px;}



.list-view {background: url(../images/list-icon.png) left no-repeat; height: 20px; background-position: 0px -20px;}



.table-view {background: url(../images/table-icon.png) left no-repeat; height: 20px; background-position: 0px -20px;}



a.table-view:hover, .table-view.active, a.list-view:hover, .list-view.active {background-position: 0px 0px;}

.list-view.active,  .table-view.active {text-decoration:none;}



#booklist-grid .book-block p a {color: #000; font-size:1.0em;}



.book-image {width: 15%;}



.book-info {width:85%;}

.book-block {margin: 0 0 20px 0;}





table{width:100%}

.th_head{background:url(../images/nav-bg.png) repeat-x #0b5489; height:30px; line-height:30px; padding:0px 5px; border:1px solid #0b5489}

.th_head th{padding:0 5px; color:#fff; font-weight:bold}



tbody tr{border-left:1px solid #d6cbca; border-right:1px solid #d6cbca}

td{padding:5px; padding-top:10px; background:#fbf9f9 url(../images/tbl-bg.png) top repeat-x; border-bottom:1px solid #d6cbca}

.book_image{padding:5px; margin-bottom:20px; float:right}

.amazon_list hr{border:0; color:#C60; background-color:#C60; height:2px; margin:5px 0}

.amazon_list a{width:100px; display:block}

h2 .file_type{font-size:0.8em; font-style:italic}

.series h2 a, .series h1 a {color: #000;}

.series h2 a:hover, .series h1 a:hover {text-decoration: none;}



/*timeline*/



.timeline-wrapper {}

.timeline-arrow-top {background: url(../images/timeline-arrow-top.png) no-repeat; width: 691px; height: 12px; }

.timeline-arrow-content {background: url(../images/timeline-arrow-middle.png) repeat-y; width: 691px;}

.timeline-arrow-bottom {background: url(../images/timeline-arrow-bottom.png) no-repeat; width: 691px; height: 12px;}

.timeline-left, .timeline-right {width: 330px; padding: 10px 0;}

.timeline-left {float: left; text-align: right;}

.timeline-right {float: right;}

.timeline-left h3, .timeline-right h3 {display: block; position: relative;}

.timeline-left h3 {padding-right: 10px;}

.timeline-right h3 {padding-left: 10px;}

.timeline-left h3 span {position: absolute; top: 0px; right: -5px;}

.timeline-right h3 span {position: absolute; top: 0px; left: -5px;}





/*footer*/

.footer{background:#841F27; height:70px}

.footer p{margin:0; padding:10px; text-align:center; font-size:1em; line-height:1.4em; background-color:transparent; color:#BFB1B2}

.footer a{background-color:transparent; color:#FFF; text-decoration:none}

.footer a:hover{background-color:transparent; color:#FFF; text-decoration:underline}