html {
  overflow-x:hidden;
  /* defaults, to save repitition */
}

body {
  padding:0;
  margin:0;
}

h1,div,a,img,ul,li {
  border-style:solid;
  border-width:0;
}

h1 {
  border-bottom-width:1px;
}

h2 {
  margin:0 1em 0.5em 1em;
}

h3 {
  margin:0.5em 0 0.1em 2em;
}

#logo {
  margin:0;
  border-width:0 0 2px 0;
  height:5em;
  display:block;
}

#logo h1 {
  display:none;
}

#menu {
  display:block;
  float:right;

  padding-right:1em;;
  margin:-5.15em 0 0 0;

  list-style:none;
  height:5em;
}

#menu li {
  float:left;
  width:6.3em;
}

#menu a {
  display:block;
  border-width:1px;
  margin:1.3em 0.25em;
  padding:0.5em;
}

#galmenu {
  position:absolute;
  top:7.2em;
  left:0em;
  width: 15em;
  padding:1em;
  margin:0;
  border-width:1px 1px 2px 1px;
  
  z-index:9;
}

#galmenu h1 {
  margin:0 0 0.5em 0;
  padding:0;
}

#galmenu ul {
  width:100%;
}

* html #galmenu ul {
  width: auto;
}

#galmenu ul {
  padding-left:1em;
  margin-left:0;
  margin-bottom:0.75em;
}

* html #galmenu ul {
  padding-left:0;
  margin-left:1em;
}

#galmenu li {
  margin-bottom:0.3em;
  list-style:none;
  margin-right: 0 !important;
  width: 110%;
}

#galmenu li.sublist {
  margin-top:1em;
}

* html #galmenu li {
  width:auto;
}

#galmenu li li {
  margin-top:0;
  margin-bottom:0.25em;
}

#currentgal {
  border-width:1px;
  padding:4px !important;
  margin-left:-5px;
  width:88% !important;
}

.ic {
  padding-left:0.5em;
}

#main,#gal,#imagemain {
  border-width:0 1px 1px 1px;
  border-style:solid;
}

#main {
  margin:1em 15%;
  padding:1em;
}

#gal {
  /*position:relative;*/
  margin:1em 1em 1em 20.5em;
  padding:1em;

  /*z-index:1;*/

  overflow:visible;
}

#imagemain {
  border:0;

  position:relative;
  left:50%;

  margin:1em 0 1em -350px;
  width:700px;
}

* html #imagemain {
  position:absolute;
}

#main h1 {
  margin:0.625em 0em 0em 0em;  /* margins must be 1.5× less than paragraphs', since text is 1.5× bigger */
  padding:0 0 0 0;
}

h1#first { /* ideally I'd use "#content>h1" here but IE Windows doesn't support it :@ */
  padding:0.5em 0.625em 0.4em 1em;
  margin:-0.625em -0.625em 0.625em -0.625em;
}

#gal h1#first {
  margin:-0.625em -0.625em 0.625em -0.625em;
}

#imagemain h1#first {
  margin:0;
  border-right-width:1px;
}

#prevnext {
  float: right;
  margin-top: -2.8em;
  margin-right: 2em;
}

/* for some reason IE makes the right margin twice as big as other browsers */
* html #prevnext {
  margin-right: 1em;
}

#prevnext div {
  float: left;
}

#pn_next {
  margin-left:1em;
  border-left-width:1px;
  padding-left: 1em;
}

#prevthumb,#nextthumb {
  float:left;
  display: block;
  width:2.5em;
  height:2.5em;
  border-width:1px;
  border-style:solid;
  margin-top:-0.25em;
}

#prevthumb {
  margin-right: 1em;
}

#nextthumb {
  margin-left: 1em;
}

div.articleillus {
  margin-bottom:1em;
}

div.articleillus img {
  border-width:1px;
  padding:4px;
  margin-top: 0;
  margin-bottom:0.25em;
}

div#footer {
  position:relative;

  min-height:15px;
  margin:0 -9px -1px -9px;

  padding:1em;
  clear:both;
}

#footer img {
  vertical-align:-4px;
}

#main #footer {
  margin:0 -1px -1px -1px;
}

#imagemain #footer {
  margin:-2px 0 0 0;
}

ul.tree li {
  margin-bottom:0.7em;
}

ul.tree li li {  /* sub-items */
  margin-bottom:0.2em;
}

.illus {
  float:right;
  margin:1em;
  padding:3px;
  border-width:1px;
}

p {
  margin:0 1em 1em 1em;
}

div#main li {
  margin-bottom:1em;
}

#imageborders p {
  margin:0 20px 1em 20px;
  padding:0;
}

a.thumb {
  position:relative;
  float:left;
  display:block;
  border-width:1px;

  height:122px;

  margin:0.25em 1em 1em 1em;
  padding:1px 1px 2em 1px;

  overflow:visible;
  z-index:3;
}

* html a.thumb {
  right:16px;
}

* html a.thumb {
  overflow:hidden;
  o\verflow:hidden;
}

.thumb img {
  border:0;
}

img.displayimage {
  padding:4px;
  border-width:1px;
  margin:1em 0;
}

#firstitem {
  padding-left:32px;
}

#prevfavs {
  margin-bottom:0;
}

#comments p {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 0.5em 0;
}

#comments,#commentbox {
  margin: 0 1em 1em 1em;
}