/* reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, legend { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* base */
html, body { background-image:url(../images/canvas.png); color: #333; }
body, input { font: 12px Arial, Helvetica, clean, sans-serif; }
h1 { color: #6D5C44; font-size: 18px; line-height: 24px; padding-bottom: 10px; }
h2 { color: #6D5C44; font-size: 16px; line-height: 18px; padding-bottom: 18px; }
h3 { color: #6D5C44; font-size: 14px; line-height: 18px; padding-bottom: 18px; font-weight: bold; }
p { line-height: 18px; padding-bottom: 16px; }
a { color: #6D5C44; }
b, strong { color:#6D5C44; font-weight: bold; }
ul, ol, dl { margin: 12px 16px; }
ul li { list-style: square outside; }
ol li { list-style: decimal outside; }
li { line-height: 18px; }
/* structure */
.viewport { margin: 0 auto; width: 980px; position: relative; }
#hd { height:20px; margin-top:40px; }
#logo { background-color:#FFF; margin: 0 200px; padding:0 18px; }
#logo img { position:absolute; right:218px; }
#bd { background-color:#FFF; margin: 0 200px; padding:18px; }
#ft { color:#FFF; }
#cp { color:#FFF; font-size:10px; margin: 0 200px; padding:18px; }
#cp a { color:#FFF; }
#doro-dahl { float: left; margin: 0 20px 20px 0; }
#books { margin-top:20px; width:544px; }
#books img { cursor:pointer; display:block; float:left; margin:0 1px 1px 0; padding:0; }
#freeze { position: fixed; top: 0px; left: 0px; display: none; width: 100%; height: 100%; background-color: #000; z-index: 10000; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: .50; }
.popup { display:none; height: 600px; left: 50%; margin-left: -400px; margin-top: -300px; top: 50%; width: 800px; position: fixed; z-index: 20000; -moz-box-shadow: 0 0 25px 0 #000; -webkit-box-shadow: 0 0 25px 0 #000; box-shadow: 0 0 25px 0 #000; }
.popup .content { background-color:#FFF; padding:18px 18px 18px 218px; overflow-y:auto; height:564px; z-index: 20000;}
.popup img { float:left; margin-left:-200px; }
.closebox { background-image:url(../images/closebox.png); cursor:pointer; height:30px; position:absolute; right:-15px; top:-15px; width:30px; }
.clear { clear:both; }
.divider { border-top:dotted 1px #6D5C44; clear:both; margin: 0; padding: 0; }