body {
  padding:0;
  background:rgb(17,39,47);
  color:rgb(137,147,119); 
  font:normal 15px/24px "American Typewriter", georgia, serif; 
  letter-spacing:.1em; }
#wrap {
  width:620px; 
  margin:100px auto 5em auto; 
  text-shadow:rgb(10,30,40) 1px 1px 1px; }
#logo {line-height:0;}
#holodeck_head {
  position:absolute;
  top:5px;
  right:5px;
  padding:5px 15px; }
  #holodeck_head span,
  .sub_nav span {
    display:inline-block;
    padding-bottom:.5em;
    margin-left:15px; }
  #holodeck_head span { }
  .sub_nav span {margin-bottom:1em;}
  .sub_nav span {margin-right:15px;margin-left:0;}

#footer { 
  border-top: 1px dotted rgb(26,59,71);
  margin-top: 3em;
  padding-top: 1em;}

input.signup_token {display:none;}
#account_signup_token {display:none;}

#theme_template_nav {
  float:right;
  width:200px;
  margin-right:-260px; 
  color:rgb(137,147,119); }
.box {
  margin:2em -40px 2em -40px;
  padding:2em 40px;
  color:rgb(19,39,48);
  background:rgb(245,255,229);
  -webkit-border-radius:10px; 
  text-shadow:none; }
h1 {
  margin:.2em 0 .8em 0;
  font-weight:normal;}
h2 {
  margin:1.5em 0 .5em 0;
  font-weight:normal;
  line-height:1.5em;}
  h2 strong {
    font-weight:normal;
    text-transform:uppercase; 
    color:rgb(245,255,229);}
p {
  line-height:1.5em;
  margin:0 0 .5em 0; }
a {
  color:rgb(242,177,47);
  text-decoration:none;
  border-bottom:1px dotted rgb(242,177,47); }
  a:hover {border-bottom:none;}
form {}
  fieldset {
    border:0;
    padding:0;
    margin:0 0 1em 0; }
    fieldset h2 {
      margin:0; }
  label {
    display:block;
    margin-top:1em;}
  input[type=text],
  input[type=password],
  textarea {
    border-size:1px;
    padding:4px;
    font-size:18px; }
  .full_width {margin:0 10px 0 0;}
    .full_width input {width:100%;}
    .full_width textarea {width:100%;}

.preamble {
  font-size:1.5em;
  margin-bottom:2em;}
.small, .notice {font-size:0.875em;}
.notice { 
  margin-top: 1em; 
  color: #666;}
.flash {
  margin:2em -40px 2em -40px;
  padding:22px 40px;
    -webkit-border-radius:10px;
  background:rgb(245,255,229);
  font-size: 1em;
  color:#333;
  text-shadow:none; }

#services {margin-right:-40px;}
  #services .service {
    display:inline-block; 
    vertical-align:top; 
    width:250px;
    margin-top:1em;
    margin-right:40px; 
    margin-bottom:1em;}
  #services .service .logo {
    position:relative;
    display:block;
    margin-bottom:1em;
    height:78px; }
    #services .service .logo img {
      position:absolute;
      bottom:0;
      left:0; }
  #services .tumblr .logo {height:36px;}
  #services .lastfm .logo {height:36px;}
#manage_services .service {}
  #manage_services .service img {margin-top:.5em;}
  #manage_services .service label {margin-top:.5em;}

#manage_services .active_service {
  margin-bottom:-1px;
  padding-top:1em;
  padding-bottom:1em;
  border-top:1px solid rgb(188,196,166);
  border-bottom:1px solid rgb(188,196,166);
  line-height:.2em; }
  #manage_services .active_service a {
    float:right;
    margin-top:1.5em; }

/* Admin */
table {
  width: 100%;
  border-collapse:collapse;
  font-size:0.875em;}
  th, td {
    padding:1em;
    text-align:left;
    border:1px solid #eee;
  }
  th {text-align:left;}
  td {}
