body {
  font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  padding: 0;
  margin: 0;
  background-color: white; }

.button {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: 0.5em 2em 0.55em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .button:hover {
    text-decoration: none; }
  .button:active {
    position: relative;
    top: 1px; }

.bigrounded {
  border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em; }

.medium {
  font-size: 12px;
  padding: 0.4em 1.5em 0.42em; }

.small {
  font-size: 11px;
  padding: 0.2em 1em 0.275em; }

/* color styles */
/* black */
.black {
  color: #d7d7d7;
  border: solid 1px #333333;
  background: #333333;
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(black));
  background: -moz-linear-gradient(top, #666666, black);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='black'); }
  .black:hover {
    background: black;
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(black));
    background: -moz-linear-gradient(top, #444444, black);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='black'); }
  .black:active {
    color: #666666;
    background: -webkit-gradient(linear, left top, left bottom, from(black), to(#666666));
    background: -moz-linear-gradient(top, black, #666666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='#666666'); }

/* gray */
.gray {
  color: #e9e9e9;
  border: solid 1px #555555;
  background: #6e6e6e;
  background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757));
  background: -moz-linear-gradient(top, #888888, #575757);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }
  .gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }
  .gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888888));
    background: -moz-linear-gradient(top, #575757, #888888);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); }

/* white */
.white {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
  background: -moz-linear-gradient(top, white, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ededed'); }
  .white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdcdc));
    background: -moz-linear-gradient(top, white, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dcdcdc'); }
  .white:active {
    color: #999999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(white));
    background: -moz-linear-gradient(top, #ededed, white);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='white'); }

/* orange */
.orange {
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top, #faa51a, #f47a20);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
  .orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
  .orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }

/* red */
.red {
  color: #faddde;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
  background: -moz-linear-gradient(top, #ed1c24, #aa1317);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); }
  .red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top, #c9151b, #a11115);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); }
  .red:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top, #aa1317, #ed1c24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); }

/* blue */
.blue {
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); }
  .blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); }
  .blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); }

/* rosy */
.rosy {
  color: #fae7e9;
  border: solid 1px #b73948;
  background: #da5867;
  background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
  background: -moz-linear-gradient(top, #f16c7c, #bf404f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); }
  .rosy:hover {
    background: #ba4b58;
    background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
    background: -moz-linear-gradient(top, #cf5d6a, #a53845);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); }
  .rosy:active {
    color: #dca4ab;
    background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
    background: -moz-linear-gradient(top, #bf404f, #f16c7c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); }

/* green */
.green {
  color: #e8f0de;
  border: solid 1px #538312;
  background: #64991e;
  background: -webkit-gradient(linear, left top, left bottom, from(#7db720), to(#4e7d0e));
  background: -moz-linear-gradient(top, #7db720, #4e7d0e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db720', endColorstr='#4e7d0e'); }
  .green:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top, #6b9d28, #436b0c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }
  .green:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); }

/* pink */
.pink {
  color: #feeef5;
  border: solid 1px #d2729e;
  background: #f895c2;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
  background: -moz-linear-gradient(top, #feb1d3, #f171ab);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); }
  .pink:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
    background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); }
  .pink:active {
    color: #f3c3d9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
    background: -moz-linear-gradient(top, #f171ab, #feb1d3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); }

#main {
  margin-left: 40px;
  font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color: #666666;
  padding-top: 20px;
  width: 600px; }

strong {
  color: black;
  font-weight: 200%; }

img {
  border: none; }

a {
  text-decoration: none;
  color: blue; }
  a:hover {
    text-decoration: underline; }

#icon {
  margin-right: 20px;
  float: left; }

h1 {
  font-size: 380%;
  font-weight: bolder;
  letter-spacing: -0.06em;
  margin: 0; }

h2 {
  font-size: 150%;
  color: #666666; }

q {
  color: green;
  font-size: 125%;
  font-weight: bold; }

.quote {
  padding: 0 0 0 30px; }

#header {
  color: white;
  background-color: black;
  padding: 40px;
  height: 128px;
  min-width: 970px; }
  #header p {
    font-size: 160%;
    color: gray; }
  #header a {
    color: #aaaaaa; }

#phone {
  position: absolute;
  top: 75px;
  left: 660px;
  /* TODO: put in #screen, but that'd involve changing the slideshow script */ }
  #phone #status-bar {
    position: absolute;
    top: 133px;
    left: 42px;
    z-index: 999; }
  #phone #screen {
    position: absolute;
    top: 133px;
    left: 42px; }
    #phone #screen img {
      position: absolute;
      top: 0;
      left: 0; }