body {
  background-color: white;
  color: black;
  padding: 20px;
  color: #333;
  font: 80%/140% georgia,serif;
}

a {
  color: #334488;
}

a:hover {
  color: #6677AA;
}

#center_column {
  margin: 0 auto;
  position: relative;
  width: 900px;
}

#top {
  position: relative;
  height: 7em;
}

#bottom {
  clear: both;
  width: 100%;
  /* position: relative; */
  height: 570px;
  margin-top: 2em;
}

#left_content {
  /*float: left;*/
  width: 650px;
  padding: 10px;
  position: relative;
}

#left_content #page_title {
  color: #d3d3d3;
  font-size: 2em;
}

#left_content .blog {
  margin-top: 20px;
  margin-left: 60px;
}

#left_content .post_title {
  background: url(/images/red_square.png) no-repeat left center;
  font-size: 1.7em;
  color: black;
  padding-left: 16px;
  padding-bottom: 1px;
}

#left_content .post_body {
  color: black;
  margin-left: 3em;
}

#right_bar {
  position: relative;
  float: right;
  text-align: right;
  width: 380px;
  /* height: 645px; */
  margin-top: -6px;
  color: #bba;
}

#right_bar a {
  display: block;
  font-size: 1.2em;
  color: #878787;
  margin-right: 9px;
}

#right_bar a#images_link {
  font-weight: bold;
}

#right_bar a.edit_link {
  display: inline;
}

#header {
  padding: 5px 0;
  font-size: 24px;
  color: #d1d1d1;
  margin-bottom: 1px;
}

.red_text {
  color: #ea0000 !important;
}

#gallery_menu {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  color: #f10000;
  list-style-type: square;
  font-size: 1.5em;
  background: white;
  z-index: 1;
  margin-top: 1.3em;
  margin-left: -1em;
}

#gallery_menu li a {
  color: #a3a3a3;
}

#gallery_menu li a:hover {
  color: #737373;
}

#gallery_list {
  float: left;
  display: none;
  height: 3em;
}

#gallery_menu li.gallery_selection {
  list-style-type: none;
  float: left;
  padding-right: .4em;
  font-size: .9em;
}

#gallery_menu li#current_gallery {
  list-style-type: none;
  background: url(/images/small_right_arrow.png) no-repeat;
  background-position: center right;
  padding-right: 14px;
  margin-right: 5px;
  float: left;
}

h1.gallery_title {
  margin-top: 14px;
}

h1, h2 {
  font:bold 100% 'helvetica neue',sans-serif;
  letter-spacing:3px;
}

a {
  color:#348;
  text-decoration:none;
  outline:none;
}

.gallery {
  width: 94%;
  padding: 10px;
  display: none;
  position: absolute;
  left: 2%;
  top: 5em;
  height: 630px;
  background: white;
}

.gallery li { 
  width:70px;
  height:50px;
  border: none;
  /* border:3px double #111; */
  margin: 6px 2px;
  background: white;
}
.gallery li div {
  left:240px
}
.gallery li div .caption { 
  font:italic 0.7em/1.4 georgia,serif;
}

.galleria_container {
  text-align: center;
}

.galleria_container .caption {
  font-size: 1.5em;
  color: #a3a3a3;
}

#main_image { 
  margin:0 auto;
  /* height:520px;
  width:800px;
  background: white; */
  color: #444;
}

#thumbnails_link {
  width: 12px;
  height: 117px;
  position: absolute;
  top: 7em;
  left: -18px;
}

#thumbnails_link img {
  border: none;
}

#big_left_arrow {
  border: none;
  height: 63px;
  width: 36px;
  position: absolute;
  right: -18px;
  top: 340px;
}

#big_right_arrow {
  border: none;
  height: 63px;
  width: 36px;
  position: absolute;
  left: -18px;
  top: 340px;
}

#main_image img.replaced { 
  margin: 0 auto;
  margin-bottom: 10px;
  display: block;
  /* add css hack for ie6 here */
  max-width: 850px;
}

#main_image {
}

.still {
  float: left;
  clear: both;
  margin: 4px;
}

.still img {
  border: none;
}

#gallery_description {
  clear: both;
}

#gallery_bottom_links {
  clear: both;
  text-align: center;
}

#admin_links {
  position: fixed;
  top: 0px;
  left: 10px;

  padding: 5px;

  background: white;
  opacity: .8;

  height: 20px;
  overflow: hidden;
  z-index: 10;
}

#admin_links:hover {
  opacity: 1;

  height: auto;
}

#admin_links .title {
  margin: 5px 0;
  font:bold 80% 'helvetica neue',sans-serif;
  letter-spacing:3px;
  text-transform:uppercase;
}

#admin_links ul {
  list-style-type: none;

  margin: 0;
  padding: 0;

  color: #777;
}

#admin_links ul li {
  margin: 0;
  padding: 0;
}

#admin_links ul ul {
  padding: 0 10px;
}

#admin_links ul ul li {
}

#admin_links ul ul li:before {
  content: "\00BB \0020";
}

ul#sortable li.sortable {
  cursor: move;
}

ul.stills_sortable {
  float: left;
  padding: 10px;
  margin: 3px;
}

.sortable {
  list-style-type: square;
}

ul.stills_sortable li.sortable {
  list-style-type: none;
  float: left;
  padding: 3px;
  /* declare explicetly so sortables without images appear correctly */
  width: 70px;
  height: 50px;
}

input.edit-name {
  width: 370px;
}

input#sortable_submit {
  display: block;
  clear: both;
}

/* TUMBLR */

#tumblr_posts .post {
  margin: 20px 0;
  padding: 10px;
  border-bottom: 1px solid #bbb;
  margin: 0 auto;
}

#tumblr_posts .post img {
  max-width: 100%;
}
