body {
  background-color: #81ecfc; }
  body #bd {
    border: 7px solid #02d8fc; }
    body #bd #content {
      background: white;
      border-right: 7px solid #02d8fc; }
      body #bd #content #header {
        background-color: #1e99af;
        border: 7px solid black; }
    body #bd #sidebar {
      padding-top: 16px;
      margin: 0; }
      body #bd #sidebar p {
        margin: 0;
        padding: 5px; }
      body #bd #sidebar div {
        text-align: center;
        margin-left: -12px; }
      body #bd #sidebar img {
        margin: 8px 0 24px 0; }

a {
  color: #1e99af; }

#top {
  min-height: 358px; }
  #top p {
    margin-left: 16px; }
  #top div.no_tile p {
    padding-top: 150px;
    text-align: center; }
  #top .left_column {
    width: 55.1%;
    text-align: center;
    margin-bottom: 16px; }
  #top .right_column {
    width: 44.1%;
    text-align: center;
    margin-bottom: 16px; }
  #top .tags {
    color: #1E99AF;
    font-weight: bold;
    text-align: left;
    margin: 8px 8px 15px 24px; }

.tile {
  margin: 16px 0 0 16px; }

#votes {
  width: 330px;
  text-align: left;
  margin-top: 0px;
  margin-left: 22px;
  margin-bottom: 8px; }

.recent_tile {
  margin: 8px 0px 8px 16px; }
  .recent_tile .details {
    padding-left: 8px; }

.tiles {
  margin: 8px 0px 0px 0px; }
  .tiles .tile {
    padding-bottom: 20px; }

table.date {
  margin-top: 24px;
  width: 255px;
  *width: 235px;
  height: 278px;
  *height: 294px; }
  table.date .day {
    text-align: right; }
  table.date .month {
    text-align: right; }

.datepicker {
  height: 115px; }
  .datepicker .calendar .header td {
    padding: 4px 0px 8px 0px;
    font-weight: normal; }
  .datepicker .calendar a {
    text-decoration: none; }
  .datepicker .calendar .month_day {
    border: 1px solid #c1c1c1;
    font-size: 1em;
    background: url(/images/mini_tile.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px; }
    .datepicker .calendar .month_day a {
      color: #05016e; }
  .datepicker .calendar .active {
    color: white;
    background: none;
    background-color: black; }
  .datepicker .calendar .future {
    color: #99aac8; }

.vote {
  margin: 8px 0px 40px 0px;
  text-align: right; }

.search {
  text-align: right; }

.new_tile {
  background: url('/images/background_tile.png');
  width: 295px;
  height: 220px /* 295 - 75 */;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 75px;
  text-align: center; }
  .new_tile td {
    padding-bottom: 4px; }
    .new_tile td.label {
      text-align: right;
      padding-right: 8px; }
    .new_tile td p {
      float: left;
      font-weight: bold;
      margin: 0;
      padding: 2px 0 0 0; }
    .new_tile td .answer {
      float: right;
      width: 60px; }
    .new_tile td .error {
      color: red;
      font-weight: bold;
      background-color: #ff9494; }
  .new_tile h2 {
    padding-top: 40px;
    margin-bottom: 32px; }

.buttons {
  margin-top: 32px; }

a.button {
  background: black;
  padding: 4px 8px 4px 8px;
  line-height: 22px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  font-family: verdana;
  font-weight: bold; }
  a.button:hover {
    color: #1e99af; }

.pagination {
  text-align: right;
  padding: 0px 16px 8px 8px;
  color: #333333;
  font-size: 1.2em;
  font-weight: bold; }
  .pagination a, .pagination span {
    padding: 4px 8px 4px 8px;
    color: white; }
  .pagination span {
    background-color: black; }
  .pagination a {
    text-decoration: none;
    background-color: #1e99af; }

#yui-main {
  background: white; }

.send_friend h2 {
  text-align: left;
  margin-top: 32px;
  margin-left: 0px;
  margin-bottom: 16px; }
.send_friend form {
  width: 255px;
  text-align: right; }
  .send_friend form .form_element {
    margin-top: 8px; }
    .send_friend form .form_element td {
      color: #05016e; }
  .send_friend form .buttons {
    margin-top: 16px; }

dl dt {
  padding: 4px 4px 0px 4px;
  font-size: 1.2em; }
dl dd {
  padding: 0px 4px 4px 4px;
  margin-bottom: 1.5em; }

.foldout {
  margin: 24px;
  padding: 5px;
  border: 1px solid #1e99af;
  background-color: #eeeeee; }
  .foldout table {
    margin: 16px; }
    .foldout table td {
      padding-bottom: 4px; }
      .foldout table td.label {
        text-align: right;
        padding-right: 8px; }

.widget-text textarea {
  width: 500px;
  height: 70px;
  font-family: monospace; }

/* Head links */
div.navigation {
  position: relative; }
  div.navigation ul#navigation {
    height: 40px;
    padding-left: 6px;
    background-color: black;
    color: white; }
    div.navigation ul#navigation li.topnav {
      position: relative;
      float: left;
      background-color: black;
      text-align: center;
      padding: 12px 8px 12px 8px; }
      div.navigation ul#navigation li.topnav a {
        color: white;
        font: bold 10px verdana;
        text-decoration: none;
        text-transform: uppercase; }
        div.navigation ul#navigation li.topnav a:hover {
          color: #1e99af; }
      div.navigation ul#navigation li.topnav form {
        margin-top: -3px; }
        div.navigation ul#navigation li.topnav form input {
          margin-left: 30px;
          width: 120px; }
      div.navigation ul#navigation li.topnav ul {
        background-color: black;
        position: absolute;
        display: none;
        padding-top: 9px;
        top: 31px;
        left: 0;
        text-align: left;
        width: 120px; }
        div.navigation ul#navigation li.topnav ul li {
          padding: 0 8px 0 8px; }
          div.navigation ul#navigation li.topnav ul li a {
            line-height: 24px;
            display: block;
            font-size: .7em;
            text-transform: uppercase; }
            div.navigation ul#navigation li.topnav ul li a:hover {
              color: white; }
          div.navigation ul#navigation li.topnav ul li:hover {
            background-color: #333; }
          div.navigation ul#navigation li.topnav ul li.last-child {
            margin-bottom: 8px; }
      div.navigation ul#navigation li.topnav.dropdown img {
        padding-left: 8px; }
      div.navigation ul#navigation li.topnav.search {
        padding: 12px 0 8px 0; }

