/*
                            Delicately Hand-Crafted by                            ,;s5X932ir:.             
                                                                                ;XHMMH&h9h&H###&s.          
                               .:s3H#@@@@@@@@#AXr:                           s#@@@@#BA&GG&AHM#@@@@@3,       
                          :2#@@@@@@@@@@@@@@@@@@@@@@@@Mi,                   S@@@#BAA&GGGGGGG&AAAHM#@@@A.     
                      ,3@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@S.             :@@@HA&GhhhhhhhhhhhhGGG&AAB#@@2    
                   ,A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@X.         i@@BAA&&Ghhhh&&&A&GhhhhhhGG&AB#@#   
                 S@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r      S@MAAAHHA&Ghhh&AHHAAGhhhhhhhhG&HM@@  
               &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@5   ;@BHr    ,#Gh&5     M&hhhhhhhhGG&AB@M 
             G@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@s ##GBr    ,@&hA2     @MMMMAHMM#MA&&AM@:
           s@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@3.@AhMS    :@&hHh     @;;;;B5:.,r&#A&H@5
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ r#GG#2    :@&GBA    .#           s#AAA3
        ;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 2BGG#2    :@&GMA    .@     r2.    3M&G9
       X@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 5BGG#5    ;@A&#M    .@    5@@@    :@GG9
      A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ;#GGMA     A##@r    ;@    r@@@    :@GG3
     &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@; #&&H@;             #@      ;     9MGA5
    5@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ XB&A#@2          ;#@#           X@&h#:
   :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r #AAH#@@M92ii53H@@#MM    X@XS2A@@AhM9 
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  #AAHB#@@@@@@@@#A&BM    i@@@@@B&GBG  
  X@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  HB&AAAAHHHHAAGhGHM... i@HAA&GG#2   
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@; rMAGGGGGhhhhhhGA#@@@@B&GhhGBB;    
 r@@@,          :A@@@@@@@@@@@@@@@:   ,@@@@@@@@s    @@@@@@@@S    @@@@@@@@@#  iBH&hhhhhhhhGAHMMBA&GGAMBs      
 @@@@             ,@@@@@@@@@@@@@@     @@@@@@@@:    @@@@@@@@;    @@@@@@@@@@@G  ;XHBHA&GGGG&&&AAAHMMh;        
:@@@@.    @@@@     @#AHH#@@@&AHM@:    @M22A@@@s    @#25G@@@2    @@@@M922G@@@@@;  ;2AM#######MHhi:           
2@@@@,    @@@@.   .@     @@@    MS          r@X          :@H    @@:        ,@@@@@     ..,,.                 
#@@@@,           5@@.    @@@    @2     ;.    AB     :,    i@    @    r@@3    @@@@,                          
@@@@@,    ,:::     @r    @@@    @2   .@@@r   .A    @@@9    A    X    3G3&    .@@@;                          
@@@@@,    @@@@@    ,s    @@@    @2   ,@@@X   ,A    @@@#    A    3    .   ;r;,:@@@;                          
H@@@@:    riss.    s5    r2     @2    :H3    &#    .H&    s@    @    M@@@B#@H@@@@,                          
i@@@@.            ;@@           #s          ;@2          ,@H    @@.         ,@@@@                           
,@@@@B9&G9X2X9A#@@@@@@Asri#@@Gh2@@9G9@@2rsh@@@@3Gh@@3rs3@@@@XG9X@@@@3r::;SB@@@@@@                           
 A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@9                           
 .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                            
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#                            
  ,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                             
   B@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@2                             
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                              
     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                               
      @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                
       @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                 
        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B                                  
         &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@i                                   
          :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                     
            2@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r                                      
              &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@5                                        
                3@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@i                                          
                  ;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B:                                            
                     s@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B;                                               
                        ;A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@9,                                                  
                           .:r2GB#@@@@@@@@@@@@@@#HG5r:                                                         

                                www.bubbleup.net 

*/ 

/*============================================================
  normalize.css v3.0.1 | MIT License | git.iofonts/Normalize
============================================================*/

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } 


/*============================================================
  RESETS & HELPERS
============================================================*/

