* {
  margin:0;
  padding:0;
}

body {
  color:#444;
  font-size:62.5%;
  font-family:Helvetica, Arial, sans-serif;
}

#wrapper {
}

#header {
  background:#333;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111));
  color:white;
  padding:2em 3em;
}
  #header h1 {
    font-weight:normal;
    font-size:2.4em;
    letter-spacing:-1px;
  }
  #header a {
    color:white;
    text-decoration:none;
  }
  #header a:hover {
    background:white;
    color:#2b2b2b;
  }
  #header p.user-status {
    font-size:1.2em;
    float:right;
  }

#website-header {
  background:#222;
  background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
  color:white;
  padding:1em 3em;
}
  #website-header a {
    color:white;
    font-family:Verdana, sans-serif;
    text-decoration:none;
    padding:5px 10px;
  }
  #website-header a:hover {
    color:#141414;
    background:#ee3897;
    -webkit-border-radius:0.5em;
  }
  #website-header li {
    font-size:1.2em;
    display:inline;
    list-style-type:none;
  }

#content {
  padding: 2em 3em 0 3em;
}
  #content h1 {
    color:#222;
    font-size:2.4em;
    margin-bottom:0.65em;
  }
  #content h2 {
    color:#222;
    font-size:1.8em;
  }
  #content h3,
  #content h4 {
    margin-bottom:0.65em;
  }
  #content form {
    margin-bottom:2em;
  }
  #content p {
    font-size:1.4em;
    margin-bottom:0.75em;
  }
  #content ul {
    margin-bottom:0.75em;
    margin-left:2em;
  }
  #content li {
    font-size:1.4em;
  }
  #content label {
    display:block;
    margin-bottom:3px;
  }
  #content label.checkbox-label {
    display:inline;
    padding-left:10px;
  }
  
  #content input {
    font-size:1em;
    padding:3px;
  }
  
  #content #posts {
    
  }
    #content #posts .post {
      background-color:#fbfbfb;
      border:1px solid #999;
      margin-bottom:1em;
      padding:1em 1em 0.5em;
    }
  
#flash-notice {
  padding:0.5em;
  margin-bottom:1em;
  background:#bfffca;
  border:1px solid #7ff894;
  font-size:1.2em;
}

#content .liquid-editor {
  width: 100%;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Monaco", monospace;
}

.asset {
  clear:both;
  overflow:hidden;
  background-color:#efefef;
  padding:1em;
  margin:10px 0;
  border:1px solid #ccc;
}

.asset .thumbnail {
  float:left;
  margin-right:10px;
}


code,
p.code {
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Monaco", monospace;
}

a img {
  border-width:0px;
}

.right {
  float:right;
}

.highlight {
  font-weight:bold;
  background:#FFFFE0;
}

.objects {
  background:#666;
  margin-bottom:2em;
}

.item {
  background-color:#eee;
  font-size:1.4em;
  padding:0.5em;
}
.item.odd {
  background-color:#ddd;
}

/* Froms and inputs */

textarea {
  font-size:1.2em;
  width:100%;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Monaco", monospace;
}

/* Headings and buttons */

div.heading
{
  height:2.8em;
  margin-bottom:1.5em;
}
  div.heading h1
  {
    float:left;
  }
  div.heading h2
  {
    padding-top:.2em;
    float:left;
  }
  div.heading a.button
  {
    float:right;
    margin-left:1em;
  }

table.items
{
  width:100%;
}
  table.items tr th,
  table.items tr td
  {
    background-color:#eee;
    font-size:1.4em;
    padding:0.5em;
    text-align:left;
  }
  table.items tr th
  {
    background-color:#ddd;
    border-bottom:2px solid #999;
  }
  table.items tr.odd th,
  table.items tr.odd td
  {
    background-color:#ddd;
  }

/* Things for the themes page */

table.themes td {
  text-align:center;
  padding:10px;
}


/* Tabs */

.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-panel {
  background-color:#eee;
  padding:1em;
}
#tabs {
  margin-top:3em;
}
#tabs ul {
  margin-left:0.0em;
}
#tabs ul li {
  background-color:#eee;
  display:inline;
  list-style-type:none;
  padding:0.7em 1em;
  border-bottom:1px solid #eee;
  margin-right:0.5em;
  -moz-border-radius-top-right:0.5em;
}



tr.ui-state-highlight {
  height:34px;
}