body
{
max-width:1000px;
margin:auto;
font-family: 'Open Sans', sans-serif;
line-height: 1.5em;
font-weight: 400;
color: #444;
font-size: 18px;
}


body p
{
margin-top:20px;
}

#main_content
{
margin-left:220px;
}

body img{
  max-width:800px;
}


#header
{
padding-left:220px;
margin-bottom:10px;
margin-top:0px;
width:100%;
color:grey;
font-size:0.9em;
text-align:left;
}

#header p
{
  line-height: 1.2em;
margin:0px;
padding-top:0px;
padding-bottom:0px;
font-size:0.8em;
}

#header p.name
{
  margin-top:2px;
font-size:1.5em;
}

h2
{
  border-bottom: 1px solid grey;
  margin-top:50px;
  color:#424242;
  padding-bottom:0px;
  padding-left:1px;
}

h3
{
  border-bottom: 1px solid grey;
  margin-top:35px;
  margin-bottom:5px;
  color:#424242;
  padding-bottom:0px;
  padding-left:1px;
  margin-right:50px;
}

#h1_wrapper
{
  background-color:#424242;
  border-radius:3px;
  padding-top: 25px;
}

h1
{
  background-image:url("title.png");
  background-position:right;
  background-size:420px;
  margin-right:50px;
  background-repeat:no-repeat;
  padding-top:40px;
  padding-bottom:5px;
  font-size:40px;
  color:#ccc;
  padding-left:5px;
  margin-bottom:5px;
  margin-top:5px;
}

.grey
{
  margin-top:2px;
  font-size:0.85em;
  color:#666;
}


a
{
color:black;
}

#menu
{
  float:left;
  width:200px;
  background-color:#ddd;
  margin-top:0px;
  border-radius:3px;
  position:fixed;
}


	
#menu li
{
  list-style:none;
  padding:0px;
  margin:0px;
  margin-top:0px;
  margin-left:0px;
  padding-left:0px;
}

#menu h3{
  font-weight:bold;
  line-height:15px;
  margin-top:12px;
  margin-bottom:2px;
  color:#424242;
  padding-bottom:-10px;
  padding-left:1px;
  margin-right:20px;
  margin-left:20px;
  font-size:1em;
}

#menu li li
{
  list-style-image: url("../images/bullet_small.png");
  font-size:0.9em;
  margin-bottom:0px;
  margin-top:0px;
  margin-left:5px;
  padding-left:0px;
  line-height:1em;
  padding-bottom:0px;
  padding-top:0px;

}

#menu li li a {
  color:#666;
}


#menu{
  font-size:0.9em;
}

#menu ul
{
  margin-left:20px;
  padding-left:0px;
  margin-top:0px;
  margin-bottom:5px;
  line-height:1em;
}

#menu li a
{
  display:block;
  margin:0px;
  text-decoration:none;
  padding:4px;
  width:90%;
}

#menu li a:hover
{
  background-color:#bbb;
}

p.link_download
{
  margin-top:10px;
  margin-bottom:0px;
}

ul p{
margin-top:0px;
margin-bottom:0px;
}

blockquote{
  background-color:#eee;
  padding:5px;
  padding-left:30px;
  margin-left:0px;
}

pre.r
{
  display:none;
}

@media (max-width: 1000px)  {
#menu
	{
  float:none;
  position:static;
    margin-left:20px;
  }
  #main_content{
  margin-left:20px;
  }
}