@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../../static/fonts/BebasNeue-webfont.eot');
	src: local('☺'), url('../../static/fonts/BebasNeue-webfont.woff') format('woff'), url('../../static/fonts/BebasNeue-webfont.ttf') format('truetype'), url('../../static/fonts/BebasNeue-webfont.svg#webfontDYsPqAbQ') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html,body  {background:#EEE; -webkit-text-size-adjust:none;}
html {width:100%; height:100%;}
body {padding: 20px;font: 14px/1.4 Georgia, serif; color:#333;}

#wrap {width: 940px; margin:80px auto 0; position:relative;}
#wrap #header {border-top:2px solid #333; position:relative; border-bottom: 1px solid #aaa; padding:20px 0; display:block; overflow:hidden;}

h1, h2, h3 {font: normal 100px/1.2 'BebasNeueRegular', Arial, sans-serif;}
h1 {float: right; line-height:0.8; text-transform:uppercase;}
h2 {font-size:32px; margin:40px 0 20px;}
h3, h4, #download .btn {font-size: 16px; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: bold; margin:20px 0 10px;}
h4 {font-size: 14px; margin: 20px 0 10px; border-bottom:1px dashed #333;}
a {color: #777;}
ul {margin:20px 0;}
dl {margin: 10px 0;}
dt {margin-right:5px; font-weight: bold; display:block;}
#options dt {float: left;}
#options dd {color: #555; font-family: monaco, monospace;}
#tertiary dd {margin-bottom:40px;}
strong {font-weight:bold;}
em {font-style:italic;}
code {font-size: 12px; display: block; background:#333; color:#fff; padding:2px;}

/* Some kind of font-face padding bug */

#global-footer {overflow:hidden; font-size:12px; margin-top:20px;}
#footer-copy {float: left;}
#footer-nav {float: right;}



ul {list-style-type:circle; display:block;}
li {margin: 10px 20px; list-style-type:circle;}

#retweet {position:absolute; right:0; top:-30px;}
#preamble {font-size: 20px; float:left;width:380px;position:absolute; bottom:20px;}
#content {overflow: hidden;}
#primary {width: 480px; float:left;}
#secondary {width:400px; float: right;}

#features h3 , 
#options h3 {padding-left: 25px; background: url("../../static/i/arrows.png") no-repeat 0 -33px; text-decoration:none;}
#options h3 {border-bottom:1px solid #ccc; padding-bottom:4px;}
#options h3 a {text-decoration:none;}
#features h3.active,
#options h3.active {background-position: 0 5px;}

#download {overflow:hidden; margin:40px 0;}
#download .btn {
    display: inline-block;
    margin:5px 0;
    text-decoration:none; padding: 15px 30px;
    color: #000;
    box-shadow: 0px 0px 3px #aaa;
    -webkit-box-shadow: 0px 0px 3px #aaa;
    -moz-box-shadow: 0px 0px 3px #aaa;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    background: #aaa;
    background: -moz-linear-gradient(#eee, #aaa);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#B0E5BB));
    text-shadow: 1px 1px 1px #fff;
    border: 1px solid #fff;
}
#download .btn:hover {
    background: #bbb;
    background: -moz-linear-gradient(#eee, #bbb);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb));
}
#download .btn:active {
    background: #ccc;
    background-image: -moz-linear-gradient(#eee, #ccc);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
}
#download span {margin-left: 10px; vertical-align:bottom;}
#download span a {vertical-align: bottom;}


#features .box {background: #FFF095; padding:30px; border:1px solid #BFB470; border-width: 0 1px 1px 0;}
#features h3 a {color: #80784B; text-decoration:none;}
#features h3:first-child {margin-top:0;}
#features h3:last-child {margin-bottom:0;}

#tertiary {clear: both; padding-top: 40px;}
#tertiary h2:first-child {margin:0;}
#tertiary h2 span {color: #fff; font-size:100px; text-shadow: 1px 1px 1px #aaa;}
#tertiary h3 {color: #628066}
#tertiary h3:first-child {margin-top:0;}
#tertiary .box {background: #B0E5B8; border: 1px solid #628066; border-width: 0 1px 1px 0; padding: 30px; overflow:hidden; margin-bottom:40px;}
#tertiary .box .col {width:419px; float:left; margin-left:40px;}
#tertiary .box .col:first-child {margin-left: 0px;}
#tertiary p {margin:20px 0;}

#external {width: 480px; float:left;}
#books {width: 400px; float:right;}
#books .first {margin-right: 20px;}

.disclaimer {font-size: 12px;}
#html5 .box {padding: 30px; background:#FFF095;border:1px solid #BFB470; border-width: 0 1px 1px 0;}
#html5 h2 {margin:0;}
#html5 h3 {color: #80784B; text-decoration:none;}

#footer {clear: both;}


#tweet {position:absolute; top:-32px; right:-15px}
#crumb {position:absolute; left:0; top:-32px;}