body { margin: 0; padding: 0; font-size: 12px; font-family: "Trebuchet MS", arial, sans-serif; background: #322111 url(body.png) top left repeat-x; }
h1 { font-size: 180%; margin: 0 0 0 1em; padding: 0; font-variant: small-caps; line-height: 3em; }
h1 a { color: #fff; position: relative; }
h1 a:hover { color: #ff8; }
p.copyrights { position: absolute; top: 0; right: 1em; font-size: 90%; line-height: 6em; color: #ccc; font-weight: normal; font-style: italic; margin: 0; padding: 0; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; color: #ff8; }
li.s1 a { font-size: 280%; }
li.s2 a { font-size: 265%; }
li.s3 a { font-size: 250%; }
li.s4 a { font-size: 235%; }
li.s5 a { font-size: 220%; }
li.s6 a { font-size: 205%; }
li.s7 a { font-size: 190%; }
li.s8 a { font-size: 175%; }
li.s9 a { font-size: 160%; }
li.s10 a { font-size: 145%; }
li.s11 a { font-size: 130%; }
li.s12 a { font-size: 115%; }
li.s13 a { font-size: 100%; }

h3 { color: #888; font-size: 80%; padding: 0 1em; font-weight: normal; }

#path { background: #555 url(path.png) 0px -7px repeat-x; border-top: 1px solid #775; border-bottom: 1px solid #775; padding-left: 1em; height: 1.95em; position: relative; z-index: 10; }
#path * { margin: 0; padding: 0; }
#path li { float: left; list-style: none; }
#path h2 { font-weight: normal; color: #fff; font-size: 100%; }
#path h2 a, #path .select, #path h2 span { padding: 0 20px; font-size: 130%; line-height: 1.5em; position: relative; z-index: 30; display: block; }
#path h2 a { border-right: 1px solid #aaa; } 
#path .select { font-style: italic; display: block; color: #fff; }
#path li:hover h2 a, #path li:hover .select, #path li.menu-hover h2 a, #path li.menu-hover .select { background: #579; opacity: 0.9; filter: alpha(opacity=90); border: 2px outset #444; margin: -3px -1px -2px -2px; border-bottom: 0; padding-bottom: 3px; }
#path li ul { padding: 4px; display: none; position: absolute; margin: 0 0 0 -2px; z-index: 20; max-height: 32em; height: expression(this.scrollHeight > 300 ? "300px" : "auto"); overflow: auto; width: 30em; background: #579; opacity: 0.9; filter: alpha(opacity=90); border: 2px outset #444; }
#path li:hover ul, #path li.menu-hover ul { display: block; } 
#path li li a { margin: 2px 1em; }
#path li.contact { font-size: 130%; line-height: 130%; float: right; padding-right: 1em;  }

#thumbnails { width: 80%; margin: 2em auto; clear: both; }
/*
#thumbnails ul { margin: 0; list-style: none; padding: 0; width: 100%; clear: both; }
#thumbnails ul li { float: left; margin: 5px; text-align: center; padding: 0; }
#thumbnails ul a.thumb { display: block; width: 136px; height: 136px; border: 1px outset #aa5; padding: 1px; background: #888; text-align: center; vertical-align: middle; }
#thumbnails ul a.thumb:hover { background: #999; }
#thumbnails ul a.thumb img { opacity: 0.5; filter: alpha(opacity=50); padding: 2px; background-color: #282828; border: 2px inset #aa5; position: relative; top: 4px; }
#thumbnails ul a.thumb:hover img { opacity: 1; filter: alpha(opacity=100); background-color: #555;  }
*/

#thumbnails ul { display: table; margin: 2em auto; list-style: none; padding: 0; }
#thumbnails ul li { float: left; margin: 5px; text-align: center; }
#thumbnails ul a.thumb { display: block; width: 146px; height: 146px; border: 1px solid #553; border-color: #888 #555 #555 #888; background: #444; text-align: center; vertical-align: middle; }
#thumbnails ul a.thumb[href] { -o-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: table-cell; }
#thumbnails ul a.thumb:hover, #thumbnails ul a:active, #thumbnails ul a:focus { background: #555; }
#thumbnails ul a.thumb img { padding: 3px; background-color: #222; border: 1px solid #554; border-color: #666 #888 #888 #666; margin: 4px; }
#thumbnails ul a.thumb img[src] { -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


ul.pager { padding:2em; clear: both; width: 80%; margin: 0 auto 2em       ; }
ul.pager li { width: 33%; padding: 0; margin: 0; text-align: center; font-style: italic; float: left; color: #444; list-style: none; }
ul.pager a { color: #fff; font-style: normal; padding: 2em; font-size: 120%; }
ul.pager a:hover { color: #ff8; }

span#tags a { color: #000; font-style: italic; }
span#tags a:hover { color: #000; }
span#location a, span#location a:hover { color: #000; } 


#adv { background: #433222; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 1em; clear: both; margin-top: 3em; }
#adv * { font-size: 10px; color: #bbb; display: inline; margin: 0; padding: 0 1em 0 0; }
#adv h2 { font-size: 12px; } 

form#contact { width: 40em; margin: 1em auto; padding: 0; }
form#contact fieldset { border: 0; border-top: 1px solid #aa8; padding: 0 1em; }
form#contact legend { padding: 0 1em; font-size: 130%; font-variant: small-caps; color: #cca; }
form#contact label { display: block; color: #fff; margin-top: 1em; font-size: 130%; }
form#contact input.text { width: 13em; background: #ddd; border: 1px solid #888; font-family: "Trebuchet MS", arial, sans-serif;  font-size: 130%; margin: 1px; }
form#contact input.text:focus { background: #fff; border-style: inset; border-color: #ff0; border-width: 2px; margin: 0; }
form#contact textarea { width: 32em; background: #ddd; height: 12em; border: 1px solid #888; font-family: "Trebuchet MS", arial, sans-serif; font-size: 130%; margin: 1px; }
form#contact textarea:focus { background: #fff; border-style: inset; border-color: #ff0; border-width: 2px; margin: 0; }
form#contact input.submit { font-size: 130%; margin: 1em 0; border: 0; background: 0; color: #fff; cursor: pointer; padding: 0; display: inline; }
form#contact input.submit:hover { text-decoration: underline; color: #ff8; }
form#contact p { font-size: 130%; color: #fff; }