h1, h2, h3 {
  font-weight: bold; }

h2 {
  margin: 16px 0px 0px 16px;
  color: #1e99af;
  font-size: 1.5em; }

.right_column h2 {
  margin-left: 2px; }

.text {
  padding: 16px; }
  .text h2 {
    margin: 0px; }
  .text p {
    margin-left: 0px; }
  .text code {
    display: block;
    padding: 4px;
    background-color: #f5f5f5; }

textarea {
  width: 219px;
  *width: 210px; }

p {
  margin: 8px; }

.vote {
  font-weight: normal;
  color: #05016e; }

.calendar {
  font-family: verdana;
  font-weight: normal; }
  .calendar .header td {
    font-size: 0.9em; }

table.date {
  margin-left: 4px;
  font-weight: bold; }
  table.date .day, table.date .month {
    font-family: verdana; }
  table.date h2 {
    margin: 0px 0px 0px 0px;
    font-size: 1.6em; }
  table.date .day {
    margin: -18px 0px -10px 0px;
    font-size: 5em; }
  table.date .month {
    font-size: 1em; }

.editor {
  padding: 16px; }
  .editor h2 {
    margin: 0px; }
  .editor p {
    margin-left: 0px; }

#tile_list .tile {
  position: relative;
  margin: 10px;
  padding: 10px;
  background-color: #eee; }
  #tile_list .tile h3 {
    font-size: 14px; }
  #tile_list .tile p.date {
    font-size: 10px;
    margin: 0 8px 8px 0;
    padding: 0;
    font-style: italic; }
  #tile_list .tile input {
    margin: 5px 5px 5px 0; }
  #tile_list .tile.today {
    border: 4px solid #1E99AF; }
  #tile_list .tile.featured {
    background-color: #FFFF7E; }
  #tile_list .tile .loading {
    position: absolute;
    bottom: 20px;
    right: 20px; }