@font-face {
    font-family: 'MyCustomFont';
    src: url('fonts/HelvetidoodlebyEdT.ttf');
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0|2011-01-26
License:none(publicdomain)
*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
.post,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
    font-family: 'MyCustomFont', Helvetica, Arial, sans-serif;
    font-size:24px;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/*
HTML5 element reset
*/

figure{
    align-content:center;
}
.post,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	    font-family: 'MyCustomFont', Helvetica, Arial, sans-serif;
    display:block;
}
body{
	font-family: Helvetica, Arial, sans-serif;
	line-height:1;
}
ol,ul{
    font-family: 'MyCustomFont', Helvetica, Arial, sans-serif;
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content:'';
	content:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
a{
	text-decoration:none;
}
img{
	max-width:100%;
}
h1{
	font-size:36px;
}
h2{
	font-size:24px;
}
h3{
	font-size:18px;
}
h4{
	font-size:16px;
}
h5{
	font-size:14px;
}
h6{
	font-size:12px;
}
/*
wrapper

.wrap{
	width:320px;
	margin:0 auto;
}*/
/*
global classes
*/
.border-radius,
.search input[type=text],
.menu-show img,
/*.menu-hide img{
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
	border-radius:2em;
}
.float-left,*/
.menu-show,
.menu-hide{
	float:left;
}
.clear-both{
	clear:both;
}
.pos-relative,
.search{
	position:relative;
}
/*
header
*/
.header{
	padding:10px 0;
}
.header{
	background:white;
}
	.top-bar{
		position:relative;
		background:white;
		/*border-bottom:1px solid #3d3d3d;
		border-top:1px solid #3d3d3d;*/
		padding:10px 0 0 0;
	}
	.menu-show,
	.menu-hide{
		display:none;
		border:none;
		color:#aaa;
		cursor:pointer;
		background:none;
    
	}
	.menu-show img,
	.menu-hide img{
		background:none;
		padding:5px 15px;
	}	
	.menu{
		
		display:block;
		margin:10px 0 0 0;
		font-size:14px;
	}
	.menu ul{
		margin:0;
		padding:0;
	}
	.menu li:nth-child(1) a{
		border-top:none;
        margin-top: 50px;
	}
	.menu a{
        font-family: 'MyCustomFont';
        font-size:24px;
		display:block;
		padding:20px;
		text-align:left;
		/*border-top:1px solid #3d3d3d;*/
		border-bottom:none;
		color:#5d5d5d;
		background:white;
		text-shadow:none;
		outline:none;
	}
	.menu a:hover{
		background:#eee;
		-moz-box-shadow:inset 0 5px 20px rgba(0,0,0,.5);
		-webkit-box-shadow:inset 0 5px 20px rgba(0,0,0,.5);
		box-shadow:inset 0 5px 20px rgba(0,0,0,.5);
		color:#777;
	}
	.menu li:last-child a{
	}
	.menu li:first-child a{
	}
	.search{
		float:right;
		margin:0 5px 10px 0;
	}
	.search input[type=text]{
		border:1px solid #3d3d3d;
		width:120px;
		padding:5px 25px 5px 10px;
		color:#aaa;
	}
	.search input[type=submit]{
		position:absolute;
		right:3px;
		top:4px;
		background:url(images/search-but.png) no-repeat;
		width:20px;
		height:20px;
		border:none;
		cursor:pointer;
	}
	.search input[type=text],
	.search input[type=submit]{
		outline:none;
	}
/*.logo{
	background:white url(images/header.png);
	display:block;
}
.logo a{
	display:block;
	padding:20px;
	text-align:center;
}*/
/*
content
*/
.content{
}
.title h2{
    font-family: 'MyCustomFont', Helvetica, Arial, sans-serif;
	border-top:1px solid #3d3d3d;
	background:white;
	padding:10px 20px;
	font-size:24px;
	color:#3d3d3d;
}
.post{
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:20px;
	color:#3d3d3d;
	border-bottom:1px solid #eee;
}
.post-info{
	line-height:1.3em;
	font-size:10px;
	color:#7d7d7d;
}
.post-info span{
	color:#ddd;
}
.post-info a{
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6{
	font-family:'MyCustomFont', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:1.3em;
	word-spacing:.2em;
	padding:0 0 10px 0;
	background:none;
}
.post h1 a,
.post h2 a,
.post h3 a,
.post h4 a,
.post h5 a,
.post h6 a{
	display:block;
}
.post h1{
	font-size:2.6em;
}
.post h2{
	font-size:2em;
    color:red;
}
.post h3{
	font-size:1.6em;
		color:red;

}
.post h4{
	font-size:1.2em;
}
.post figure,
.post dd,
.post dt,
.post pre,
.post p{
	padding:0 0 10px 0;
}
.post p,
.post ol,
.post ul,
.post dd,
.post figcaption,
.column{
	line-height:1.8em;
}
.post ol,ul{
	margin:0 0 0 30px;
	padding:10px;
}
.post ol{
	list-style:decimal;
}
.post ul{
	list-style:disc;
}
.post pre{
}
.post code{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	line-height:1.8em;
}
.post blockquote{
	display:block;
	border-left:1px dotted #7d7d7d;
	margin:0 0 10px 0;
}
.post blockquote p{
	padding:5px 10px;
}
.post blockquote p:first-letter{
	float:left;
	padding:10px 10px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
}
.post b,strong{
	font-weight:bold;
}
.post em,
.post i{
	font-style:italic;
}
.post a{
	color:#009cff;
}
.post a:hover{
	color:#5d5d5d;
}
.post dl{
}
.post dt{
	font-weight:bold;
}
.post dd{
	margin:0 0 0 20px;
}
.post figure{
	text-align:right;
}
.post figure img{
	max-width:80%;
}
.post figcaption{
	font-size:12px;
	color:#8d8d8d;
}
/*
footer
*/
.footer{
    
	background:white;
	text-align:center;
	font-size:12px;
	color:#7d7d7d;
	line-height:1.8em;
	padding:10px 0 0 0;
}
	.bot-bar{
		font-size:14px;
		font-family: 'MyCustomFont', Helvetica, Arial, sans-serif;
		position:relative;
		background:white;
		/*border-top:1px solid #3d3d3d;*/
		padding:10px;
		color:#aaa;
	}
.footer a{
	color:#009cff;
}
.license{
	display:inline-block;
	text-align:center;
	padding:10px 0;
	opacity:.3;
}
.license:hover{
	opacity:1;
}


body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end css reset */



body{
  font-family: san-serif;
  font-size:15px;
  line-height:20px;
  color:#330;
}

#arbor{
  position:absolute;
  min-height:100%;
  min-width:100%;
}
#nav{
  background:transparent url(logo.png) 40px 0 no-repeat;
  font-style:italic;
  color:#887;
  padding:17px 0 0 160px;
  height:30px;
  margin:9px 0px 0 0px;
  border-bottom:1px solid #bbb;
}

