/*
Global stylesheet for plausiblelabs.com/plausible.coop, intended for use on all web pages.
Contains base element styles and common layouts used across the site.
*/

/* global whitespace reset */
* {
    padding: 0;
    margin: 0;
    outline-style: none;
}

/* ----- Custom Fonts --*/

/* Bebas Neue */
@font-face {
    font-family: "BebasNeueRegular";
    src: url("https://plausible.coop/static/fonts/BebasNeue-webfont.eot");
    src: url("https://plausible.coop/static/fonts/BebasNeue-webfont.eot#iefix") format("embedded-opentype"),
         url("https://plausible.coop/static/fonts/BebasNeue-webfont.woff") format("woff"),
         url("https://plausible.coop/static/fonts/BebasNeue-webfont.ttf") format("truetype"),
         url("https://plausible.coop/static/fonts/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* ----- Base Styles --*/

html {
    /* set our stretchable background gradient */
    border-top: 5px solid #25aae1;
    background: #ececec url("https://plausible.coop/static/images/template/background_gradient.png") top left;
    background-size: 100% 100%;
    min-height: 100%; /* to stretch background image */
    min-width: 1040px;
}

body {
    font: 13px/1.5 "Helvetica Neue", Helvetica, sans-serif;
    color: black;
}

#wrapper {
    width: 960px; /* plus 60px left/right padding = 1020px */
    margin: 0 auto;
    padding: 30px 30px 0 30px;
}

table {
	border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    color: #0e76bc;
    font-weight: bold;
}

a img {
    border: none;
}

/* Horizontal rule with flourish */
hr {
    background: url("https://plausible.coop/static/images/template/separator.png") center top no-repeat;
    width: 100%;
    height: 16px;
    margin: 10px 0 30px 0;
    outline: none;
    border: none;
    opacity: 0.4;
}

/* Blue button */
/* TODO: define constant for blue color */
a.button {
   background: url("https://plausible.coop/static/images/template/general_button.png") 0 0 no-repeat;
   font: 20px/0 "BebasNeueRegular";
   color: #0e76bc;
   text-shadow: 0px 1px white;
   padding-top: 18px;
   width: 119px;
   min-height: 52px; /* plus padding, 52px */
   margin-left: -4px; /* to account for drop shadow */ 
   text-align: center;
   display: block;
}

h1, h2 {
    font-family: "BebasNeueRegular";
    font-weight: normal;
    color: #0e76bc;
    text-shadow: 0px 1px white; 
}

h1 { font-size: 45px; line-height: 1.0;}
h2 { font-size: 34px; line-height: 1.1;}

div.clearFloats {
   height: 0;
   clear: both; 
}


/* ----- Site Navigation --*/

#nav {
    height: 109px;
}

#nav h1 {
    float: left;
}

#nav ul {
    height: 25px;
    margin-top: 40px;
    float: right;
}

#nav ul li {
    font: 20px "BebasNeueRegular";
    text-shadow: 0px 1px white;
    display: inline;
    margin-left: 20px;
}

#nav ul li.twitter { padding-top: 0;}
#nav ul li.twitter img { 
    height: 25px;
    vertical-align: middle;
}

#nav a { font-weight: normal; }
#nav ul li a { color: #666666;}
#nav ul li a.currentPage, #nav ul li a:hover { color: #0e76bc;}


/* ----- Box Header --*/

.boxHeader h1 {
    margin-bottom: 8px;
}

.boxHeader p {
    width: 380px;
    margin-bottom: 15px;
}


/* ----- Footer --*/

#footer {
   background: url("https://plausible.coop/static/images/template/footer_flask.png") right top no-repeat;
   padding-top: 96px;
   margin-bottom: 38px;
}

#footer img {
    margin-right: 5px;
}

#footer p {
    font-size: 12px;
    text-align: right;
}

/* ----- (404/500) Error Page --*/

#errorPage {
	margin: 30px 200px 30px 0;
}

#errorPage h2, 
#errorPage p {
	margin-bottom: 10px;
}

/*
     FILE ARCHIVED ON 07:54:26 Nov 08, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:51:09 Jun 17, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.18
  exclusion.robots: 0.133
  exclusion.robots.policy: 0.115
  esindex: 0.032
  cdx.remote: 129.445
  LoadShardBlock: 212.546 (3)
  PetaboxLoader3.datanode: 171.275 (5)
  PetaboxLoader3.resolve: 606.192 (4)
  load_resource: 689.317 (2)
*/