.clear { clear: both; }
img { border: 0; display: block; }
/* STYLING OF XHTML ELEMENTS */

body {
  margin: 0; padding: 0 0 30px 0;
  background: #C1CACF url("/images/body_bg.png") repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  color: #333;
}
h1, h2, h3, h4, h5, h6, h7 {
  font-family: Georgia, serif;
}
h1 {
  font-size: 1.3em;
}

pre {
  background-color: #eee;
  padding: 10px;
  overflow: auto;
}

a:link, a:visited, a:hover, a:active { color: #5555aa; }

/* top margin */
#header { height: 0; background: #fff; }

/* BRANDING */
#branding {
  position: relative; width: 710px; height: 80px; margin: 0 auto;
  background: url("/images/branding_bg.png") no-repeat;
}
#branding #logo {
  padding: 0px 20px; float: right; position: relative; top: 30px; left: -20px;
  margin: 0;
  background: url("/images/branding_logo.png") top right no-repeat;
  width: 200px; height: 40px;
  font-family: verdana, sans-serif; color: #555;
  text-transform: lowercase;
}

#branding #logo span { display: none; }

/* NAVIGATION */
#navigation {
  position: relative; width: 710px; margin: 0 auto; padding: 0;
  background: url("/images/content_bg.png");
}
#navigation ul {
  margin: 0; margin: 0 20px; padding: 0;
  list-style: none;
  height: 2em;
}
#navigation li {
  display: inline;
}
#navigation a {
  float: left; position: relative; top: 7px; _top: 10px; left: 0px;
  padding: 0; margin: 0 10px; line-height: 2em;
  color: #000; text-decoration: none;
}
#navigation a:hover {
  border-bottom: 3px solid #ccc;
}
#navigation li.current a,
#navigation li.current a:hover {	
  font-weight: bold; color: #F09B16;
  border-bottom: 3px solid #F09B16;
}

#intermezzo {
  width: 710px; height: 40px; margin: 0 auto;
  background: url("/images/navbar_inter.png");
}

/* BELOW THE BRANDING / NAVIGATION: */
#container {
  width: 710px; margin: 0 auto;
  background: url("/images/content_bg.png");
}

/* SIDEBAR */

/* CONTENT */
#content {
  padding: 1px 30px;
  line-height: 1.6em;
}

th { text-align: left; }
.pane { border: 1px dotted #aaa; background-color: #eee; margin: 1em 0; padding: 10px; }
tr.alt { background: #eee; }

/* Thumbnails */
.thumb {
  float: left;
  width: 136px;
  padding-top: 1em;
}

.thumb a {
  float: left;
  margin: 0 4px 4px 0;
  position: relative;
  width: 62px;
  height: 56px;
  line-height: 50px;

  border: 1px solid #eee;
  background: #fafafa;
}

.thumb a:hover { 
  border: 1px solid #ddd;
  background-color: #ffffb9;
}

.thumb img {
  margin: 0 auto;
}

.error { 
  border: 1px dotted red;
  background-color: light-red;
}

/* Large painting */
.large {
  float: right; position: relative; 
}

.large img {
  padding: 25px;
  border: 1px solid #eee;
  background: #fafafa;
  margin: 1em 0 0 0;
}

.large h2 {
  text-align: center;
  margin: 0; padding: 0;
  font-size: small;
  font-weight: normal;
  font-family: verdana, helvetica, arial, sans-serif;
}

.meta {
  float: right;
  width: 200px;
  background-color: #eee;
  border: 1px solid #ddd;
  margin: 0 0 1em 1em; padding: 5px;
}
.meta p { margin: 0; }
.comment { padding-top: 1em; clear: right; margin-left: 154px; }

/* COPYRIGHT */
#copyright {
  position: relative; width: 710px; height: 30px; margin: 0 auto;
  background: url("/images/copyright_bg.png") no-repeat;
  font-size: smaller; color: #888; text-align: center;
  line-height: 2em;
}
#copyright .inner { padding: 5px 20px; }
#copyright a { color: #888; }