body {
  height: 100%;
  font-size: 62.5%; /* 1.0em equals 10px */ 
  font-family: Arial, Helvetica, sans-serif;
  color: #000000; /* black */
  margin: 0;
  padding: 0;
  background-color: #e7e8e9; /* lt_gray */
/*
  background-image: url(images/gradient.gif);
  background-repeat: repeat-y;
  background-position: center top;
*/
}
p {
  margin: 7px 0;
  padding: 0;
}
p, li, dt, dd, td, th {
  font-size: 1.1em;
  line-height: 1.4em;
}
p li, p dt, p dd, p td, p th,
li p, li li, li dt, li dd, li td, li th,
td td, td th, th td, th th {
  font-size: 1.0em; /* prevents growing */
}
a {
  text-decoration: none;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: #80a3b7; /* lt_blue */
}

a:hover,
a:active {
  text-decoration: underline;
}
a img, a:link img {
  border: none;
}
h1 {
  border-bottom: 2px solid #bfbfbf; /* gray */
  padding: 0 0 7px 0;
  margin: 12px 0;
  font-size: 1.6em;
  line-height: 1.2em;
  text-transform: uppercase;
}
h2 {
  border-bottom: 2px solid #bfbfbf; /* gray */
  padding: 0 0 7px 0;
  margin: 12px 0;
  font-size: 1.6em;
  line-height: 1.2em;
}
.h2like {
  padding: 0 0 7px 0;
  margin: 12px 0;
  font-size: 1.6em;
  line-height: 1.2em;
}
.b1 {
  padding: 0 0 7px 0;
  margin: 12px 0;
  font-size: 6em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.b2 {
  padding: 0 0 7px 0;
  margin: 12px 0;
  font-size: 10em;
  line-height: 1.2em;
  text-transform: uppercase;
}


#skin-loader {
	background: url(images/skin-loader.gif) center center no-repeat;
	display:block;
    position:absolute;
    top:0;
    left:0;
    /*width:100%;
    height:100%;*/
}

#skin-wrapper {
	display: none;
}

#banner {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 5px;
	background: white;
	border: 1px solid #e3e3e3;
}

#banner img {
	display: block;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#banner,
	#github-ribbon {
		display: none;
	}
}

/* GALLERIA */

.galleria-counter {
  display:none;
}
    .galleria-slides-flipper-left {
      left: 0;
      background: url(images/left-stage-flipper.png) no-repeat left center;
    }
    .galleria-slides-flipper-right {
      right: 0;
      background: url(images/right-stage-flipper.png) no-repeat right center;
    }




    div#content-wrapper {
      float: left;
      width: 960px;
    }
      div#content {
        margin: 0 115px 0 212px;
      }
        div#body { /* width 581px */
          padding: 0 52px 90px 0;
        }

    div#sidebar {
      float: left;
      width: 162px;
      margin-left: -940px;
    }
      ul#nav {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
      }
      ul#nav li {
        padding: 6px 0;
        margin: 0;
        list-style: none;
        width: 110px;
        line-height: 1.0em;
      }
      ul#nav li a {
        display: block;
        padding: 1px 10px;
        border: 1px solid #bfd1db; /* alt_lt_blue */
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
      }
      ul#nav li a:link,
      ul#nav li a:visited,
      ul#nav li a:hover,
      ul#nav li a:active {
        text-decoration: none;
        background-color: #80a3b7; /* lt_blue */
        color: #ffffff; /* white */
      }
      ul#nav li a:hover,
      ul#nav li a:active {
        background-color: #000000; /* black */
        border-color: #3f3f3f; /* alt_black */
      }
      ul#nav li.current {
        margin-left: 10px;
      }
      ul#nav li.current a {
        background-color: #000000; /* black */
        border-color: #3f3f3f; /* alt_black */
      }



    div#footer {
      clear: both;
      width: 920px;
      background-color: #ffffff; /* white */
      padding: 0 20px 18px;
    }
    div#footer p {
      text-align: center;
      color: #80a3b7; /* lt_blue */
      text-transform: uppercase;
      margin: 0;
    }
