/* Layout v0.1 */
/* by Michael v.Vierssen */

#site {
  background-color:white;
}

#siteHeader {
  margin:0;
  padding:0;

  padding-top:25px;
  padding-bottom:20px;

  background-color:white;
}

#siteHeader a {
  border:none;
  background:none;
}

#siteHeader h1 {
  line-height:0; /* Let the image push the height */
}

#siteControl {
  color:#333;
  font-size:x-small;
  padding-right:0px;
}

#siteControl ul.links {
  display:inline;

  margin:0;
  padding:0;
  padding-left:10px;

  list-style:none;
  list-style-position:outside;
}

#siteControl ul.links li {
  list-style:none;
  display:inline;
  margin:0;
  padding:0;
}

#siteControl address {
  display:inline;
  margin:0;
  padding:0;
}

#siteNavigation {
  color:#333;
  font-size:x-small;
  margin-left:20px;
  margin-right:20px;

  padding-top:0.5em;
  padding-bottom:0.5em;

  /* Keep line height consistent across browsers as this container is horizontal */
  line-height:1em;

  border-top:1px solid #ddd;
}

#siteNavigation ul.links {
  display:inline;
  list-style:none;
  list-style-position:outside;

  margin-top:0;
  margin-bottom:0;

  padding-top:0;
  padding-bottom:0;

  float:left;
}

#siteNavigation ul.links li {
  margin:0;
  padding:0;

  margin-right:50px;

  display:inline;
  float:left;
}

#siteNavigation ul.links li a {
  font-weight:bold;
  background:none;
}

#sitePageHeader {
  margin:0;
  padding:0;

  padding-bottom:10px;

  background-color:white;
}

#sitePageNavigation ul.links {
  font-weight:normal;
  font-size:x-small;

  list-style:none;
  list-style-position:outside;
}

#sitePageNavigation ul.links a:hover {
  border:none;
  font-weight:bold;  
}

#sitePageNavigation ul.links ul {
  margin-left:0;
  padding-left:0;

  list-style:none;
  list-style-position:outside;
}

#sitePageNavigation ul.links ul a:hover {
  font-weight:normal;
}

#sitePageNavigation ul.links li {
  display:block;

  margin:0;
  padding:0;  

  margin-bottom:2em;
}

#sitePageNavigation ul.links ul li {
  display:block;

  margin:0;
  padding:0;  

  margin-bottom:0.5em;
}

#sitePageNavigation h2 {
  border:none;
  font-weight:bold;
  font-size:medium;

  /* Hiding for all browsers */
  display:none;
}

#sitePageNavigation h3 {
  border:none;
  font-weight:bold;
  font-size:small;
}

#sitePageNavigation h4 {
  border:none;
  font-weight:bold;
  font-size:small;
}

#siteFooter {
  position:relative;

  margin:0;
  padding:0;

  padding-top:10px;
  padding-bottom:10px;

  background-color:white;

  border-top:1px solid #ddd;
}

#siteDisclaimer {
  margin:0;
  padding:0;
  margin-left:20px;
  margin-right:20px;

  color:#999;
  text-align:center;
  font-size:xx-small;
}

#siteDisclaimer p {
  margin:0;
  padding:0;
}

#siteDisclaimer a {
  color:#999;
  border-color:#999;
}

/* Column trick */
#sitePageContent {
  padding-left:10px;
}

.column
{
  margin:0;
  padding:0;
  padding-top:1em;

  margin-right:10px;
  margin-bottom:10px;

  background:top left repeat-x url(images/site_bar.png);
  background-color:white;
}

#siteFooter {
  z-index:2;
  /* margin-top:-10px; */ /* Compensate column bottom margin */
}

.column
{
  border:1px solid #ddd;
}

/* Column items trick */
.items {
  padding:0;

  list-style:none;

  margin-top:-1em; /* Compensate item top margin */
  margin-bottom:0;

  padding-bottom:1em;
}

.items .item {
  float:left;

  margin:0;
  padding:0;

  padding-top:1em;
  padding-bottom:1em;

  margin-top:1em;
  margin-right:10px;

  background:top left repeat-x url(images/site_bar.png);
  background-color:white;
}

.gallery .item a {
  border:none;
  background:none;
}

.gallery .item img {
  display:block;
  margin:0;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  border:none;
}

.gallery .item img:hover {
  border:none;
}

.item
{
  border:1px solid #ddd;
}

/* Clear float trick */
#siteNavigation:after,
#sitePageNavigation:after,
#sitePageContent:after,
#siteMap:after,
.column:after,
.items:after,
.item:after
{
  content:"\0020"; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
  overflow:hidden;
}

/* Clear float fix for IE-mac */
#siteNavigation,
#sitePageNavigation,
#sitePageContent,
#siteMap,
.column,
.items,
.item
{
  display:inline-block;
}

/* Hides from IE-mac \*/
#siteNavigation,
#sitePageNavigation,
#sitePageContent,
#sitePageMap,
.column,
.items,
.item
{
  display:block;
}
/* End hide from IE-mac */

/* Has layout trick (for IE) */
#siteHeader,
#siteNavigation,
#sitePageHeader,
#sitePageNavigation,
#sitePageContent,
#siteMap,
#siteFooter,
.column,
.items,
.item
{
  _height:0;
  min-height:0;
}

/* Negative margin layout trick */
#sitePage {
  width:100%;
}

#siteMap {
  width:100%;
}

#siteHeader {
  position:relative;
}

#siteControl {
  position:absolute;
  text-align:right;
  bottom:15px;
  right:0;
}

#siteNavigation {
  position:relative;
}

#sitePageHeader {
  position:relative;
}

#sitePageNavigation {
  position:relative;
}

#sitePageContent {
  position:relative;
  width:auto;
}

#mainContent {
  position:relative;
  width:100%;
  float:left;
}

#subContent {
  position:relative;
  width:100%;
  float:left;
}

#siteFooter {
  position:relative;
}

/* Hide some components by default */
#siteNavigation {
  margin-left:0;
  margin-right:0;
  display:none;
}

#sitePageHeader {
  margin-left:0;
  margin-right:0;
  display:none;
}

#sitePageNavigation {
  margin-left:0;
  margin-right:0;
  display:none;
}

#subContent {
  margin-left:0;
  margin-right:0;
  display:none;
}