html {
	color: #595959;
	background: #ededed;

	font-size: 10.5pt;
	font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #4f4f4f;
	line-height: 120%;
	margin-bottom: 0.6em;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.5em;
	margin-top: 2em;
}

p, ul, ol, table {
    margin-bottom: 1em;
    line-height: 150%;
}

em, i {
    font-style: italic;
}

strong, b {
    font-weight: 600;
}

ul, ol { margin-left: 1.4em; }

ul { list-style-type: square; }

table {
  padding: 0; }
  table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
    table tr:nth-child(2n) {
      background-color: #f8f8f8; }
    table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    table tr td {
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    table tr th :first-child, table tr td :first-child {
      margin-top: 0; }
    table tr th :last-child, table tr td :last-child {
      margin-bottom: 0; }

code {
	font-family: "Source Code Pro", Courier, "Courier New", Monaco, Tahoma;
	background: #eee;
	color: #333;
	padding: 0px 2px;
}

pre {
	background: #eee;
    line-height: 140%;
	padding: 20px;
	margin-bottom: 1em;
	overflow: auto;
}

a:link, a {
    color: #327fcd;
    text-decoration: none;
}

a:visited {
    color: #9049d2;
}

button {
	width: auto;
	overflow: visible;
}

img { -ms-interpolation-mode: bicubic; }

input,
textarea,
select {
	padding: 5px;
	font: 400 1em Verdana, Sans-serif;
	color: #666;
	background: #fff;
	border: 1px solid #999999;
	margin: 0 0 1em 0;
}

input:focus,
textarea:focus,
select:focus {
	color: #000;
	background: #fff;
	border: 1px solid #666666;
}

#container {
    position: relative;
    overflow: hidden;
    margin: 30px auto 50px;
    width: 960px;
    height: auto;
}

#sidebar {
    position: absolute;
    text-align: right;
    /*margin-top: 20px;*/

    top: 0;
    left: 0;
    width: 190px;
    height: 100%;
    min-height: 100%;
}

#photo { display: block; }

#name {
    color: #4c4c4c;

    text-transform: uppercase;

    display: block;
    padding: 0.7em 0.8em;
    font-weight: bold;
}

#nametag, #nametagalt {
    color: #898989;

    display: block;
    padding: 0 0.8em 0.7em;
}

#nametagalt {
    display: none;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity:0;
}

#profile, #nav a, #name, #nametag, #nametagalt {
    transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}

#profile:hover { background: #c5855a; }
#profile:hover > #name { color: #f2f2f2; }

#profile:hover > #nametag {
    color: #e8e8e8;
    display: none;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

#profile:hover > #nametagalt {
    color: #e8e8e8;
    display: block;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
}

#nav {
    color: #9a9a9a;
    background: #d7d7d7;

    text-transform: uppercase;

    padding-top: 0.8em;
    height: 100%;
    min-height: 100%;
}

#nav a:link, #nav a:visited {
    color: #9a9a9a;
}

#nav ul {
    list-style-type: none;
    line-height: 100%;
    margin: 0;
}

#nav a {
    display: block;
    padding: 0.5em 0.8em;
}

#nav a:hover {
    color: #f2f2f2;
    background: #6fa3a4;
}

.active {
    font-weight: bold;
}

#content .inner {
    background: #ffffff;

    position: relative;
    display: block;
    padding: 40px 20px 20px;

    top: 0;
    left: 205px;
    width: 715px;
    min-height: 500px;
}

/* Clearfix
/*---------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}