/* Style sheet for Helge's Notebook                                         */
/* Layout developed in March 2005                                           */

@media screen, projection {

.be-nice-to-Mac-IE5 {
font-family: "\"}\"";
font-family: inherit;
}

/* -- GENERAL REDECLARATIONS ---------------------------------------- */

* {margin:0; padding:0;}

body {	padding: 0 300px 0 300px; margin: 0; text-align: center; background: #c6c663; }
/* body {	background: url(bg.jpg) ; } */

body, tr, td, input, select, textarea { font:normal small/1.3 Verdana, Arial, Helvetica, sans-serif; } 

a[href^="http:"] { background: url(external.png) right center no-repeat; padding-right: 12px;}
a:link { text-decoration:underline; color: black; }
a:hover { color: blue; }
a:visited {color: #400040; background: url(visited.png) right center no-repeat; padding-right: 12px; }

ul, ol {margin:0 0 1em 2em;}

dl {margin:0 0 1em;}
dt {font-weight:bold;}
dd {margin:0 0 .5em 1em;}
dd p {margin: 0 0 15px 0; }

p {margin:0 0 15px;}

h1 {font-size:large; margin:0 0 12px;}
h2 {font-size:medium; margin:8px 0;}
h3 {font-size:small; margin:6px 0 5px;}
h4 {font-size:x-small; margin:4px 0;}
h5 {font-size:xx-small; margin:3px 0;}
h6 {font-size:xx-small; margin:0;}

table { border-collapse: collapse; } 
tr { display: table-row; padding: 15px; }
td { vertical-align: top; padding: 15px; }
td p { padding: 0 0 15px 0; margin: 0; }

hr {display:none;}

img {border:none;}

textarea { background: #e6e673 url(bgyel01.gif) right top no-repeat; }
input { background: #e6e673 url(bgyel01.gif) right center no-repeat; }
input:focus, textarea:focus { background: #f6f693; }

/*p img { vertical-align: top; height: 1em; }*/
p img { vertical-align: top; }

acronym {border-bottom: 1px dotted;}

blockquote {margin:0 2em 2em 2em; padding: 4px; font-style:italic; border: ridge #c6c663 3px; }

/* -- ID'S ---------------------------------------- */

/* #sizer, #expander, #wrapper, #nav, #content, #sidebar { background: #c6c663; opacity: 0.9; } */
#sizer              { margin: 0 auto 0 auto; width: 50%; max-width: 300px; }
#expander        { margin: 0 -300px 0 -300px; min-width: 600px; position: relative; }
#wrapper         { width: 100%; text-align: left; } 

#header     { background: #c2c231 url(header-bottom.jpg) bottom repeat-x; padding: 10px 10px 0 10px; }
#header h1 { font-size: 400%; font-weight: normal; color: #0015e2; position: relative; 
           font-family: "BernhardMod BT", "Times New Roman", serif; display: block; }
#header h2 { font-size: 500%; font-weight: normal; color: #5a5a5a; position: relative; 
           margin: -.9em 0 0 .2em; font-family: "BernhardMod BT", "Times New Roman", serif; display: block; }
#header h3 { font-size: 180%; font-weight: normal; color: #0015e2; float: left; 
           font-family: "BernhardMod BT", "Times New Roman", serif; margin: -0.25em 0 0 0; 
           position: absolute; }
#header h4 { font-size: 200%; font-weight: normal; color: #5a5a5a; float: left; 
           margin: 0.2em 0 0 .25em; font-family: "BernhardMod BT", "Times New Roman", serif; 
           position: absolute; }
#header p  { width: 60%; font-size: 120%; position: relative; margin: 1em 1em 1em 20%; }

#nav           { width: 20%; float: left; }
#nav ul       { list-style-type: none; margin: 1em 0 1em 0; font-size: 120%; }
#nav ul ul    { margin: 0 0 0 1em; font-size: 90% }
#nav a        { color: black; }
#nav a:hover { color: blue; }
#here  a, #here a:hover, #here a:active, #here a:visited  { color: #5a5a5a; text-decoration: none; cursor: text; }

#search    { text-align: left; width: 75%; }
#search input { width: 100%; margin: 4px; }
#search a { background: #636331; color: #c6c663; padding: 4px; display: block; width: 5em; 
           text-align: center; border-top: solid #e6e673 2px; border-left: solid #e6e673 2px; 
           border-bottom: solid #313118 2px; border-right: solid #313118 2px; text-decoration: none; 
           margin-left: auto; margin-right: auto; font-weight: bold; }
#search a:hover { background: #737336; color: #c6c663; }
#search a:active { border-top: solid #313118 2px; border-left: solid #313118 2px; 
           border-bottom: solid #e6e673 2px; border-right: solid #e6e673 2px; 
           padding: 4px 2px 4px 6px; }

#content { width: 52%; float: left; padding-top: 1em; }
/*#content > p:first-letter { float: left; font-size: 300%; margin: -.17em .1em -.2em 0; vertical-align: top; }
#content > p + p:first-letter { float: none; font-size: 100%; }*/
a#more        { font-weight: bold; font-style: italic; color: black; }
a#more:hover { color: blue; }

#sidebar { margin-top: 15px; width: 25%; float: right; border: ridge 3px #c6c663; }
#sidebar h1, p, img { padding: 4px; }
#sidebar h1 { color: #0015e2; border-bottom: groove 3px #c6c663; padding-bottom: 10px; 
           font-size: 180%; font-weight: normal; font-family: "BernhardMod BT", "Times New Roman", serif; }
