/* Global Reset */

* {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration:none;
  color:red;
}

a:hover {
  text-decoration:underline;
}

a:visited {
  color:red;
}

/* General */

h1 {
  padding:3% 0;
}

h3,h4 {
  margin:2% 0;
}

p {
  margin:3% 0;
}

img {
  width:100%;
  margin:2% 0;
  color:gray;
  font-style:italic;
}

body, html {
  color:#000;
  background:#eee;
}



#main {
  width:68%;
  max-width:1500px;
  margin:4% auto;
  padding:4% 7.5%;
  background:#fff;
  font-family:Helvetica,​Arial,​sans-serif;
  line-height:1.4em
}

#menu {
  text-align:center;
  margin-bottom:-.2%;
}

#menu li {
  display:inline;
}

#menu a {
  color:#fff;
  background-color:#ccc;
  padding:3px 5px 2px 5px;
}

#menu a:hover {
  background-color:#bbb;
  text-decoration:none;
}

#header {
  height:296px;
  background-image:url(../../images/header.jpg);
  background-position: center;
  background-repeat: none;
}

#header h1 {
  padding-top:140px;
  text-align:center;
  color:white;
}

#content {
  margin-top: 3%;
  padding: 0 4% 3% 0;
  border-right:3px dotted #666;
}

#sidebar {
  padding-left: 2%;
  margin-top:3%;
}

#sidebar ul, #sidebar li {
  padding-left: 3%;
}

#sidebar ul {
  padding-bottom: 5%;
}

#footer {
  font-size:80%;
  color:#666;
  border-top:5px solid #eee;
  padding-top: 1%;
}

/* Posts */

.posts h2 a {
  color:#000;
}

.metadata {
  text-transform:uppercase;
  font-size:80%;
  margin:1% 0;
}

.metadata a {
  color:#000;
}

.post {
  padding-bottom: 3%;
  margin-bottom: 6%;
  border-bottom: 2px solid #eee;
}

.post ul li {
  list-style:circle inside none;
}

.post ul li ul li {
  list-style-type: square;
}

.end-post {
  text-align:center;
  color:#666;
}

.video-container {
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}