@font-face {
  font-family: "Graublau Web";
  font-weight: bold;
  src: url("/assets/GraublauWebBold-ef7ad65f7f23ea9df244109f13ad440041da6b68c5d56c2726059ff76adb914a.otf");
}

@font-face {
  font-family: "Graublau Web";
  font-weight: normal;
  src: url("/assets/GraublauWeb-c28a0c9450fc4f6d11164160b6854a41ce407ed95450c64b58027b3aeb2bba4f.otf");
}

body {
  background: url("/assets/bg-alpha-f2f5ddf02bd0fecf1037aa58cfd93eea3138e1dea8de2597cbb6e23cbfbec128.png") repeat-x;
  font-family: sans-serif;
  line-height: 1.2em;
  margin: 0;
}

h1, h2, h3 {
  font-family: "Graublau Web", sans-serif;
}

h3 {
  font-weight: normal;
}

a img {
  border: 0;
}

#body {
  position: relative;
  width   : 1168px;
  margin  : 0 auto;
}

#logo {
  position: absolute;
  width : 199px;
  height: 166px;
  left  : -15px;
  z-index : 1;
  cursor  : pointer;
  background-image: url("/assets/logo2-4fc414bd90a7e73f12ada907dbb773338a8051f1c4b37e78e05dad3568bc8d3b.png");
}

#top-box {
  position: relative;
  display : table;
  left    : 199px;
  width   : 728px;
  height  : 106px;
}

#top-box > div {
  display        : table-cell;
  vertical-align : middle;
}

#layout-table {
  position      : absolute;
  top           : 103px;
  width         : 1168px;
  height        : 500px;
  border-spacing: 0;
  padding-bottom: 120px;
}

#left-box {
  width           : 184px;
  padding-top     : 80px;
  text-align      : center;
  vertical-align  : top;
}

#gpod-banner > table {
  margin: 1em auto;
}

#menubar {
  height           : 35px;
  color            : white;
  font-family      : "Graublau Web", sans-serif;
  font-size        : 18px;
  line-height      : 35px;
  text-align       : center;
}

#menubar a {
  text-decoration: none;
  margin-left: 30px;
}

#content-top-border {
  height          : 35px;
  text-align      : center;
  background-color: white;
  border-right: 2px solid;
}

#navigation {
  font-family  : "Graublau Web", sans-serif;
  text-align   : center;
  margin-bottom: 1em
}

#navigation ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#navigation li {
  display    : inline;
  margin-left: 30px;
  padding    : 0;
}

#content-cell {
  border-right    : 2px solid;
  background-color: white;
  vertical-align  : top;
  min-height      : 1072px;
}

#content {
  position   : relative;
  padding    : 1em;
  margin-top : -25px;
}

#theme-selector {
  position   : absolute;
  left       : 735px;
  top        : 20px;
  font-family: "Graublau Web", sans-serif;
  text-align : center;
}

.theme-selector-sample {
  display: block;
  width  : 16px;
  height : 16px;
  margin-bottom: 2px;
}

#login_logout_profile {
  position   : absolute;
  top        : 0;
  right      : 1em;
  font-family: "Graublau Web", sans-serif;
}

#login_logout_profile > * {
  display: block;
  float: left;
}

#login_logout_profile .login {
  margin-right: 0.5em;
}

#login_logout_profile img {
  margin-right: 2px;
}

#login_logout_profile.logged_in {
  font-size: small;
}

#comic_wrapper {
  text-align: center;
}

#social_buttons, #comments_link {
  margin-top: 0.5em;
}

.fb-like, .fb_iframe_widget {
  vertical-align : top;
}

#footer {
  border: 2px solid;
  border-top-width: 0;
  max-width: 1168px;
}

.footer-text {
  font-family : "Graublau Web", sans-serif;
  font-size   : smaller;
  text-align  : center;
  line-height : 1.5em;
}

#footer a {
  text-decoration: none;
}

/* rounded corners */
.box-tl, .box-bl {
  float: left;
}

.box-tr, .box-br {
  float: right;
}

.box-content {
  height: 100%;
  width : 100%;
}

.comment-container {
  margin-top : 1em;
}

.comment {
  display       : inline-block;
  width         : 580px;
  padding       : 0.5em 1em;
  text-align    : justify;
  margin        : auto;
  border-radius : 10px;
}

.present .comment-box {
  float : right;
}

.user_comment_body.mceContentBody {
  font-size: inherit;
  min-width: 0;
  background-image: none;
}

