/*********************************************
*                                            *
* Book                                       *
*                                            *
*********************************************/

#book { position: absolute; top: 38px; left: 132px; width: 408px; z-index: 20; }
#book .book1 { position: absolute; top: 0; left: 0; }
#book .book2 { position: absolute; top: 9px; left: 0; }
#book .book3 { position: absolute; top: 9px; left: 13px; }
#book .book4 { position: absolute; top: 9px; left: 378px; }
#book .book5 { position: absolute; top: 561px; left: 13px; }

#book #strandBadge { position: absolute; top: -20px; left: -40px; border: 0; }

/* #book .navDivider { position: absolute; top: 205px; left: 229px; z-index: 100; } */

/*********************************************
*                                            *
* Bookmark                                   *
*                                            *
*********************************************/

#bookmark { position: absolute; top: -20px; left: 494px; width: 408px; z-index: 20; }
#bookmark .bookmark1 { position: absolute; top: 0; left: 0; }
#bookmark .bookmark2 { position: absolute; top: 144px; left: 30px; }
#bookmark .bookmark3 { position: absolute; top: 580px; left: 30px; }
#bookmark .bookmark4 { position: absolute; top: 126px; left: 157px; }
#bookmark .bookmark5 { position: absolute; z-index: 100; top: 154px; left: 40px; width: 104px; text-align: left; }

#bookmark ul { margin: 10px 0 0 0; list-style-type: none; padding: 0; }
#bookmark li { border: 1px dotted #bbb; font-size: 1em; font-weight: bold; margin: 3px 0 0 0; padding: 0; text-align: center;}
#bookmark a { color: #64262C; display: block; }
#bookmark a:hover { background-color: #64262C; color: #fff; }

#bookmark h1 { font-size: 1.1em; margin: 0 0 0 2px; }
#bookmark h2 { font-size: .8em; }

#bookmark #blogEntryContainer p { border: 1px dotted #bbb; line-height: 1.15em; padding: 2px; margin: 3px 0; }
#bookmark #blogEntryContainer a { color: #64262C; display: inline; }
#bookmark #blogEntryContainer a:hover { background-color: #64262C; color: #fff; }
#bookmark #blogEntryContainer h1 { background-color:#d3cbbe; border: dotted #bbb; border-width: 1px 1px 0 1px; font-size: 1em; padding: 4px 2px; text-align: center; margin: 6px 0 -3px 0; }

#bookmark .dateline { color: #666; font-size: .9em; }
#bookmark .title { font-weight: bold; }

#bookmark fieldset { background-color: #64262C; width: 96px; margin: 0; padding: 2px; text-align: center; border: 1px solid #999; }
#bookmark legend { background-color: #eee; border: 1px solid #64262C; text-align: center; font-weight: bold; }
#bookmark input { width: 86px; margin: 0 0 2px 0; padding: 0; border: 1px solid #999; background: #ccba89; }
#bookmark .user { background: #eee; }

/*********************************************
*                                            *
* Footer                                     *
*                                            *
*********************************************/

#footer { border: solid black; border-width: 1px 0 0 0; color: color: #333; font-size: 9px; font-style: italic; padding: .5em 0 0 0; text-align: center; }
#footer a { font-weight: normal; font-size: 9px; }
#footer a:link { color: #333; font-size: 9px; font-weight: normal; }
#footer a:visited { color: #333; font-size: 9px; font-weight: normal; }
#footer a:hover { background-color: #684541; color: #fbfffe; font-size: 9px; font-weight: normal; }

/*********************************************
*                                            *
* Homepage navigation                        *
*                                            *
*********************************************/

#navAgon { position: absolute; top: 210px; left: 80px; width: 260px; height: 272px; z-index: 100; text-align: left; }
#navAgon p { color: #ccba89; line-height: 1.5em; margin: 0 0 12px 0; position: relative; }
#navAgon h1 { margin: 0 0 .3em 0; line-height: 1.1em; color: #ccba89; font-family: Georgia, Times "Times New Roman", serif; font-size: 1.8em; font-weight: normal; }
#navAgon h2 { margin: 0; line-height: 1.1em; color: #ccba89; font-size: 1em; font-weight: normal; text-align: center; }
#navAgon a { font-size: 1.3em; font-weight: bold; color: #ccba89; }
#navAgon a:hover { background: #ccba89; color: #000; }

.dateline { font-style: italic; font-size: .8em; }

#itemsOfNote { text-align: left; }
#itemsOfNote img { margin: 0 0 8px 0; }

#navStd { text-align: left; }
#navStd img { margin: 0 0 8px 0; }

/*********************************************
*                                            *
* Longtail                                   *
*                                            *
*********************************************/

#longtail { background: url(../images/home/longtailBg.jpg); border: 2px solid #64262c; left: 144px; margin: 0 0 20px 0; position: absolute; top: 628px; width: 503px; z-index: 100; }
#longtail #colLeft { float: left; margin: 10px 0 20px 10px; width: 220px; }
#longtail #colRight { float: right; margin: 10px 10px 20px 0; width: 220px; }

#longtail ul { margin: 0 0 0 1.4em; padding: 0; list-style: square; }
#longtail li { margin: 0 0 .5em 0; }
#longtail a { font-size: 1.3em; font-weight: bold; color: #64262C; }
#longtail a:hover { background: #ccba89; color: #000; }

#longtail #adBox { border: 1px dotted #888; margin: 2em 0 0 0; padding: 0 0 1em 0; text-align: center; }