/* Common colors */
html {
  background-color: #4a4a4a;
  margin: 0; }

body {
  color: #3d3d3d;
  margin: 0;
  font: normal 13px verdana, arial, helvetica, sans-serif;
  line-height: 1.5; }

pre {
  font: normal 14px verdana, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #3d3d3d;
  font-style: italic; }

div.clearfix {
  clear: both; }

#page_container {
  width: 868px;
  background: transparent url(/images/bg-shadow.png) repeat-y 0 0;
  margin: 0 auto;
  padding-left: 14px;
  padding-right: 20px; }

#footer {
  background: #4a4a4a url(/images/bg-shadow-bottom.png) no-repeat -3px 0;
  color: #eeeeee;
  width: 866px;
  margin-top: -5px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px; }
  #footer strong {
    color: #eeeeee; }
  #footer a {
    color: #bfd7ff;
    text-decoration: underline; }
  #footer div.left {
    float: left;
    width: 428px; }
  #footer div.right {
    float: left;
    clear: right;
    width: 428px; }

img.eyecandy {
  border: none; }

img.inline {
  float: right;
  margin-left: 1em; }

#header {
  background: url(/images/header.png) no-repeat 0 0;
  border-bottom: solid 8px;
  border-color: #730e0e;
  clear: both;
  width: 869px;
  height: 186px;
  margin: none;
  padding: none; }
  #header h1 {
    float: left;
    margin-left: 50px;
    margin-top: 0px;
    height: 25px;
    font-size: 24pt; }
    #header h1 a {
      color: white; }
    #header h1 a:hover {
      text-decoration: none; }
  #header h2#page_subtitle {
    margin-left: 280px;
    margin-top: 0px;
    height: 50px;
    font-size: 12pt;
    color: black; }

h2 {
  font-size: 1.2em;
  color: #333333; }

h2 a, h3, h4, h5 {
  color: #333333; }

p.subtitle {
  font-style: italic; }

/* Text */
p {
  padding: 0px;
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px; }

strong {
  color: #333333; }

/* Links */
.openid:before {
  content: url("/images/openid_icon.png"); }

a {
  color: #c41f1f;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

img {
  border: solid 1px black; }

/* Two columns */
#navigation {
  float: left;
  width: 9em;
  background-color: white;
  margin-top: 15px;
  padding: 0px 15px 15px 15px; }
  #navigation h2 {
    display: inline; }
  #navigation label {
    margin-left: 0;
    font-style: normal; }
  #navigation ul {
    padding-left: 10px;
    margin-left: 0px;
    margin-top: 0px;
    list-style: none; }
    #navigation ul li {
      padding-left: 0px;
      margin-left: 0px; }
  #navigation h3 {
    font-size: 1.2em;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif; }
  #navigation input {
    border: solid 1px black;
    width: 100%; }
  #navigation form {
    margin-bottom: 1em; }

#main {
  margin-left: 140px;
  padding-right: 15px;
  margin-right: 0px;
  padding-left: 15px;
  margin-top: 15px;
  padding-bottom: 20px; }
  #main h1 {
    color: #3d3d3d; }

div.meta {
  margin-top: 1em;
  margin-bottom: 3em; }

/* Formatting */
#introduction {
  font-style: italic;
  width: 400px;
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }
  #introduction .em {
    color: #c41f1f; }

/* Home */
.meta ul {
  list-style: none;
  margin: 0px;
  padding-left: 0em;
  padding-bottom: 0.5em;
  display: inline;
  color: #cccccc;
  font-size: 10pt; }
  .meta ul li {
    display: inline; }
    .meta ul li:after {
      content: " | "; }
    .meta ul li:last-child:after {
      content: ""; }
