body,
input,
textarea {
  font-family:varial, sans-serif;
  font-size:12px;
  }
  
img {
  border:0;
  }
  
a {
  color:#01bde5;
  text-decoration:none;  
  }

h1, h2 {
  margin-top:0;
  letter-spacing:-0.02em;
  }
  
h1 {
  padding-left:40px;
  background:url(images/tweetdeck.png) 0 0 no-repeat;
  }
  
.loading {
  display:block;
  width:16px;
  height:16px;
  margin:0 auto;
  background:url(images/loading.gif) 0 0 no-repeat;
  }
  
#page {
  position:relative;
  width:500px;
  margin:0 auto;
  padding:0.5em;
  border:0.1em solid #ccc;
  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-bot-sizing:border-box;
  }
  
#source {
  position:absolute;
  bottom:-20px;
  right:-0.1em;
  
  font-family:monospace, arial, sans-serif;
  font-size:10px;
  }
  a.download {
    padding:3px 20px 3px 5px;
    background:url(images/download.png) 100% 50% no-repeat;
    border:0.1em solid #ccc;
    }
    a.download:hover {
      background-color:#eee;
    }

#profile {
  margin-top:1em;
  padding:0.3em;
  background:#eee;
  border:0.1em solid #ddd;
  }
  #profile #avatar {
    float:left;
    display:block;
    width:53px;
    }
    #profile #avatar img {
      width:48px;
    }
  #profile .content {
    position:relative;
    margin-left:53px;
    }
  #profile h2 {
    margin-bottom:0.2em;
    }
  #profile .description {
    margin-top:1em;
    }
  #profile .extra {
    margin-top:0.5em;
    border-top:0.1em dotted #ccc;
    color:#666;
    font-size:80%;
    }

/*#profile.protected {
  background:#fffce5;
  }
  #profile.protected .content {
    background:url(images/lock.gif) 100% 0 no-repeat;
    }*/
span.protected {
  float:right;
  display:block;
  width:7px;
  height:11px;
  margin-top:2px;
  background:url(images/lock.gif) 0 0 no-repeat;
  cursor:default;
  
  position:absolute;
  bottom:0;
  right:0;
  }
  
form .fieldset {
  padding:0.3em;
  border:0.1em solid #ddd;
  }
form input.form-text {
  padding:0.2em;
  border:0.1em solid #ddd; 
  }
  form input.form-text.hint {
    color:#ddd;
  }
  form input.form-text:focus {
    background:#eee;
  }
  
#profile.empty,
#error {
  background:#fcf7e4;
  border:0.1em solid #f2ed97;  
  }
#error {
  margin-top:0.5em;
  padding:0.3em;
  }
  
.warning {
  padding:0.5em;
  background:#fffbc6;
  border:0.1em solid #fef781;
  font-size:10px;
  }