/* resets */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('fonts/SinkinSans-700Bold-webfont.eot');
    src: url('fonts/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-700Bold-webfont.woff') format('woff'),
         url('fonts/SinkinSans-700Bold-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('fonts/SinkinSans-700Bold-webfont.eot');
    src: url('fonts/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-700Bold-webfont.woff') format('woff'),
         url('fonts/SinkinSans-700Bold-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

html {
  height: 100%;
}

body {
  color: #fff; 
  text-align: center; 
  font: 16px/1.00 'sinkin_sans700_bold', sans-serif; 
  height: 100%; 
  background: #c78b79 url(images/bg.jpg) top center no-repeat;
  text-transform: uppercase;
}

a {
  color: #fff;
}

.page {
  padding: 5%;
  background-color: rgba(199, 139, 121, 0.6);
  background-size: 1500px auto;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
}

@media (min-width: 1100px) {
  .page {
    background-size: auto;
    padding: 3% 5%;
  }
}

h1 {
  margin: 0 0 1em;
}

h1 img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}


.album img {
  max-width: 480px;
  display: block;
  margin: 0 auto;
  width: 100%;
}

.preorder {
  margin: 1em auto;
}

h2 {
  font-size: 1.5em;
  line-height: 1;
} 
 
.preorder a {
  text-decoration: none;
  display: inline-block;
  padding: .25em 1em;
  margin: .2em;
  box-shadow: 0 .2em .2em rgba(0,0,0,.3);
  border-right: 1px solid #092224;
  border-bottom: 1px solid #092224;
  background: #079992;
  background: -moz-linear-gradient(top,  #079992 0%, #045b57 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#079992), color-stop(100%,#045b57));
  background: -webkit-linear-gradient(top,  #079992 0%,#045b57 100%);
  background: -o-linear-gradient(top,  #079992 0%,#045b57 100%);
  background: -ms-linear-gradient(top,  #079992 0%,#045b57 100%);
  background: linear-gradient(to bottom,  #079992 0%,#045b57 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079992', endColorstr='#045b57',GradientType=0 );
}

.preorder a:hover {
  background: #16b1a9;
  background: -moz-linear-gradient(top,  #16b1a9 0%, #127974 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16b1a9), color-stop(100%,#127974));
  background: -webkit-linear-gradient(top,  #16b1a9 0%,#127974 100%);
  background: -o-linear-gradient(top,  #16b1a9 0%,#127974 100%);
  background: -ms-linear-gradient(top,  #16b1a9 0%,#127974 100%);
  background: linear-gradient(to bottom,  #16b1a9 0%,#127974 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16b1a9', endColorstr='#127974',GradientType=0 );
}


@media (min-width: 1100px) {
  .preorder {
    position: absolute;
    top: 30%;
    left: 3%;
    color: #333;
  }
}



.entry {
  margin: 1em 0;
}

.entry a {
  display: block;
  border: 2px solid #fff;
  text-decoration: none;
  padding: .5em 1em;
  width: 300px;
  margin: .5em auto;
  line-height: 1.4;
}

.entry a:hover  {
  background: #fff;
  color: #000;
}

@media (min-width: 800px) {
  .entry a {
    display: inline-block;
    width: auto;
    margin: .5em;
  }
}

@media (min-width: 1100px) {
  .entry {
    margin: 2% 0;
  }
}

.footer {
  margin: 2em 0 0;
}

.footer form {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

.footer form input {
  background: #fff;
  width: 100%;
  color: #222;
  height: 35px;
  line-height: 35px;
  border: 0;
  text-align: center;
  padding: 0 .5em;
}

.footer form button {
  background: none;
  border: 2px solid #fff;
  text-decoration: none;
  padding: .5em 1em;
  display: block;
  margin: .5em auto;
  line-height: 1.4; 
  height: 35px;
  padding: 0 1em;
  text-transform: uppercase;
  font-size: .9em;
}

.footer form button:hover {
  background: #fff;
  color: #000;
}

.socials {
  margin: 2em 0;
  padding: 0;
  list-style: none;
}

.socials li {
  display: inline-block;
  width: 38px;
  margin: 0 3px;
}

.socials img {
  width: 100%;
  border-radius: 100%;
}


@media (min-width: 1100px) {
  
  .footer:after {
    content:"";
    display: table;
    clear: both;
  }

  .footer {
    margin: 10% 0 0;
  }

  .footer form {
    float: left;
    max-width: none;
    width: 600px;
  }

  .footer form input {
    float: left;
    margin: 0;
    width: 280px;
    text-align: left;
  }

  .footer form button {
    float: left;
    margin: 0;
  }

  .socials {
    float: right;
    margin: 0;
  }
}