body { 
  font-family:Verdana, 'Bitstream Vera Sans', sans-serif;
  text-align:center;
  margin:0px;
  line-height:1.5em;
}

div#content {
  padding:1ex 2ex 3ex 2ex;
  margin:auto;
  min-width:30em;
  max-width:50em;
  text-align:center;
}

/* LOGO_SCALE = 5 */
div#head{ 
  text-align:left;
  /* For the logo and header text baseline alignment */
  position:relative;
  top:-10px; /* LOGO_SCALE * 2 */
}

img#logo{ 
  border:0;
  vertical-align:baseline;
  position:relative;
  top:10px;
  width:131px;
  height:35px; /* LOGO_SCALE * 7 */
}

span#subdomain-links{ 
  font-size:0.75em;
  line-height:25px; /* LOGO_SCALE * 5 */
}

span#subdomain-links > a, span#subdomain-links > span { 
  margin:0 0.25em;
}

span#subdomain-links > span {
  font-weight:bold;
}

div#overlay { 
  z-index:3;
  display:none;
  top:0;
  bottom:0;
  left:0;
  right:0;
  position:fixed;
  -moz-opacity:.5; /* Firefox */
  opacity:.5; /* Safari */
  filter:alpha(opacity=50); /* IE */
}

span#auth{ 
  float:right;
  line-height:1.125em;
  font-size:0.75em;
  margin-top:5px;
}

a#show-login, a#show-signup, span#you-label{ 
  display:none;
  padding-left:8px;
}

div#signup, div#login, div#post, div#share, div#about, div#change-password { 
  position:fixed;
  display:none;
  left:25%;
  right:25%;
  top:25%;
}

div.modal{ 
  position:relative;
  text-align:left;
  padding:8px;
}

div.modal > div{ 
  clear:both;
}

div.modal > div > label{ 
  width:40%;
  display:block;
  float:left;
  clear:left;
  text-align:right;
  white-space:nowrap;
}

div.modal > div > input{
  width:55%;
  display:block;
  float:left;
  clear:right;
}


div#about { 
  z-index:4;
}

div#login{ 
  z-index:5;
}

div#signup{ 
  z-index:6;
}

p, li { 
  font-size:0.875em;
}

div.button-box{ 
  text-align:right;
}

a#show-about{ 
  float:right;
  clear:none;
  font-size:0.6667em;
  margin-right:0.5em;
}

div#upload{
  height:1.75em; /*for Safari which makes this element too tall*/
  text-align:center;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  float:none;
  clear:both;
  z-index:2;
}

a{ 
  text-decoration:none;
}

a > img{ 
  border-width:1px;
}

a.close{ 
  font-weight:bold;
  font-size:24px;
  float:left;
  clear:none;
  position:absolute;
  top:-12px;
  left:-12px;
  line-height:1em;
}

a.close > img{ 
  border:0;
  width:23px;
  height:23px;
}

a.stumble img {
  border-width:0;
  vertical-align:middle;
}