/*
-- email form
*/
form#email { border: solid black 1px; padding: 4px;  
            background: #E9E9CD url(curl.jpg) no-repeat bottom right; }
#email h1 { background: #c2c231; color: #5a5a5a; font-family: "BernhardMod BT", "Times New Roman", serif; text-align:center; padding: .5em; }
#email label { width: 30%; text-align: right; float: left; padding: .2em .5em; clear: both; }
#email input { width: 60%; margin: .2em; }
#email textarea { width: 60%; height: 5em; margin: .2em; }
#email input[type="submit"], input[type="reset"] { border-top: solid #e6e673 2px; border-left: solid #e6e673 2px; 
           border-bottom: solid #313118 2px; border-right: solid #313118 2px; 
           background: #636331; color: #c6c663; padding: 4px; width: 30%; text-align: center; 
           margin: 4px 35% 4px 35%; font-weight: bold; }
#email input[type="reset"] { border-top: solid #e6e673 2px; border-left: solid #e6e673 2px; 
           border-bottom: solid #313118 2px; border-right: solid #313118 2px; 
           background: #636331; color: #c6c663; padding: 4px; width: 30%; text-align: center; 
           margin: 4px 35% 4px 35%; font-weight: bold; }
#email input[type="submit"]:hover { background: #737336; color: #c6c663; }
#email input[type="reset"]:hover { background: #737336; color: #c6c663; }
#email input[type="submit"]:active { border-top: solid #313118 2px; border-left: solid #313118 2px; 
           border-bottom: solid #e6e673 2px; border-right: solid #e6e673 2px; 
           padding: 4px 2px 4px 6px; }
#email input[type="reset"]:active { border-top: solid #313118 2px; border-left: solid #313118 2px; 
           border-bottom: solid #e6e673 2px; border-right: solid #e6e673 2px; 
           padding: 4px 2px 4px 6px; }
/*
-- Sitemap
*/
ul#sitemap, ul#sitemap ul { list-style: none; margin-top: 0; margin-bottom: 0; }
ul#sitemap li > ul { display: none; }
ul#sitemap li:hover > ul { display: block; }
ul#sitemap a { text-decoration: none; }
ul#sitemap a[href="#"], ul#sitemap a[href="#"]:hover, 
ul#sitemap a[href="#"]:active, ul#sitemap a[href="#"]:visited { font-weight: bolder; font-size: 130%; color: black; background: none; }
ul#sitemap a[href="#"]:hover { color: blue; }
/* Holly Hacks \*/ 
* html #sizer, 
* html #expander { height: 0; } 
/* */

