/*  Style sheet for Andrew James - Autobiography                         */
/*  Adapted and simplified from a design formerly used by Andrea Gandino */

@import url(reset.css);

/* !Utilities */

.h { position: absolute; left: -999em; }

/* !Global elements */

a { text-decoration: none; }
a:link, a:visited { color: #000; }
a:hover { color: #999780; }
a:active { color: #999780; }

h1 a { color: #fff; }

.text a, .more a { border-bottom: 1px solid; }
.main a:active { background: #000; }

body { font: normal 62.5%/1 Georgia, serif; background: url(images/bg.jpg); color: #000; }
#page { margin: 0 auto; max-width: 96em; }

.side { width: 30%; margin-right: 5%; text-align: right; }
.main .side, .article .side { width: 46.2%; }
.left { float: left; }
.outset { margin-left: -53.892%; }


/* !Bookmenu - left hand side bookmark */

#bookmenu       { float: left; width: 20%; background: #3c3c3c url(images/bookmark_l3.jpg) bottom center no-repeat;
                  color: #fff; text-align: center; padding-bottom: 100px; margin-left: 1%; }
#bookmenu .wrapper { display: block; padding-bottom: 12em; margin-right: 2em;padding-top: 1.071em; }
#bookmenu h1    { font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif;
                  font-size: 1.4em; text-transform: lowercase; font-variant: small-caps; 
                  line-height: 1.071; padding: 3em 0 2.071em 0; margin-bottom: 1.071em;                font-weight: normal; letter-spacing: .05em; text-align: center; }
#bookmenu p     { background: url(images/hsep.jpg) center -3px no-repeat; color: #888;               font-size: 1.2em; text-align: center; padding: 2em 1em 0 1em; }
#bookmenu h2    { position: absolute; left: -999em; }
#bookmenu ul    { margin: 3em 0; }
#bookmenu ul li { text-align: center; padding: 1em 0; margin-bottom: .5em; }
#bookmenu ul li.active { background: #9c0001 url(images/highlight.jpg) repeat-x;
                         box-shadow: #111 0px 3px 10px; -moz-box-shadow: #111 0px 3px 10px;
                         -webkit-box-shadow: #111 0px 3px 10px; }
#bookmenu ul li a { font-size: 1.5em; font-style: italic; line-height: 1; padding: 1em 0; 
                     font-weight: normal; font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif; }
#bookmenu ul li a span { color: #888; display: block; font-size: .833em; font-variant: small-caps; 
                         text-transform: lowercase; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; }
#bookmenu ul li.active a span { color: #DD9090; }
#bookmenu a { color: #fff; }
#bookmenu a span { color: #888; }


/* !Pagetop */

#content #pagetop { text-align: center; font-size: 1.2em; line-height: 1.5; margin-top: 4.89em; position: relative; }
#content #pagetop .pagenum { right: 0; position: absolute; }

/* !Content */

#content { float: right; width: 75%; background: url(images/bg3.jpg) right repeat-y; line-height: 1.5; }
#content { background: url(images/bg3_as.jpg) top right no-repeat, url(images/bg3.jpg) right repeat-y; }
#content .wrapper { background: url(images/bg2.jpg) left repeat-y; padding: 0 8em; overflow: hidden; }
#content .main { padding-left: 5%; }   /*  this was 35 in the original style   */

/* !Primary is the main part of the text  */ 

#primary .text .img_right { float: right; width: auto; margin-left: 10px; margin-right -10px}
figure, figcaption { display: block; font-style: italic; font-size: 90%; text-align: center; } 

#primary { font-size: 1.467em; clear: both; padding: 4em 0; background: url(images/hbar.gif) bottom repeat-x; }
#primary .text { text-align: justify; }
#primary .text h3, #primary .article .text h4 { font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif; border: none; padding-top: 0; padding-bottom: 0; text-shadow: none; padding-left: 0; text-align: center; margin-bottom: 1.5em; letter-spacing: .05em; text-transform: uppercase; font-weight: normal; }
#primary .text h3:before, #primary .article .text h4:before, #primary .text h3:after, #primary .article .text h4:after { content: ""; }

#primary .text  img { padding: 5px; border: none; }
#primary .text .img { position: relative; margin-bottom: 1.5em; display  : block; }
#primary .text .img p.caption { margin-bottom: 0; font-style: italic; text-align: center; padding: 6px; font-size: .857em; line-height: 1.466; }
#primary .text .img.left { margin-right: 1.5em; }
#primary .text .img img { display: block; }
#primary .text  img.left { position: relative; margin-bottom: 1.5em; margin-right: 1.5em; display: block; }

#primary .text ol, #primary .text ul { margin: 1.5em 0; }
#primary .text ol { list-style-type: lower-roman; }
#primary .text ul li { padding-left: 3%; margin-left: 5%; list-style-type: disc }
#primary .text p { margin-bottom: 1.5em; }

#primary .text p.hl { font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif; font-style: italic; font-size: 1.56em; text-align: center; margin-bottom: 0; }
#primary .text p.hl span { display: block; font-style: normal; font-variant: small-caps;  text-transform: lowercase; letter-spacing: -.05em; }
#primary .text p.hl span:first-of-type { font-size: 1.75em;  }
#primary .text p.hl em, body.about #primary .text p.hl strong { font-style: normal; text-transform: lowercase; font-variant: small-caps; text-shadow: 0px 0px 0px #000; }
#primary .text p:first-line { text-transform: none; font-variant: normal; text-shadow: none; }
#primary .text p:last-child { margin: 0; }
#primary .text > p .drop { background: url(images/drop.jpg) 0.15em bottom no-repeat; text-transform: uppercase; font-size: 4.2em; line-height: .75; margin-top: .15em; float: left; padding-right: .25em; }
#primary .text p:first-of-type:first-line { text-shadow: 0px 0px 0px #000; text-transform: lowercase; font-variant: small-caps; }

/* !Foot */

#foot   { clear: right; float: right; width: 75%; position: relative; background: url(images/footer1a.jpg) bottom left no-repeat; }
#foot p { text-align: center; padding: 6em 6.667em; font-size: 1.2em; background: url(images/bg3_e.jpg) bottom right no-repeat; }