.meta a {
  color: #bbbbbb;
  border-bottom: dotted 1px #bbbbbb; }
  .meta a:hover {
    text-decoration: none; }

h2 {
  margin-bottom: 0px; }

.separator {
  height: 1px;
  margin-top: 5px;
  clear: both; }

/* Forms */
label {
  margin-left: 1em; }

textarea, select {
  font: normal 12px verdana, arial, helvetica, sans-serif; }

textarea {
  width: 490px; }

#project_summary {
  height: 150px; }

#new_comment textarea, #edit_comment textarea {
  height: 150px; }

table {
  border-spacing: 0px; }

.alt, .container_alt {
  background-color: #f1f1f1; }

th, td {
  text-align: left;
  padding-right: 10px; }

th {
  color: #333333; }

#bonus label {
  width: 130px; }

div.comments div.container, div.comments div.container_alt {
  clear: both;
  margin-bottom: 5px; }

div.comments div.body {
  padding: 5px; }
div.comments div.meta {
  min-height: 0px;
  padding: 0px; }
div.comments div.separator {
  height: 10px; }

.fieldWithErrors {
  display: inline; }
  .fieldWithErrors input, .fieldWithErrors .textareaWithErrors textarea {
    background-color: #ffeaea; }

span.error {
  font-weight: bold; }

hr {
  border-top: dotted 1px black;
  border-bottom: none;
  height: 1px; }

#textilizer textarea {
  height: 200px; }

#preview {
  height: 200px;
  overflow: auto; }

/* Post */
.related {
  background-color: #f8f8f8;
  border: 1px solid silver;
  padding: 5px;
  padding-left: 10px; }
  .related ul, .related p {
    margin: 0px;
    padding: 0px; }
  .related ul {
    margin-left: 15px; }

.album {
  margin-top: 28px;
  padding-top: 10px;
  margin-bottom: 40px;
  border-top: 2px solid;
  border-color: #cccccc; }
  .album .song_list {
    padding-top: 5px; }
  .album h2 {
    display: inline;
    position: absolute;
    padding: 0 5px 0 5px;
    margin-top: -23px;
    margin-left: 20px;
    background: white; }

.album_product {
  background-color: #eeeeee; }
  .album_product .message, .album_product .price, .album_product .add_to_cart, .album_product .add_to_cart * {
    display: inline; }

.notice {
  background-color: #fffba6;
  border: 2px solid grey;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px; }

img.icon {
  border: none; }

table#line_items th {
  color: white;
  font-weight: bold;
  background-color: #3d3d3d;
  padding-left: 15px;
  padding-right: 15px; }
table#line_items td {
  padding-left: 15px;
  padding-right: 15px; }
table#line_items td.qty {
  text-align: right;
  padding-right: 3px; }
table#line_items td.qty-buttons {
  padding-left: 3px; }
table#line_items td.total {
  font-weight: bold; }

span.hint {
  display: inline;
  color: #8c8c8c;
  margin: 0;
  padding: 0; }

span.price {
  margin-left: 3px;
  margin-right: 3px; }

.button-to {
  display: inline; }
  .button-to div {
    display: inline; }

div.song-link {
  margin: 20px; }

table.single-song {
  width: 650px;
  padding: 5px;
  background-color: #f1f1f1; }

#comment_errors {
  font-weight: bold;
  color: red; }

ul#comment-preview {
  margin: 0;
  list-style-type: none;
  padding: 0; }

table.song_list {
  width: 650px; }
  table.song_list th {
    height: 22px;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #3d3d3d;
    color: white; }

td {
  vertical-align: middle; }

tr.song td, table.single-song td {
  text-align: center;
  margin: 0;
  padding: 0; }
tr.song td.title, table.single-song td.title {
  text-align: left;
  width: 350px; }
tr.song td.price, table.single-song td.price {
  width: 60px; }
tr.song td.add_to_cart, table.single-song td.add_to_cart {
  width: 110px; }

tr.song {
  height: 22px; }

.add_to_cart_button {
  color: #c41f1f;
  border: none;
  background: none;
  width: 97px; }
  .add_to_cart_button:hover {
    cursor: pointer;
    background: #fffba6; }