html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  background: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0 20px;
  z-index: 0; }

h1 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 18px 0; }

h2 {
  color: #fff;
  font-size: 18px;
  font-weight: normal; }

h3 {
  color: #f6f6f6;
  margin: 12px 0 -6px 0; }

label, input, textarea {
  display: block; }

label {
  color: #f3f3f3;
  margin-top: 12px;
  margin-bottom: 3px; }
  label span {
    filter: alpha(opacity=30);
    moz-opacity: 0.3;
    khtml-opacity: 0.3;
    opacity: 0.3; }

input {
  font-size: 14px; }

input:focus, textarea:focus {
  outline: auto 3px #39c; }

img {
  border: 0; }

p {
  color: #fff;
  margin: 12px 0; }

a {
  color: #39c;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

#template {
  margin: 20px auto;
  width: 811px; }

#header {
  background: url('/images/application/header.gif');
  height: 93px; }
  #header #omnigraffle {
    margin-bottom: -3px;
    margin-left: 94px; }
  #header #graffletopia {
    margin-top: 46px; }
  #header #slogan {
    float: right;
    margin-top: 70px;
    margin-right: 90px; }
    #header #slogan img {
      margin: 0 -3px 0 -1px; }

#content {
  background: url('/images/application/gradient.gif') repeat-x;
  min-height: 600px; }

#primary {
  margin-left: 165px;
  min-height: 600px;
  padding-right: 15px;
  padding-bottom: 10px; }
  #primary ul#navigation {
    margin-bottom: 37px;
    padding-top: 10px; }
    #primary ul#navigation li {
      display: inline;
      font-weight: bold;
      margin-right: 10px;
      text-shadow: 1px 1px 1px #000; }
      #primary ul#navigation li a {
        color: #708570; }
        #primary ul#navigation li a:hover {
          text-decoration: none;
          color: #ccc; }

#secondary {
  margin-left: 22px;
  padding-top: 46px;
  position: absolute;
  width: 110px;
  z-index: 0; }
  #secondary h3 {
    color: #fff;
    margin: 0;
    padding: 18px 0 3px 0; }
  #secondary li {
    line-height: 16px; }
  #secondary #current_user {
    color: #fff; }
    #secondary #current_user a {
      margin-top: 6px; }
  #secondary #prompt {
    margin-top: 20px;
    color: #fff; }
  #secondary #search {
    margin-top: 18px; }
    #secondary #search input {
      color: #222;
      font-size: 11px;
      width: 105px; }
    #secondary #search fieldset {
      border: 0; }
    #secondary #search label {
      color: #999;
      display: none;
      font-weight: bold; }
    #secondary #search .submit {
      display: none; }
    #secondary #search * :focus {
      outline: none; }

#footer {
  background: url('/images/application/footer.png');
  height: 18px;
  width: 100%; }

.box {
  height: 38px;
  margin: 12px 0; }
  .box .left {
    background: url('/images/application/box_left.png');
    float: left;
    height: 38px;
    width: 5px; }
  .box .center {
    background: url('/images/application/box_center.png') repeat-x;
    float: left;
    height: 38px; }
  .box .right {
    background: url('/images/application/box_right.png');
    float: left;
    height: 38px;
    width: 5px; }

.clear {
  clear: both; }