.comment_editor {
  width: 630px;
}

/* Navigation Links */
.nav {
  text-align: center;
  padding: 10px 5px;
}

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav li {
  display: inline;
  margin: 0;
  padding: 0;
}

.nav a {
  text-decoration: none;
}

.nav-span {
  position: absolute;
  width: 100px;
  pointer: cursor;
}

.nav-sprite {
  position: relative;
  visibility: hidden;
  top: 50%;
  margin: -125px auto 0;
}

.nav-link:hover .nav-sprite {
  visibility: visible;
}

#notice {
  padding: 0.25em;
  font-family: "Graublau Web", Arial, sans-serif;
  text-align: center;
  border-radius: 0 0 10px 10px;
}

#notice-more {
  position: absolute;
  width: 550px;
  z-index: 1;
  border: 3px solid;
  margin: 0 auto;
  font-family: "Graublau Web", Arial, sans-serif;
  text-align: justify;
  opacity: 0.9;
  border-radius: 0 0 10px 10px;
}

#notice-more div {
  padding: 1em;
}

/* About */

#about-text {
  text-align: justify;
}

/* Archives */
#archives {
  padding-top: 1em;
}

.archives_month {
  font-family: "Graublau Web", sans-serif;
  font-size: x-large;
}

/* Session */
#login_form {
  text-align: center;
}

/* Comments */
#comic_comments {
  font-size: 10pt;
}

#comments_comic {
  margin-bottom: 0.5em;
}

#comic_comments #social_buttons {
  margin-bottom: 0.5em;
}

#comic_comments_title {
  font-family: "Graublau Web", sans-serif;
  font-size: x-large;
  font-weight: bold;
  text-align: center;
  margin: 1em;
}

#photo_notes_controls {
  text-align: center;
  margin-bottom: 1em;
}

#user_comments_header {
  text-align: center;
  font-weight: bold;
}

#user_comments_header img {
  vertical-align: top;
}

#user_comments {
  height: 700px;
  width: 290px;
  padding: 0.5em;
  overflow-y: auto;
  margin: 0 -1em 0 auto;
}

.user_comment {
  position: relative;
  margin-bottom: 1em;
  width: 275px;
  overflow: hidden;
  word-wrap: break-word;
}

.user_name {
  font-weight: bold;
}

.user_identity_url {
  font-size: x-small;
}

.user_comment_datetime {
  font-size: x-small;
}

.user_comment_body {
  padding: 0.5em 1em;
  border-radius: 5px;
}

.logged_user_comment .user_comment_body {
  border: 2px solid;
}

#add_photo_note {
  text-align: center;
}

#comment_form_table {
  width: 100%;
}

#comment_form_textarea {
  height: 120px;
  width: 100%;
}

#comment_form_table_submit_col {
  text-align: right;
}

.user_comment_actions {
  position: absolute;
  top     : 1em;
  right   : 3px;
}

.user_comment_actions a {
  width  : 16px;
  height : 16px;
  display: none;
}

.user_comment:hover a {
  display:inline-block;
}

.update_comment_textarea {
  width  : 290px;
  height : 60px;
  padding: 0.2em;
  border : 2px solid;
  border-radius   : 5px;
}

/* Grid table (used in various pages */

thead {
  font-family: "Graublau Web", sans-serif;
}

.grid_table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
}

.grid_table th {
  border     : 1px solid;
}

.grid_table td, .grid_table th {
  padding: 0.1em 0.5em;
  vertical-align: top;
}

.grid_table tbody tr {
  border-bottom: 1px solid;
}

/* Comment tables (used in user profile and comment administration */
#comments_table {
  font-size: small;
}

#comments_table .photo_note_column {
  width: 15px;
}

#comments_table .body_column {
  font-size: x-small;
  max-width: 350px;
  overflow : hidden;
  word-wrap: break-word;
}

#comments_table .created_at_column, #comments_table .comic_column {
  white-space: nowrap;
}

#comments_table .spam_column, #comments_table. spaminess_column {
  text-align: center;
}

/* form errors */
.fieldWithErrors input[type=text] {
  background: #ffffcc url("/assets/silk/exclamation-c89b56c55b934b1f05ef01d47aa7169b5ca0322c37d1fcf62b067d660eb29f12.png") no-repeat;
  padding-left: 18px;
}

.fieldWithErrors textarea {
  background-color: #ffffcc;
}

.formError {
  color: red;
  font-style: italic;
}

