/* global element styling */
body, input, select, textarea {
  font-family: "Lucida", "sans-serif";
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}
body {
  background-color: #fff0a5;
}

h1, h2, h3, h4, h5, h6, #notice {
  font-family: "Dustismo", "Lucida", "sans-serif";
}
h1 {
  font-size: 1.6666666666666667em;
  line-height: 0.9em;
  letter-spacing: 1px;
  margin: 0 0 0.9em 0;
}
h2 {
  font-size: 1.5em;
  line-height: 1em;
  margin: 0 0 1em 0;
}
h3 {
  font-size: 1.3333333333333333em;
  line-height: 1.125em;
  margin: 0 0 1.125em 0;
}
h4 {
  font-size: 1.1666666666666667em;
  line-height: 1.2857142857142858em;
  margin: 0 0 1.2857142857142858em 0;
}
p, ul, blockquote, pre, td, th {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}
.small {
  font-size: 0.8333333333333334em;
  line-height: 1.8em;
  margin: 0 0 1.8em 0;
}
table {
  border-collapse: collapse;
  margin-bottom: 1.5em;
}

a {
  outline: none;
}
a img {
  border: none;
}
blockquote {
  background: transparent url(/images/style/blockquote.png) no-repeat;
  min-height: 20px;
  padding-left: 20px;
}
dt { font-weight: bold }

input, select, textarea {
  border: 1px solid #ccccdd;
}

/* editing forms */
form label {
  display: block;
  width: 100%;
  text-align: right;
}
form td {
  vertical-align: top;
}
form td.label {
  padding-top: 0.2em;
}
form td.label .required:before {
  content: "* ";
}
form input, form select, form textarea {
  width: 100%;
}

form .formError, .error {
  font-weight: bold;
  font-style: normal;
  color: #e00;
}

.help {
  color: #555;
  font-size: 0.8333333333333334em;
  line-height: 1.8em;
  margin: 0 0 1.8em 0;
}

form.edit input.submit, form input.submit {
  width: 6em;
}

div.edit {
  margin: 0.5em auto;
  width: 50em;
}
form.edit input, form.edit select {
  width: 20em;
}
form.edit input[type="checkbox"] {
  height: 1.5em;
  width: 1.5em;
}
form.edit textarea {
  width: 40em;
}
form.edit label, form.edit td.label, form.edit td.checkbox {
  margin-left: 0.5em;
  text-align: left;
  width: 9em;
}
form.edit td.checkbox {
  text-align: right;
}
form.edit label.right {
  width: 40em;
}
form.edit textarea {
  height: 30em;
}
form.edit input.submit {
  margin-top: 1em;
}

#tag_text {
  float: left;
}
#tag_text, div.tag_help {
  width: 20em;
}
.redirected_tags, .suggested_tags {
  float: left;
  margin-left: 1em;
  width: 19em;
}
  .redirected_tags ul {
    padding-left: 1.5em;
  }


/* search form */
form.search input {
  width: 17em;
}
form.search input.submit {
  position: relative;
  left: 0.66em;
  width: 6.9em;
}

/* common classes */
ol.tag_list, ul.tag_list {
  display: inline;
  line-height: 1.4em;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.tag_list li {
  display: inline;
}
.tag_list li a.shared {
  background-color: #dcffec;
}
div.teaser, span.teaser {
  font-style: italic;
  font-size: 0.8333333333333334em;
  line-height: 1.8em;
}
.profile, .tags, .contact {
  margin-top: 1em;
}
.details {
  font-size: 0.8333333333333334em;
  line-height: 1.8em;
  margin: 0 0 1.8em 0;
}
.preload {
  display: none;
}

.column-left {
  float: left;
  width: 50%;
}
.column-right {
  float: right;
  width: 49%;
}
.clear {
  clear: both;
  height: 1px;
}

.pagewide {
  margin: 0 auto;
  width: 50em;
}
.widthhack {
  /*
  divs near the top of pages with the floated-right map still run the
  full width, so their color extends under map. So this hacks it down.
  */
  width: 46%;
  padding: 0.4em;
}
span.used {
  color: #666;
  font-size: 0.8333333333333334em;
  line-height: 1.8em;
  margin: 0 0 1.8em 0;
}

div.heading h1 {
  float: left;
}
div.heading a {
  float: right;
}
form.edit input.add_tag, a.permalink, a.post_edit, a.tag_edit, a.history, a.variants, a.group_edit {
  border: 0;
  display: block;
  height: 16px;
  text-indent: -9999px;
  margin-left: 2px;
  width: 16px;
}
  a.permalink  { background-image: url(/images/icons/permalink.png); }
  a.post_edit  { background-image: url(/images/icons/post_edit.png); }
  a.group_edit { background-image: url(/images/icons/group_edit.png); }
  a.tag_edit   { background-image: url(/images/icons/tag_edit.png); }
  a.history    { background-image: url(/images/icons/history.png); }
  a.variants   { background-image: url(/images/icons/tag_variants.png); }

div.tagged {
  clear: left;
  margin: 1em 0 2em 0;
}

/* page heading */
#masthead{
  background-color: #ffffff;
}
#masthead h2 {
  font-size: 2em;
  letter-spacing: -1px;
  margin: 0;
  padding: 10px 0;
}
#masthead h2 a {
  background: transparent url(/images/nearbygamers_logo_masthead.png) no-repeat 0 0;
  color: black;
  float: left;
  height: 43px;
  line-height: 42px;
  padding-left: 48px;
  text-decoration: none;
}