#nav > p{
  display:none;
}
#nav .back{
  background:url(back-arrow.png) 6px 6px no-repeat;
  width:140px;
  height:36px;
  display:none;
  position:absolute;
  left:10px;
  top:11px;
}

#nav .back.active{
  display:block;
}

#sitemap{
/*  margin:8px 0 0 0;*/
}

#sitemap.linkable{
  cursor:pointer;
}

#footer{
  color:#333;
  background:white;
  position:absolute;
  bottom:10px;
  left:160px;
}

#footer a{
  text-decoration:none;
  color:#665;
}

#footer a:hover{
  color:#ad621c;
}


#docs > div{
  display:none;
  padding:0 0 60px 0;
}

#docs{
  position:relative;
  margin:20px 0 0 160px;
  padding:0 70px 0 0;
/*  border-right:1px solid #ccc;*/
}

#docs h1{
  margin:20px 0 2px 0;
  color:#998;
  font:16px "Gill Sans", Helvetica, Arial, sans-serif;
  color:#ad621c;
}

/*#docs h1{
  margin:20px 0 2px -150px;
  width:134px;
  color:#998;
  font:16px "Gill Sans", Helvetica, Arial, sans-serif;
  text-align:right;
}
*/

#docs dl + h1{
  margin-top:30px;
  padding-top:10px;
}


