@import url('base.css');
@import url('skeleton.css');

/*-----------------------------------------------------------------------------------*/
/*	Layout
/*-----------------------------------------------------------------------------------*/
body{
    margin:30px;
}
code{
	font-style: italic;
	color:#3c8229;
}
#logo{
    font-size:50px;
	margin:60px 0 50px;
}
#logo p{
    font-size:20px;
}
#sidebar{
	max-height:100%;
	overflow: hidden;
}
#sidebar a{
    font-size:14px;
	color:#666;
	font-weight:bold;
}
#sidebar li{
    margin-bottom:10px;
}
#sidebar li.current a{
    color:#F60;
}
#sidebar ul ul{
    margin-top:15px;
    margin-left:10px;
}
#sidebar ul ul li {
	margin-bottom:5px;
}
#sidebar ul ul li a{
    font-size:12px;
	color:#999;
}
#main {font-size:14px;position:absolute;left:200px;top:150px;padding-bottom:100px;}
#main .section{margin-bottom:100px;}
#main img{max-width:100%;height:auto;}
#main a{color:#09F;}
#main a:hover{color:#09C; text-decoration:underline;}
#main .button{color:#333;}
#main .button:hover{color:#222; text-decoration:none;}
#main h2{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:30px;}
#intro .button{font-size:14px;}
#intro .columns{margin-right:20px;}
li.box{margin-bottom:50px;}
#main #credits ul{margin-left:20px;}
#main #credits li{line-height:20px;list-style:square;}
.code {border:1px solid #ddd;background:#f5f5f5;padding:10px;margin:15px 0;color:#063}
.code span{display:block;min-height:12px;width:100%;margin-bottom:2px;background:fff;color:#063}
.claim{border:1px dotted #F60;padding:10px;color:#F60;margin:20px 0;}

#footer{width:100%;height:200px;border-top:1px solid #ddd;position:fixed;bottom:0;left:0;background:#eee;}