*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #050505 url(images/img01.jpg) repeat;
  min-width: 800px;
  margin: 0;
  padding: 25px;
  color: #5B5B5B;
  font: 14px Verdana, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#wrapper {
  background: #FFFFFF url(images/img05.jpg) repeat;
  position: relative;
  margin: auto;

  transition: all 0.5s; 
  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
}

.container {
  width: 1060px;
}

#treewrapper {
  position: relative;
  width: 850px;
  margin: auto;

  transition: all 0.5s; 
  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
}

.branch-asc {
  position: relative;
  margin-left: 225px;
}
.branch-asc:before {
  content: '';
  font-size: 30px;
  width: 25px;
  border-top: 2px solid;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: 1px;
}
.branch-asc:after {
  font-size: 30px;
  position: absolute;
  left: -50px;
  top: 50%;
}

.branch-des {
  position: relative;
  margin-right: 225px;
}
.branch-des:before {
  content: '';
  font-size: 30px;
  width: 25px;
  border-top: 2px solid;
  position: absolute;
  right: -50px;
  top: 50%;
  margin-top: 1px;
}
.branch-des:after {
  font-size: 30px;
  position: absolute;
  right: -50px;
  top: 50%;
}

.entry-asc {
  position: relative;
  min-height: 40px;
}
.entry-asc:before {
  content: "";
  height: 100%;
  border-left: 2px solid;
  position: absolute;
  left: -25px;
}
.entry-asc:after {
  content: "";
  width: 25px;
  border-top: 2px solid;
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: 1px;
}
.entry-asc:first-child:before {
  width: 5px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-radius: 5px 0 0 0;
}
.entry-asc:first-child:after {
  height: 5px;
  border-radius: 5px 0 0 0;
}
.entry-asc:last-child:before {
  width: 5px;
  height: 50%;
  border-radius: 0 0 0 5px;
}
.entry-asc:last-child:after {
  height: 5px;
  border-top: none;
  border-bottom: 2px solid;
  border-radius: 0 0 0 5px;
  margin-top: -4px;
}
.entry-asc.sole:before {
  display: none;
}
.entry-asc.sole:after {
  width: 25px;
  height: 0;
  margin-top: 1px;
  border-radius: 0;
}

.entry-des {
  position: relative;
  min-height: 40px;
}
.entry-des:before {
  content: "";
  height: 100%;
  border-right: 2px solid;
  position: absolute;
  right: -25px;
}
.entry-des:after {
  content: "";
  width: 25px;
  border-top: 2px solid;
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: 1px;
}
.entry-des:first-child:before {
  width: 5px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-radius: 0 5px 0 0;
}
.entry-des:first-child:after {
  height: 5px;
  border-radius: 0 5px 0 0;
}
.entry-des:last-child:before {
  width: 5px;
  height: 50%;
  border-radius: 0 0 5px 0;
}
.entry-des:last-child:after {
  height: 5px;
  border-top: none;
  border-bottom: 2px solid;
  border-radius: 0 0 5px 0;
  margin-top: -4px;
}
.entry-des.sole:before {
  display: none;
}
.entry-des.sole:after {
  width: 25px;
  height: 0;
  margin-top: 1px;
  border-radius: 0;
}

.label-asc {
  display: block;
  min-width: 175px;
  padding: 5px 10px;
  line-height: 16px;
  text-align: center;
  border: 2px solid;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}
.label-asc input {
  display: block;
}

.label-des {
  display: block;
  min-width: 175px;
  padding: 5px 10px;
  line-height: 16px;
  text-align: center;
  border: 2px solid;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
}
.label-des input {
  display: block;
}

.label-asc a:hover {
  display: block;
  min-width: 150px;
  line-height: 13px;
  border: 2px solid;
  border-radius: 5px;

  background: #c8e4f8;
  color: #000;
}

.label-des a:hover {
  display: block;
  min-width: 150px;
  line-height: 13px;
  border: 2px solid;
  border-radius: 5px;

  background: #c8e4f8;
  color: #000;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
  color: #222222;
}

h1 { font-size: 2em; }

h2 { font-size: 2.8em; }

h3 { font-size: 1.6em; }

p, ul, ol {
  margin-top: 0;
  line-height: 180%;
}

ul, ol { }

a { color: #5E5E5E; }

/* Header */

#header-wrapper {
  overflow: hidden;
}

#header {
  width: 1000px;
  height: 150px;
  margin: 0 auto;
  padding: 0px 0px;
}

/* Logo */

#logo {
  float: left;
  width: 300px;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}

#logo h1, #logo p { }

#logo h1 {
  line-height: 120px;
  letter-spacing: -2px;
  font-size: 3.8em;
}

#logo h1 a {
  color: #1F1F1F;
  text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}

#logo p {
  margin: 0;
  padding: 0px 0 0 0px;
  letter-spacing: -1px;
  font: normal 18px Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #8E8E8E;
}

#logo p a {
  color: #8E8E8E;
}

#logo a {
  border: none;
  background: none;
  text-decoration: none;
  color: #000000;
}

/* Menu */

#menu {
  float: right;
  width: 500px;
  height: 90px;
  margin: 0 auto;
  padding: 0;
}

#menu ul {
  float: right;
  margin: 0;
  padding: 20px 0px 0px 0px;
  list-style: none;
  line-height: normal;
}

#menu li {
  float: left;
}

#menu a {
  display: block;
  line-height: 100px;
  margin-right: 1px;
  padding: 0px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px rgba(0,0,0,.2);
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #1F1F1F;
  border: none;
}

#menu a:hover, #menu .current_page_item a {
  background: url(images/img01.jpg) repeat;
  text-decoration: none;
  color: #FFFFFF;
}

#menu .current_page_item a { }

/* Page */

#page {
  width: 1060px;
  margin: 0 auto;
  padding: 30px 0px;
}

/* Content */

#content {
  float: right;
  width: 850px;
  padding: 0px 0px 0px 0px;
}

.post {
	overflow: hidden;
	margin-bottom: 40px;
	border-bottom: 1px solid #E7EBED;
}

.post .title {
	padding: 7px 0px 0px 0px;
	letter-spacing: -1px;
}

.post .title a {
	border: none;
	text-decoration: none;
	color: #222222;
}

.post .meta {
	margin-bottom: 30px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entry {
	padding: 0px 0px 40px 0px;
	text-align: justify;
}

.links {
	padding-top: 20px;
	margin-bottom: 30px;
}

.more {
	display: block;
	float: left;
	width: 88px;
	padding: 5px 5px;
	margin-right: 10px;
	background: #222222;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

.comments {
	display: block;
	float: left;
	width: 88px;
	padding: 5px 5px;
	background: #222222;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 40px 0px 0px 0px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 30px;
	border-bottom: 1px solid #E7EBED;
	margin: 0px 0px;
	border-left: none;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar li li a {
	padding: 0px 0px 0px 20px;
	background: url(images/img04.jpg) no-repeat left 50%;
}

#sidebar h2 {
	height: 30px;
	padding: 0px 0px 10px 0px;
	letter-spacing: -.5px;
	font-size: 1.8em;
	color: #222222;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 30px 20px 30px;
	text-align: justify;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
}


/* Footer */

#footer {
	height: 140px;
	margin: 0 auto;
	padding: 50px 0 15px 0;
	font-family: 'Abel', sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 10px;
	letter-spacing: 1px;
	line-height: normal;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #5E5E5E;
}

#footer a {
	color: #5E5E5E;
}

#banner {
	margin: 0px auto;
	width: 1000px;
	height: 340px;
	background: url(images/img03.png) no-repeat left bottom;
}

#banner .content {
}