/* flash */
.flash_notice {
  background    : #ffffcc url("/assets/silk/exclamation-c89b56c55b934b1f05ef01d47aa7169b5ca0322c37d1fcf62b067d660eb29f12.png") no-repeat .25em center;
  text-align    : center;
  font-family   : "Graublau Web", sans-serif;
  padding       : .25em 0;
  margin-bottom : 1em;
}

.comments-closed-message {
  text-align: center;
  font-weight: bold;
  color: #AAA;
}

#cpmstar-container {
  background-color: transparent;
  border: 0;
  padding: 0;
  overflow: hidden;
  margin: 0 auto;
}

#top-pledge {
  display: none;
}

#top-pledge.adblocked {
  position: absolute;
  display: block;
}

/** taxicab theme **/

body {
  background-color: #dfdfe2;
}

body, a:hover {
  color: #151515;
}

h2, h2, h3, a {
  color: #c03926;
}

#left-box, #menubar {
  background-color: #151515;
}

#menubar a {
  color: white;
}

#menubar a.important {
  color: #C03926;
  font-weight: bold;
}

#menubar a:hover {
  color: #C03926;
}

#menubar a.important:hover {
  color: white;
}

#content-top-border, #content-cell {
  border-right-color: #151515;
}

#footer {
  background-color: #C03926;
  border-color: #151515;
}

#footer a {
  color: #dfdfe2;
}

.comment {
  background-color: #dfdfe2;
  border-color    : #c03926;
}

#notice {
  background-color: #ffff99;
}

#notice-more {
  background-color: #ffffcc;
  border-color    : #ffff99;
}

/* Comments */

#comic_comments_title, #user_comments_header, .user_name {
  color: #c03926;
}

.user_identity_url {
  color: #dfdfe2;
}

.user_comment_body {
  background-color: #dfdfe2;
}

.logged_user_comment .user_comment_body, .update_comment_textarea {
  border-color: #c03926;
}

thead {
  background-color: #dfdfe2;
}

.grid_table tbody tr:hover {
  background-color: #dfdfe2;
}

.grid_table th {
  border-color: #c7c7c9;
}

.grid_table tbody tr {
  border-bottom-color: #c7c7c9;
}

.hiveworks-logo {
  padding-left : 1em;
}

/* sprite images */
.nav-right, .nav-left, .borders, .openid-login-button, .facebook-login-button,
.google-login-button, .error, .note-edit, .exclamation, .control-end-active,
.control-fastforward, .control-fastforward-active, .control-start, .image, .control-start-active,
.images, .control-rewind-active, .control-rewind, .ajax-loader, .control-end,
.control-eject, .feed-icon, .control-eject-active, .icon-comment-delete, .icon-reply,
.icon-comment-edit, .passenger, .atom, .mysql-80x15, .apache,
.railspowered, .arrow-down-peppermint, .sombra,
.box-tl, .box-tr
{ display: inline-block; background: url('/assets/sprite-e649a3daae6ce5a0d85a937ea759eb2a002d699cf3fa8706e5aa224adbfab901.png') no-repeat; }

