/*html{background:#FFF5ED;color:black}*/
html{background-image: url(./images/furley_bg.png);}
body{ font:normal medium Helvetica,Verdana,Geneva,sans-serif; padding:0; margin:0 auto;font-size:100%;}
img.img-phone{
  position: absolute;
  top: 20;
  left: 100;
  width: 350;
}
img.img-info{
  position: absolute;
  top: 175;
  left: 670;
  width: 300;
}
img.img-screen{
  position: absolute;
  top: 110;
  left: 146;
  width: 250;
}
#title_text{
  position: absolute;
  top: 100;
  left: 580;
  font:xx-large bold Verdana,Geneva,sans-serif;
  font-size: 6em;
}
#download_link{
  position: absolute;
  top: 42;
  left: 640;
}
#about_beta{
  position: absolute;
  top: 60;
  left: 820;
}
#about_text{
  position: absolute;
  top: 420;
  left: 630;
  width: 450;
  color: #a8a8a8;
}
#about_image{
  position: absolute;
  bottom: 15;
  right: 15;
  color: #a8a8a8;
}
a{background:transparent;text-decoration:none;border-bottom:1px dotted}
a:hover{border-bottom:1px solid}
a:link{color:#1b67c9}
a:visited{color:darkorchid}
h1 a,h2 a,h3 a{color:inherit !important}
h2,h3,p{margin:1.75em 0}
h1,h2,h3{font-size:medium}
h1{letter-spacing:1em;text-align:center;margin:0}
#header{background-image: url(./images/wpa_head_background_norm.png);background-repeat: repeat-x;margin:0}
#header p{text-align:center;font-size:medium;line-height:2.154}
#header a{color:#B2AE00}
#banner{background-image: url(./images/wpa_banner_norm.png); height:200px; margin:auto; width:600px}
#arc th,#arc td{list-style:none;margin:0;padding:0}
#arc th{text-align:right}
#footer,.c{text-align:center;clear:both}
#arc th{padding:0 1.75em 0 0;vertical-align:baseline}
#arc{border-collapse:collapse}
.post-date{float:right;font-size:small;margin:2px 0 0 0}
.post_title{font-family: 'Patua One', cursive;}
#nav ul{margin:0;padding:0 1em 0 0;text-align:center}
#nav li{display:inline;padding-left:1em}
#nav{background:#34A3E8}
#empty{padding:0.5em 0.75em}
#entry{margin:0 auto;width:50em;padding:0.5em 0.75em}
.entry{padding:0.5em 0.75em}
#entry{font-family: 'Lustria', serif;}
.ingredients{float:right;background:#34282C;color:#B2AE00;font-size:0.75em;line-height:1;padding:0.5em 0.5em;padding-left:20px}
.nutrition{float:right;background:#34282C;color:#B2AE00;font-size:0.75em;line-height:1;padding:0.5em 0.5em;padding-left:20px}
/* Change up the buttons to match GitHub */
.primary.btn {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  background-color: #3072b3; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #599bdc 0%, #3072b3 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#599bdc), color-stop(100%,#3072b3)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #599bdc 0%,#3072b3 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #599bdc 0%,#3072b3 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #599bdc 0%,#3072b3 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599bdc', endColorstr='#3072b3',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #599bdc 0%,#3072b3 100%); /* W3C */
  border: 1px solid #2967a4;
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
}
.primary.btn:hover {
  background-position: 0 -15px;
}
.primary.btn:active {
  background-color: #3072b3; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #285e93 0%, #3072b3 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#285e93), color-stop(100%,#3072b3)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #285e93 0%,#3072b3 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #285e93 0%,#3072b3 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #285e93 0%,#3072b3 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#285e93', endColorstr='#3072b3',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #285e93 0%,#3072b3 100%); /* W3C */
  -webkit-box-shadow: inset 0 10px 10px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 10px 10px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.2);
          box-shadow: inset 0 10px 10px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.2);
}
/* Download button */
.download {
  position: absolute;
  top: 31;
  left: 830;
  margin: 30px 0 50px;
  text-align: center;
}
.download .btn {
  font-size: 20px;
  padding: 12px 24px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.button {
   border-top: 1px solid #828287;
   background: #2f2f33;
   background: -webkit-gradient(linear, left top, left bottom, from(#353738), to(#2f2f33));
   background: -webkit-linear-gradient(top, #353738, #2f2f33);
   background: -moz-linear-gradient(top, #353738, #2f2f33);
   background: -ms-linear-gradient(top, #353738, #2f2f33);
   background: -o-linear-gradient(top, #353738, #2f2f33);
   padding: 16px 32px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ccc;
   font-size: 21px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #c0c0cc;
   background: #c0c0cc;
   color: #38469c;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
#footer{background:#34A3E8;color:white}