* { margin: 0; padding: 0; }

body { text-rendering: optimizeLegibility !important; color:#474747; font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:14px; font-size-adjust:none; font-weight:normal; line-height:24px; }

a { color: #29A9D5; text-decoration: none; }
a:hover { text-decoration: underline; }

input[type=text], textarea { 
  border: 1px solid #ccc;
  padding: 11px 10px 10px;
  outline: none;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 13px;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
textarea { line-height: 20px; height: 60px; }
.placeholder { color: #aaa; }

#wrap { margin: 100px auto; width: 900px; }
#header { padding: 0 0 30px; position: absolute; width: 900px; top:200px; border-bottom: 0px solid #eee; }
#header input[type=text] { top: -14px; }

#account { float: right; width: 600px; text-align: right; position: relative; top:2px; }
#account input { margin: 0 15px 0 0; }
#account img { cursor: pointer; }
#account #add { margin: 0 15px 0 0; }

#main { position: absolute; top: 175px; width: 900px; }

#search_bar { 
  position: relative; top: -37px; padding: 10px; 
  background: #eeeeee;
}

#bookmarks { padding: 0 0 35px; float: left; width: 600px; margin: 0 50px 0 0; }

.bookmark { width: 600px; border-bottom: 1px solid #eee; padding: 0 0 25px; margin: 0 0 21px; }
.bookmark a { font-size: 20px; font-weight: bold; margin: 0 0 7px; display: block; }
.bookmark pre { color: #aaa; font-size: 12px; display: block; margin: 0 0 5px; }
.bookmark pre.nodesc { margin: 0 0 11px; }
.bookmark pre span { cursor: pointer; }
.bookmark p { color: #777; font-size: 13px; margin: 0 0 11px; }

.bookmark .tags { }

.bookmark .tag { 
  font-size: 12px; padding: 1px 6px; background: #eee; cursor: pointer; margin: 0 10px 0 0;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
  display: block;
  float: left;
  -webkit-box-shadow: 2px 2px 5px 1px #eee;
  -moz-box-shadow: 2px 2px 5px 1px #eee;
  box-shadow: 2px 2px 5px 1px #eee;
  border: 1px solid #ccc;
}
.bookmark .tag.action { background: #e5f3c9; color: #4c7a27; }

#sidebar {
  background: #eee;
  float: left;
  width: 210px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  font-size: 13px;
}

#sidebar h3 { 
  margin: 0 0 15px;
}

#sidebar ul {
  list-style-type: none;
}

#sidebar li {
  border-bottom: 1px solid #ddd;
  margin: 0 0 8px;
  padding: 0 0 4px;
  line-height: 20px;
}

#sidebar li .tag {
  float: left;
  width: 150px;
}

#sidebar li .count {
  float: right;
  width: 50px;
  text-align: right;
}

#portable_wrap { margin: 25px auto; width: 450px; }
#portable_header { padding: 0 0 25px; width: 450px; border-bottom: 5px solid #eee; }
#portable_close { float: right; position: relative; top: 10px; }
#portable_main .form_control { margin: 20px 0; }
#portable_main .form_control .desc { width: 50px; text-align: left; float: left; margin: 0 20px 0 0; font-weight: bold; position: relative; top: 7px; }
#portable_main .form_control .control { width: 360px; text-align: left; float: left;  }
#portable_main input[type=text], #portable_main textarea { width: 360px; }
#portable_main .errors { background: #E5887B; color: #fff; padding: 15px; }
#portable_main .maintenance { margin: 25px 0 0; font-size: 13px; }