.nav-right { background-position: -0px -0px; width: 44px; height: 250px; }
.nav-left { background-position: -44px -0px; width: 44px; height: 250px; }
.borders { background-position: -88px -0px; width: 80px; height: 40px; }
.box-tl { background-position: -88px -0px; width: 20px; height: 20px; }
.box-tr { background-position: -108px -0px; width: 20px; height: 20px; }
.openid-login-button { background-position: -168px -0px; width: 22px; height: 22px; }
.facebook-login-button { background-position: -190px -0px; width: 22px; height: 22px; }
.google-login-button { background-position: -212px -0px; width: 22px; height: 22px; }
.error { background-position: -234px -0px; width: 16px; height: 16px; }
.note-edit { background-position: -250px -0px; width: 16px; height: 16px; }
.exclamation { background-position: -266px -0px; width: 16px; height: 16px; }
.control-end-active { background-position: -282px -0px; width: 16px; height: 16px; }
.control-fastforward { background-position: -298px -0px; width: 16px; height: 16px; }
.control-fastforward-active { background-position: -314px -0px; width: 16px; height: 16px; }
.control-start { background-position: -330px -0px; width: 16px; height: 16px; }
.image { background-position: -346px -0px; width: 16px; height: 16px; }
.control-start-active { background-position: -362px -0px; width: 16px; height: 16px; }
.images { background-position: -378px -0px; width: 16px; height: 16px; }
.control-rewind-active { background-position: -394px -0px; width: 16px; height: 16px; }
.control-rewind { background-position: -410px -0px; width: 16px; height: 16px; }
.ajax-loader { background-position: -426px -0px; width: 16px; height: 16px; }
.control-end { background-position: -442px -0px; width: 16px; height: 16px; }
.control-eject { background-position: -458px -0px; width: 16px; height: 16px; }
.feed-icon { background-position: -474px -0px; width: 16px; height: 16px; }
.control-eject-active { background-position: -490px -0px; width: 16px; height: 16px; }
.icon-comment-delete { background-position: -506px -0px; width: 16px; height: 16px; }
.icon-reply { background-position: -522px -0px; width: 16px; height: 16px; }
.icon-comment-edit { background-position: -538px -0px; width: 16px; height: 16px; }
.passenger { background-position: -554px -0px; width: 80px; height: 15px; }
.atom { background-position: -634px -0px; width: 80px; height: 15px; }
.mysql-80x15 { background-position: -714px -0px; width: 80px; height: 15px; }
.apache { background-position: -554px -15px; width: 80px; height: 15px; }
.railspowered { background-position: -634px -15px; width: 80px; height: 15px; }
.arrow-down-peppermint { background-position: -714px -15px; width: 11px; height: 11px; }
.sombra { background-position: -0px -250px; width: 800px; height: 8px; }
.rrssb-buttons.large-format li a,.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.rrssb-buttons,.rrssb-buttons li,.rrssb-buttons li a{-moz-box-sizing:border-box;box-sizing:border-box}.clearfix{*zoom:1}.clearfix:after{clear:both}.clearfix:before,.clearfix:after{content:" ";display:table}.rrssb-buttons{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons li{float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2.5px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;display:block;font-size:11px;font-weight:bold;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.rrssb-buttons li a .rrssb-icon{display:block;height:100%;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path,.rrssb-buttons li a .rrssb-icon svg polygon{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,0.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{height:100%;left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format{height:auto}.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li a{border-radius:0.2em;font-size:15px;font-size:1vw;line-height:1vw;padding:7% 0% 7% 12%}.rrssb-buttons.large-format li a .rrssb-icon{left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;width:100%;position:absolute;top:0}.rrssb-buttons.large-format li a .rrssb-text{font-size:15px;font-size:1vw}.rrssb-buttons.large-format li a:hover{font-size:15px;font-size:1vw;padding:7% 0% 7% 12%;border-radius:0.2em}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1.5px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:hover,.rrssb-buttons.tiny-format li a:active{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg polygon{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2f4a60}
.social-links {
  text-align : center;
  margin     : 1em;
}

.social-links-label {
  font-family   : "Graublau Web";
  color         : #C03926;
  margin-bottom : 0.5em;
}

.rrssb-buttons {
  width      : auto;
  display    : inline-block;
  border-top : 1px solid #151515;
  padding-top: 12px;
  height     : 48px;
}

.rrssb-buttons li a .rrssb-text {
  margin-left : 0.5em;
}

.rrssb-buttons li.rrssb-patreon a {
	background-color: #E6461A;
}

.rrssb-buttons.login {
    border-top : none;
    margin-top : -24px;
}
.photo_notes {
  text-align: left;
}

.photo_note {
  background: url( ../images/1x1t.gif ) repeat;
}

.photo_note_box_div {
  border: 0 solid #D4D82D
}

.photo_note_box_inner_div {
  border: 1px solid black;
}

.photo_note_box_inner_inner_div {
  border: 1px solid white;
}

.photo_note_resizable {
  border: 1px dashed red;
}

.photo_note_resize_handle {
  border: 1px solid black;
  background-color: white;
  width: 6px;
  height: 6px;
}

.notes_text_div {
  z-index: 1000;
  max-width: 200px;
}

.notes_text_yeller {
  background-color: #D0FDAF;
  border-radius: 3px;
  padding: 6px;
}

.notes_text_yeller.editable {
  background-color: #FFFFD3;
}

.notes_text_div a {
  color: blue;
}

#notes_text_area {
  width: 200px;
  height: 58px;
  border: none;
  background-color: #FFFFD3;
  font-family: "Lucida Grande", Arial, sans-serif;
  font-size: small;
}

.button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #DDDDDD;
  color: #666666;
  margin: 5px 5px 0 0;
}

.button_save {
  background-color: #0063DC;
  color: white;
}




 */