#docs h2{
  margin:0;
  position:absolute;
  left:-150px;
  width:134px;
  text-transform:uppercase;
  text-align:right;
  font-size:12px;
/*  font-weight:normal;*/
  letter-spacing:1px;
  color:#998;  
}

#docs h2 a{
  color:black;
  text-decoration:none;
  font-size:130%;
}

#docs > div > p{
  display:block;
  text-indent:1em;
  width:380px;
}

#docs p.code{
/*  width:999px;*/
  display:block;
  margin:13px;
  font:12px Monaco, sans-serif;
  text-indent:0;
  color:#665;
}

#docs p code{
  font:12px Monaco, sans-serif;
  color:#665;
}
#docs p.code+p{
  text-indent:0;
}

#docs h2:first-child+p{
  margin-top:0;
}

#docs .figure + p,
#docs h2+p{
  text-indent:0;
}


#docs b{
  text-transform:uppercase;
  font-size:80%;
}


#docs .figure{
  position:absolute;
  left:440px;
}

dl{
  margin:0 0 16px 0;
}

#docs code{
  font:12px Monaco, Courier, monospace;
}
dt{
  margin-right:2px;
  font-weight:bold;
  min-width:90px;
}

dt em{
  font-weight:normal;
  margin:0 2px;
}

dd{
  font-style:italic;
  margin:0 0 0 10px;
  display:none;
}

dl.datastructure dt{
  display:inline-block;
  min-width:50px;
}
dl.datastructure dd{
  display:inline-block;
}

dt:hover{
  cursor:pointer;
  text-decoration:underline;
}
dl.datastructure dt:hover{
  cursor:default;
  text-decoration:none;
}

dd .desc{
  font-style:normal;
  margin:10px 0 10px -10px;
  width:380px;
}

dd .desc .bang{
  color:#bd1f00;
  font:24px Arial;
  position:absolute;
  left:-20px;
  margin-top:5px;
}

#docs dd p{
  text-indent:-10px;
  margin:0 0 2px 0;
  width:380px;
}

#docs .lead-in{
  margin-bottom:16px;  
}
#docs .lead-in p{
  margin:0;
  text-indent:0;
  width:380px;
  font-style:italic;
}
#docs .lead-in .more{
  color:#AD621C;
  text-decoration:none;
  font-style:italic;
}
#docs .lead-in .more:hover{
  text-decoration:underline;
}
#docs .lead-in .more ~ *{
  display:none;
}

#docs .lead-in p.code{
  width:570px;
  font-style:normal;
  margin:10px;
}

#docs .lead-in hr{
  margin:0px 0 12px 0px;
  border:0;
  border-top:1px solid #aa9;
  border-bottom:1px solid #aa9;
  height:1px;
  width:525px;
}



#docs dd p code.arg{
  color:#ad621c;
}

#docs dd hr{
  margin:-4px 0 12px -10px;
  border:0;
  border-top:1px solid #aa9;
  width:390px;
}

#docs .lead-in ul{
  margin:0 0 20px 13px;
  font-style:italic;
  color:#998;
}
#docs .lead-in ul em{
  color:black;
  font-style:normal;
  width:60px;
  display:inline-block;
  text-align:right;
}

#docs .lead-in ul b{
  size:60%;
  color:#950;
  text-transform:none;
  font-weight:normal;
  font:13px "Gill Sans", Helvetica, Arial, sans-serif;
  display:inline-block;
  width:40px;
  text-align:right;
  margin-right:12px;
}
#docs .lead-in p a{
  color:#ad621c;
  text-decoration:none;
}
#docs .lead-in p a:hover{
  text-decoration:underline;
}
#docs .more.less{
/*  border:1px solid red;*/
font-size:9px;
  line-height:4px;
  margin:0;
  padding:0;
}

#docs #introduction p a{
  color:#ad621c;
  text-decoration:none;
}
#docs #introduction p a:hover{
  text-decoration:underline;
}

.sect{
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
    letter-spacing:1px;
    color:#998;  
    border-top:1px solid #998;
    margin:60px 85px 0 0;  
}