span.bullet {
  color: #363; }

.stencil {
  height: 125px;
  margin: 12px 10px 12px 0; }
  .stencil a {
    color: #fff;
    font-weight: bold; }
  .stencil .created_at {
    color: #ccc;
    font-weight: bold; }
  .stencil .thumb {
    background: #f5f5f5;
    border: 1px solid #ccc;
    float: left;
    height: 100px;
    margin: 0 12px 0 0;
    width: 100px; }
  .stencil .meta {
    color: #fff;
    margin-left: 110px;
    filter: alpha(opacity=50);
    opacity: 0.5; }
    .stencil .meta a {
      font-weight: normal;
      text-decoration: underline; }
      .stencil .meta a:hover {
        text-decoration: none; }
    .stencil .meta span.bullet {
      color: #999; }
    .stencil .meta img {
      clip: rect(0 299px 30px 4px);
      overflow: auto;
      position: absolute;
      margin-top: -3px;
      float: left; }

.comment {
  margin: 18px 0;
  min-height: 48px;
  overflow: hidden; }
  .comment p {
    color: #fff;
    line-height: 16px;
    margin: 12px 5px 12px 60px;
    filter: alpha(opacity=80);
    opacity: 0.8; }
  .comment p.author {
    margin-top: 0;
    margin-bottom: 3px;
    filter: alpha(opacity=60);
    opacity: 0.6; }
    .comment p.author a {
      color: #fff; }
    .comment p.author span a {
      border-bottom: 1px dotted #ccc; }
      .comment p.author span a:hover {
        text-decoration: none;
        border-bottom: 1px solid #fff; }
  .comment p.author + p {
    margin-top: 0; }
  .comment img.gravatar {
    float: left;
    margin: 0 10px 10px 0; }

#login_to_comment {
  padding-top: 12px; }
  #login_to_comment a {
    color: #fff;
    text-decoration: underline; }
    #login_to_comment a:hover {
      text-decoration: none; }

#comment_comment {
  margin-top: 4px; }

.tags {
  display: inline;
  margin: 10px 0;
  padding: 0; }
  .tags li {
    display: inline;
    margin: 0;
    padding: 0; }

.default, li.default {
  display: none; }

ol.tag-cloud {
  margin-top: -12px; }
  ol.tag-cloud li {
    display: inline;
    line-height: 30px;
    margin-right: 5px; }
    ol.tag-cloud li a {
      text-shadow: 1px 1px 1px #10260c; }
  ol.tag-cloud span {
    position: absolute;
    left: -999px;
    width: 990px; }
  ol.tag-cloud .not-popular {
    font-size: 16px; }
  ol.tag-cloud .not-very-popular {
    font-size: 18px; }
  ol.tag-cloud .somewhat-popular {
    font-size: 24px; }
  ol.tag-cloud .popular {
    font-size: 30px; }
  ol.tag-cloud .very-popular {
    font-size: 36px; }
  ol.tag-cloud .ultra-popular {
    font-size: 48px; }

.pagination {
  color: #fff;
  font-size: 18px;
  text-transform: lowercase;
  margin-top: -10px; }
  .pagination .disabled {
    display: none; }
  .pagination .current {
    background-color: white;
    border: 1px solid #2E5744;
    color: #006633;
    font-weight: bold;
    margin: 0px 4px;
    padding: 0px 4px; }
  .pagination a {
    color: #fff;
    margin: 0 4px; }

#search_form input {
  display: inline;
  margin-bottom: 18px; }

#errors {
  color: #fff;
  font-weight: bold;
  filter: alpha(opacity=60);
  opacity: 0.6; }
  #errors ul {
    list-style: disc;
    margin: 0 0 0 15px; }
    #errors ul li {
      color: #fff;
      line-height: 16px; }

.flash {
  color: #fff;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 6px;
  filter: alpha(opacity=60);
  opacity: 0.6; }



.homepage {
  padding-top: 3px;
  padding-bottom: 9px; }

.dashboard {
  padding-bottom: 9px; }

.comment_form {
  padding-top: 3px; }

#big_text {
  font-size: 16px; }
  #big_text a {
    color: #29b1ea;
    text-decoration: underline; }
    #big_text a:hover {
      text-decoration: none; }
  #big_text p {
    line-height: 24px;
    margin-right: 20px;
    filter: alpha(opacity=80);
    opacity: 0.8; }
  #big_text h3 {
    margin-top: 18px; }
  #big_text ul {
    margin-top: -6px; }
    #big_text ul li {
      color: #fff;
      line-height: 1.5em;
      filter: alpha(opacity=80);
      opacity: 0.8; }

#viral {
  padding: 4px 0 12px 0;
  color: #fff; }

#ZoomClose img {
  display: none; }

#ZoomImage {
  margin-left: -1px;
  margin-top: -1px; }

#shadow2 {
  background: url('/images/zoom/zoom-shadow2.png') repeat-x; }

#shadow4 {
  background: url('/images/zoom/zoom-shadow4.png') repeat-y; }

#shadow5 {
  background: url('/images/zoom/zoom-shadow5.png') repeat-y; }

#shadow7 {
  background: url('/images/zoom/zoom-shadow7.png') repeat-x; }

#favorites_icon {
  margin-bottom: -3px; }

#guidelines {
  background: #fff;
  border: 1px solid #fff;
  cursor: pointer !important;
  height: 14px;
  margin: 12px 0;
  overflow: hidden;
  padding: 10px;
  width: 600px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px; }
  #guidelines h2, #guidelines h3 {
    color: #333;
    margin: 12px 0; }
  #guidelines p {
    color: #333;
    margin-top: 0; }
  #guidelines ul {
    color: #333;
    list-style: disc;
    margin-left: 20px; }
    #guidelines ul li {
      line-height: 16px;
      margin: 6px 0; }
  #guidelines ol {
    color: #333;
    line-height: 16px;
    list-style: decimal;
    margin-left: 20px; }
    #guidelines ol li {
      margin: 6px 0; }

.grow {
  height: auto !important; }