body {
  background: #ccccdd;
  color: #222;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.1px;
  font-size: 0.98em;
  overflow: scroll;
  }

h1,h2,h3,h4,h5,h6,p {padding: 5px;}

h1 {font-size: 1.4em; color: #F09000;}
h2 {font-size: 1.2em; color: #32b532; border-bottom: 1px dotted grey;}
h3 {font-size: 1.0em; color: #000066; }
h4 {font-size: 1.0em; color: #F09000;}
h5 {font-size: 0.9em; color: #F09000;}
h6 {font-size: 0.8em; color: #F09000;}

p.syntax, div.syntax {margin: 10px; border: 1px solid grey; background: #E1E1E1; font-family: 'Cousine', sans-serif;}
p.hell {margin: 10px; background: #F0F0F0;}

span.s_red {color: #ff0000;}



#all {
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  width: 1000px;
  }
  
#header {
	background: #a3ade7 url(images/logo.png) no-repeat top left; height: 105px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 0px solid #000000;
	}

#container {
	margin-top: -15px;
	background: transparent url(images/hg_container.png) repeat-y top left;
    }

#menu {
  width: 220px;
  float: left;
  }

#menu ul li {list-style: none; margin-left: -22px; padding: 3px 0 3px 0;}
 
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li a:visited,
#menu ul li a:hover {text-decoration: none; color: #500099;}
#menu ul li a:hover {color: #209900;}

#content {margin: 0 0 0 225px;}
 
 #footer {
   margin-top: -15px;
   background: #A3ADE7;
   line-height: 20px;
   border-radius: 0px 0px 10px 10px;
   -moz-border-radius: 0px 0px 10px 10px;
   -webkit-border-radius: 0px 0px 10px 10px;
   border: 0px solid #000000;   
   }
 
 #footer a {text-decoration: none;}
 #footer a:hover {text-decoration: underline;}