html{background:url(bin/bg2.png);}
html, body {height:100%;color:#333;}

/* Typography
--- */
body {font: 13px/1.4 "Droid Serif",Georgia, Times, serif;}
h1 {font: bold 32px/32px Trump, Arial, sans-serif; text-transform:uppercase;}
h2 {font: bold 22px/22px Trump, Arial, sans-serif; text-transform:uppercase;}
h3 {font: bold 18px/1.4 "Droid Serif",Georgia, Times, serif;}

a {text-decoration:none;color:#5c999d;}

a:hover{color:#000;}

h1,
.type h1 {margin:0px 0px 12px; }
.type h2 {margin:24px 0 0; background:url(bin/dots.png) repeat-x 0 100%; padding-bottom:5px; padding-top:10px;}
.type h3 {margin:24px 0 0; font-size:14px; color:#000;}
.type p {margin:12px 0;}
.type ul {margin:20px;}

.type p a{background:url(bin/dots-blue.png) repeat-x 50% 100%;font-weight:bold;}
.type p a:hover{background-color:rgba(0,0,0,.05)}

/* Structure
--- */
.wrap {width: 864px; margin:0 auto; position:relative; }
body > .wrap{min-height:100%;}
#logo {font: normal 60px/56px Trump,sans-serif;text-transform:uppercase;
    color:#222;position:absolute;bottom:4px;left:0px;}
#logo:hover{opacity:.8;}
#demo {height:350px; margin-bottom:24px;}
#content {overflow:hidden; padding-bottom:72px;padding-top:36px;}
.home #content{padding-top:0;}

div.primary {width:624px; float:left; padding-bottom:48px; padding-right:24px;background:url(bin/dots-vert.png) repeat-y 100% 0;}
div.secondary {float:right; width:192px; padding-left:25px; background:url(bin/dots-vert.png) repeat-y 0 0;margin-left:-1px; }

/* Secondary Navigation 
--- */
.secondary nav ul {padding:0; margin:0;}


/* Main Navigation 
--- */
header.main{padding-top:0px;}
.head {overflow:hidden; position:relative;
    /*background:#7cb0b3 url(bin/bg2.png);*/position:relative;height:108px;border-bottom:2px solid #333;border-top:3px solid #333;}
.head nav.main {position:absolute;right:0;bottom:0;display:block; overflow:hidden;margin-top:20px;}
.head nav.main a {font: normal 24px/20px Trump,sans-serif; 
    color:#333; text-transform:uppercase;  float:left;padding:12px 16px 8px;border-right:1px dotted #aaa;}
.head nav.main a:hover{background:#eee url(bin/bg2.png);}
.head nav.main a:first-child {margin:0;border-left:1px dotted #aaa;}
.head a.existing{position:absolute;top:12px;right:0;display:block;color:#888;font-style:italic;font-size:12px;}
.head .twitter-share-button{position:absolute;top:9px;right:120px;display:block;}
.head a.existing:hover{color:#5c999d;}
.sep{height:12px;background: #eee url(bin/bg2.png);margin: 1px 0 12px;}


/* Home Page Entry Points
--- */
#entry-points {overflow:hidden; width:900px;background:url(bin/dots.png) repeat-x 0 100%;margin-bottom:24px}
#entry-points article {width: 264px;height: 180px; float:left; margin-right:36px; position:relative;color:#555;}
#entry-points article:last-child {margin:0; padding-right:0; border:0;}
#entry-points h2 {padding-bottom:6px; color:#222;}
#entry-points article .more {margin-top:12px;}

#feature-list span{display:block;float:left;width:12px;height:14px;background:url(bin/check.png) no-repeat 0 3px;
    text-indent:-10000px;margin-right:6px;}
#feature-list li{font-weight:bold;margin-bottom:4px;}

/* Links with arrows
--- */
a.more{display:inline-block;padding:4px 12px;background:#eee url(bin/bg2.png);color:#333;font-style:italic;border-bottom:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #ddd;border-left:1px solid #ddd;font-size:12px;}
a.more:hover{background-color:#555;color:#fff;}


/* Footer
--- */
footer.main {background:#333 url(bin/bg-bottom.png); height:20px;padding:8px 0;background:url(bin/dots.png) repeat-x top; overflow:hidden;
    margin-top:-37px;margin-left:auto;margin-right:auto;width:864px;}
footer.main .wrap *{display:inline;font:11px "Droid Serif", georgia, serif;}
footer.main .wrap h2{display:none;}
footer.main nav{margin-right:32px;float:left;height:20px;margin-left:-3px;line-height:20px;}
footer.main nav a{float:left;padding: 3px 6px;color:#666;}
footer.main nav a:hover{color:#7cb0b3;}
footer.main p.made{float:right;margin-top:3px;color:#aaa;}
footer.main p.made a{color:#666;}
footer.main p.made a:hover{color:#7cb0b3;}


/* sidebar */
.secondary{font-size:12px;color:#666;line-height:16px;}
.secondary h2{font: bold 13px/1.1 'Droid Serif', georgia,serif;margin-bottom:12px;text-transform:none;color:#000;}
.secondary p{margin-bottom:12px;}
.secondary .box{border-top:2px solid #333;padding-top:12px;}


/* Download
--- */

.download .btn {padding:10px 0;}
.download .btn span {line-height:33px; margin-left:15px; font-weight:normal;}
.download .secondary {padding-bottom:40px;}
.download #feature-list {list-style:none; padding:0; margin:20px 0;}
.primary {width:625px; float:left;padding-right:24px;background:url(bin/dots-vert.png) repeat-y 100% 0;}
.secondary {float:right; width:192px; padding-left:24px; margin-left:-1px;background:url(bin/dots-vert.png) repeat-y;}


/* Purchase
--- */
body.theme-purchase .buy-form {margin-top:10px}
body.theme-purchase .buy-form .btn {margin-top:10px}


pre code {background: #eee; margin:20px 0; display:block; padding:5px;}


.errorlist {color: red;}


/* Buttons */
.btn a{display:inline-block;padding:4px 12px;background:#7cb0b3 url(bin/bg2.png);color:#fff;font-weight:bold;border-bottom:1px solid #fff;
    border-right:1px solid #fff;border-top:1px solid #689193;border-left: 1px solid #689193;font-size:12px;}
.btn a i{font-style:normal;}
.btn a.download,
.buy-form .btn a{padding:12px 16px 8px;font-size:14px;font: bold 22px/22px Trump, Arial, sans-serif; text-transform:uppercase;}
.btn a.download i{background:url(bin/arr-down.png) no-repeat 100% 0;padding-right:20px;}

.btn a.preview{background:#eee url(bin/bg2.png);color:#333;border-bottom:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #ddd;border-left:1px solid #ddd;}

.btn a:hover,
.btn a.preview:hover{border-top-color:#333;border-left-color:#333;background-color:#555;color:#fff;}

.theme-list{width:900px;padding-top:24px;}
.theme-list .theme{width:264px;height:180px;float:left;margin-right:36px}
.theme-list .theme h2 a{display:block;height:60px;text-align:center;line-height:65px;color:#fff;background:#555 url(bin/bg-bottom-light.png);margin-bottom:6px;
    border:1px solid #fff;border-top:1px solid #333;border-left:1px solid #333;}
.theme-list .theme h2 a:hover{background-color:#222;}
.theme-list .theme .desc{font-size:12px;color:#777;margin-bottom:6px;}

#legacy{background:#eee url(bin/bg2.png);padding:12px;}
#legacy input[type=text]{padding:3px;font-size:16px;margin: 0 6px;}

input[type="text"],
textarea,
select{background:#fff;border:1px solid #ddd;font-family:'Droid Serif', georgia, serif;}

.box ul{list-style:none;}
.box ul li{padding:3px 0;background:url(bin/arr2.png) no-repeat 1px 5px;
    padding-left:10px;font-weight:normal;font-size:12px;line-height:1.2;}
    
#tagline{z-index:1;position:absolute;top:20px;left:20px;}
#tagline span{font-size:18px;line-height:26px; color:#eed;font-family:'Droid Serif',georgia,serif;text-transform:none;font-weight:normal;display:inline;
    background:#000;background:rgba(0,0,0,.8);padding: 2px 6px;position:relative;clear:both;}
#tagline a{float:left;background:#fff url(bin/bg2.png);font:italic 13px/14px 'Droid Serif',georgia,serif;padding:6px 12px;color:#444;margin-top:8px;opacity:.8;}
#tagline a:hover{opacity:1;color:#000;}

/* webkit scroller */
pre::-webkit-scrollbar { width:5px; height:5px; background:#ddd; margin-right:5px; }
pre::-webkit-scrollbar-thumb { height:10px; background-color:#222; }

#news{width:932px;overflow:hidden;}
#news article{width:408px;float:left;margin-right:24px;padding-right:24px;background:url(bin/dots-vert.png) repeat-y 100% 0;}
#news h2{font-size:16px;}
#news .twitter h2{background:url(bin/twitter.png) no-repeat;padding-left:40px;}
#news .featured h2{background:url(bin/feat.png) no-repeat;padding-left:24px;padding-bottom:12px}
#news .featured h3{font: bold 26px/26px Trump, Arial, sans-serif; text-transform:uppercase;margin-bottom:6px}
#news .featured .btn{margin-top:12px;}
#news .tweets li{margin:12px 0;font-size:12px;}
#news .tweets li em{color:#aaa;display:block;}