html {
background: #ffffff;
	}

body {
background-color: transparent;
color: #444444;
font-family: telex, sans-serif;
	}

#site {
width: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
height: 100%;
	}

#site:before {
content: "";
height: 100%;
width: 30%;
background-color: #0f0f0f;
position: fixed;
	}

#site img {
max-width: 100%;
height: auto;
display: block;
	}

#site h1, #site h2, #site h3, #site h4, #site h5,#site  h6, .title {
font-family: Federo, sans-serif;
	}

.left {
float: left;
	}

.stationary {
width: 30%;
height: 100%;
	}

.image-area {
width: 68%;
margin-left: auto;
margin-right: auto;
margin-top: 42px;
padding-bottom: 50px;
	}

.image-area ul,
.image-area ol,
.image-area p {
margin-bottom: 9px;
color: #444444;
	}

div.right-holder {
width: 70%;
float: right;
margin-top: 54px;
	}

.image-area img {
border-style: solid;
border-width: 1px;
-o-box-shadow: 0px 0px 8px #999;
-moz-box-shadow: 0px 0px 8px #999;
-webkit-box-shadow: 0px 0px 8px #999;
box-shadow: 0px 0px 8px #999;
margin-bottom: 15px;
	}

.sidebar {
margin-top: 54px;
position: relative;
	}

.site-meta,
.sidebar-content {
width: 85%;
margin-left: auto;
margin-right: auto;
margin-top: 32px;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	}

.site-meta:hover,
.sidebar-content:hover {
color: silver;
	}

.page-name {
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
background-color: rgba(255,255,255,0.1);
margin-top: 17px;
margin-bottom: 17px;
	}

.page-name h3 {
text-align: center;
color: white;
margin-top: 5px;
	}

.hidden {
position: absolute;
left: -9999px;
	}

.title {
font-size: 50px;
	}

.first {
text-align: right;
color: white;
margin-right: 4px;
	}

.second {
color: black;
position: static;
	}

.navigation ul {
margin: 0;
padding: 0;
	}

.navigation li {
list-style-type: none;
position: relative;
	}

.navigation ul ul {
position: absolute;
top: 0;
width: 176px;
right: -178px;
	}

.primary-nav li {
text-align: right;
	}

.navigation ul ul li {
text-align: left;
	}

.navigation  a {
display: block;
padding: 5px;
	}

.navigation a:hover {
color: silver;
	}

.primary-nav a.nav-selected {
color: white;
	}

.primary-nav ul ul a.nav-selected {
color: #3048f0;
	}

.secondary-nav a {
color: silver;
	}

.secondary-nav a.nav-selected.nav-path-selected {
color: black;
	}