/* login form and user links*/
#personal-navigation {
  float: left;
  margin: -0.75em 0 0 4em;
}
  /* if signed in */
    #personal-navigation h4 {
      display: inline;
      margin-left: 8px;
      margin-right: 1em;
    }
    #personal-navigation h4 a {
      color: #000000;
      text-decoration: none;
    }
    #personal-navigation span, #personal-navigation span a {
      color: #666666;
      font-size: 80%;
    }
    #personal-navigation .nav {
      background-color: #fff0a5;
      padding: 3px 8px;
      border-radius: 5px;
      -moz-border-radius: 5px;
    }
    #personal-navigation .nav .settings {
      font-size: 80%;
    }
  /* not signed in */
    #login-fields {
      float: left;
      margin-right: 1em;
    }
    #login-buttons {
      float: left;
    }
    #login input {
      color: #888888;
      margin-bottom: 8px;
      width: 10em;
    }
    #login input.defaulted {
      color: #000000;
    }
    #login input.submit {
      color: #000000;
      width: 4em;
    }
    #login a.forgot {
      float: right;
      margin-left: 1em;
      font-size: 80%;
    }

/* sitewide navigation tabs */
#sitewide_navigation {
  height: 26px;
  list-style-type: none;
  margin: 1em 0 0 0;
  padding: 0;
}
  #sitewide_navigation li {
    float: left;
  }
    #sitewide_navigation li a:hover,
    #sitewide_navigation li a.current {
      background-color: #ffb03b;
    }
    #sitewide_navigation li a {
      background-color: #ff6c3b;
      border-radius-topright: 8px;
      border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-topleft: 8px;
      color: black;
      display: block;
      font-size: 1.3333333333333333em;
      height: 22px;
      line-height: 1.125em;
      margin: 0 0.25em 0 0;
      padding: 4px 6px 0 8px;
      text-decoration: none;
    }

/* page layout */
#content-container {
  border-top: 6px solid #ffb03b;
}
#content-body {
  clear: left;
  margin-top: 1em;
}

#notice {
  background-color: #ff6c3b;
  border-radius: 6px;
  -moz-border-radius: 6px;
  font-size: 1.3333333333333333em;
  line-height: 1.125em;
  margin: 0 0 1.125em 0;
  padding: 0.5em;
}

#footer {
  clear: both;
  color: #888;
  font-size: 0.8333333333333334em;
  line-height: 1.8em;
  margin: 1.8em 0;
}
#footer a {
  color: #666;
}

/* ad styling */
div.ad {
  margin-top: 1em;
}
div.ad iframe {}

/* map styling */
#map_div {
  float: right;
  width: 50%;
  margin: 0 0 1em 1em;
}

#map_div h3.caption {
  margin: 0;
}

/* discussion small_list styling */
ol.discussions {
  padding: 0;
  list-style-type: none;
}
  ol.discussions li {
    margin: 0;
  }
    ol.discussions li span.post_info {
      color: #888888;
      font-size: 0.8333333333333334em;
      line-height: 1.8em;
      margin: 0 0 1.8em 2em;
    }
    ol.discussions li span.post_info a {
      color: #888888;
    }
    ol.discussions li span.post_info a:hover {
      color: #0000ff;
    }

/* forum list styling */
ol.forums {
  padding: 0;
  list-style-type: none;
  margin: 1em 0;
}
ol.forums li.forum {
  background-color: #ffe085;
  padding-top: 0.5em;
  margin-bottom: 1em;
}
  ol.forums li a.title {
    margin: 0 0.5em;
  }
  ol.forums li {
    margin: 0;
  }
    ol.forums li .description {
      color: #888888;
      font-size: 80%;
      margin: 0 0.5em;
    }
    ol.forums li span.post_info {
      color: #888888;
      font-size: 0.8333333333333334em;
      line-height: 1.8em;
      margin: 0 0 1.8em 2em;
    }
    ol.forums li span.post_info a {
      color: #888888;
    }
    ol.forums li span.post_info a:hover {
      color: #0000ff;
    }
    ol.forums ol.discussions {
      margin: 0.5em 0 0 1em;
    }
    ol.forums div.discussions {
      background-color: #fff0a5;
    }
    ol.forums ol.discussions li br {
      display: none;
    }
    ol.forums ol.discussions li .post_info {
      float: right;
      margin: 0 0.5em 0 0;
    }
.noread {
  font-style: italic;
  margin-left: 1em;
}
