body {
    margin : 0; padding : 0;
    font-family : Verdana, sans-serif;
    background : url(../images/bg.gif) #eee;
}

img { border : 0; }
form { margin : 0; }

h1 { font-size : 22px; font-family : Trebuchet MS, verdana, sans-serif; line-height : 28px; margin : 0; clear : both; }
h2 { font-size : 19px; font-family : Trebuchet MS, verdana, sans-serif; line-height : 24px; margin : 0; clear : both; }
h3 { font-size : 16px; font-family : Trebuchet MS, verdana, sans-serif; line-height : 20px; margin : 0; clear : both; }
h4 { font-size : 14px; font-family : Trebuchet MS, verdana, sans-serif; line-height : 18px; margin : 0; clear : both; }

a { color : #0180ff; }
a:hover { background : #0180ff; color : #fff; text-decoration : none; }

#page { width : 900px; margin : auto; border : 1px solid #000; }

#container { background : url(../images/content-bg.gif) no-repeat bottom right #fff; float : left; width : 100%; padding : 10px 0; }

#content { width : 620px; margin-left : 10px; float : left; font-size : 12px; line-height : 20px; }
#content ul { list-style : square; }

#meta    { width : 240px; margin-left : 20px; float : left; }

#book-info { background : #f7f7f7; border : 1px dashed #bbb; padding : 5px; text-align : center; }
#book-info iframe { width : 120px; height : 218px; margin : 0 auto; }

#back-cover { border-top : 1px solid #e7e7e7; margin-top : 10px; padding-top : 10px; font-size : 11px; line-height : 15px; text-align : justify; }
#back-cover .byline { font-style : italic; }

#header { background : url(../images/header.gif) no-repeat right top #000; margin : 0; padding : 25px 0; border-bottom : 1px solid #000; }
#header h1 { font-size : 30px; line-height : 30px; margin : 0; color : #ffc424; padding-left : 10px; font-family : Trebuchet MS, Verdana, Sans-Serif; }
#header #tagline { color : #fff; font-style : italic; font-family : Georgia, serif; font-size : 12px; font-weight : bold; padding-left : 10px; margin-top : 5px; }

#footer { background : url(../images/footer.gif) no-repeat right top #ffc424; border-top : 3px solid #000; min-height : 45px; padding : 10px; font-size : 10px; clear : both; }
#footer a { font-weight : bold; color : #000; text-decoration : none; }
#footer a:hover { text-decoration : underline; }
#recite { background : url(../images/footer-recite.gif) no-repeat left center; padding-left : 16px; line-height : 20px; display : block; margin-top : 5px; }

#nav { text-align : center; border-bottom : 1px solid #eee; border-top : 1px solid #eee; margin-bottom : 15px; }
#nav ul { list-style : none; margin : 10px 0; padding : 0; }
#nav li { display : inline; padding : 5px 0px; margin : 0; }
#nav a { font-size : 12px; text-decoration : none; font-weight : bold; padding : 5px 15px; color : #000; }
#nav a:hover { color : #000; background : #ffc424; }
#nav .active a { background : #000; color : #ffc424; }

div.error { background : #ffdcdc; padding : 5px; margin : 5px 0; color : #be0000; border : 1px solid #be0000; }
fieldset { border : 1px solid #0180ff; -moz-border-radius : 10px; padding : 4px 7px 9px 7px; margin : 0 2px; }
legend { font-size : 14px; font-family : Trebuchet MS, verdana, sans-serif; font-weight : bold; background : #fff; padding : 0 10px; }
form .row { margin : 10px 0; clear : both; }
form .row label { width : 100px; float : left; display : block; font-weight : bold; }
form .row input { width : 230px; }
form .row textarea { width : 350px; height : 120px; }
form .submit { padding : 5px; margin-top : 10px; background : #ebf5ff; -moz-border-radius : 10px; }
form fieldset .submit { padding-left : 100px; }
form fieldset .submit input { font-weight : bold; }

#sample a { display : block; background : url(../images/pdf.gif) no-repeat 5px center #f7f7f7; text-decoration : none; padding : 5px 5px 5px 43px; font-size : 14px; font-weight : bold; border : 1px dashed #bbb; margin : 5px 0; line-height : 40px; }
#sample a:hover { background-color : #f7f7f7; text-decoration : underline; color : #0180ff; }

code { font-weight : bold; color : #409700; }

div.code { padding : 5px; background : #f7f7f7; border : 1px dashed #bbb; margin : 10px 0; }