/*-- Classes ---------------------------------------------------------------------------------*/

.printOnly { display: none; }
.bookplate { border: solid black 1px; padding: 4px; float: left; margin-right: 10px; width: 50%; 
            background: #E9E9CD url(curl.jpg) no-repeat bottom right; }
.portrait { border: solid black 1px; padding: 4px; float: left; margin-right: 25px; 
            background: #E9E9CD; }
dl.bookplate + blockquote { margin-top: 4em; }
em.tm:after { content: "TM"; font-size: 60%; vertical-align: top; }
.booktitle { font-weight: bold; }
.attention { color: red; }
.authors .genre { list-style-type: none; margin: 1.5em 0 0.5em 0; font-size: 120%; font-weight: bold; }
.authors .deceased { border: solid black 2px; }
.code { margin: 1em 0 1em 2em; font-family: "Courier New", monospace; }
/*
-- thumbnails is used to create a list of immage thumbnails in the sidebar
*/
.thumbnails { list-style-type: none; text-align: center; margin: 0; }
/*
-- pic_on_xxx is used to alternate pictures  with commentary down a page.
*/
.pic_on_left { clear: both; }
.pic_on_left img { float: left; margin: 0 2em 2em 0; }
.pic_on_right { clear: both; }
.pic_on_right img { float: right; margin: 0 0 2em 2em; }
/*
-- footnotes are set up to give a 2em leaderr for the number, which is name anchored
*/
.footnotes { list-style: none; }
.footnotes li { text-indent: -2em; margin-bottom: .5em; }
.footnotes li > a { display: block; float: left; }
/*
-- footnotes are set up to give a 2em leaderr for the number, which is name anchored
*/
dl.poem { list-style: none; }
.poem dt { font-weight: normal; }
.poem dt + dt + dd { margin: 0 1em; }
.poem dd + dd { margin: 0 1em; }
.poem hr { display: block; border: none; height: 1em; }
.poem dt:first-letter { font-size: 120%; font-weight: bold; }
.poem dt + dt:first-letter { font-size: 100%; font-weight: normal; }
.poem dd + dt:first-letter { font-size: 100%; font-weight: normal; }
ul.poem { font-style: normal; list-style: none; display: block; margin-left: auto; margin-right: auto; }
/*
-- history is used to list entries under a ttopic
*/
ul.history { }
.history li { margin: 0 0 .5em 0; }
/*
-- horizontal rule in celtic style
*/
hr.celtic { border: #0015e2 outset; display: block; margin: 1em auto 1em auto; background: url(duanehr.jpg) no-repeat center; width: 250px; height: 56px;}
/*
-- news
*/
.news { }
.news td h1 { text-align: center; }
/*.news tr:after { content: "<tr><td><hr class='celtic'></td></tr>"; }*/
.news tr { border: black solid 1px; }
.news tr:hover { background: #e6e673; }
/*
-- picture is used to position an image, preeceded or followed by one or more lines of captioning
*/
dl.picture { }
.picture li { list-style: none; text-align: center; }
.picture img { padding: 2px; border: solid black 2px; }
}

@media print {

table { border-collapse: collapse; } 
tr { display: table-row; padding: 15px; }
td { vertical-align: top; padding: 15px; }
td p { padding: 0 0 15px 0; margin: 0; }

a:link:after, a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
html.noted a:link:after, html.noted a:visited:after { content: ''; }
blockquote { font-style:italic; }
.poem { list-style: none; }

#nav           { display: none; }
#header h1 { display: inline; font-size: 120%; }
#header h2 { display: inline; font-size: 120%; }
#header h3 { display: inline; font-size: 130%; }
#header h4 { display: inline; font-size: 130%; }

#email label { width: 30%; text-align: right; float: left; padding: .2em .5em; clear: both; }
#email input { width: 60%; margin: .2em; }
#email textarea { width: 60%; height: 5em; margin: .2em; }
#email input[type="submit"], input[type="reset"] { font-weight: bold; }

}