@import url("/c/markup.css");

body {
  background-color       : #000;
}

#panel {
  border-top             : 1px solid #ccc;
}

.full-width #content {
  width                 : 583px;
}

#navigation ul li a,
#navigation ul li a.current:hover,
#resources li a, 
#content table.releases a {
  color                  : #ec2029;
}

#content {
  border-bottom-width    : 0;
  background-color       : #737373;
  background-color       : #4d4d4d;
  background-color       : #262626;
  color                  : #fff;
}

#content a {
  color                  : #ed008c;
}

#content ul {
  margin                 : 8px 0;
}

#content img {
  border                 : 1px solid #fff;
}

#content img#subcon {
  width                  : 433px;
  border                 : none;
}

#content .article h3 {
  color                  : #ed008c;  
}

#resources {
  background-color       : #000;
  font-size              : 0.9em;
}

#resources h2 {
  background-color       : #737373;
  background-color       : #4d4d4d;
  background-color       : #262626;
  border-top             : 1px solid #ccc;
  border-bottom          : 1px solid #ccc;
  color                  : #fff;
}

#resources h2#feed {
  border-top             : 0px solid #ccc;
  border-bottom          : 0px solid #ccc;
  background-image       : url(/i/feed-icon-28x28.png);
  background-repeat      : no-repeat;
  background-position    : 8px center;
  background-color       : #000;
  padding                : #4px 8px 18px 8px;
}

#resources h2#feed a {
  padding-left           : 36px;
  text-transform         : none;
  letter-spacing         : 0;
}

#resources h2#feed a:hover {
  color                  : #ec2029;
}

#resources p {
  text-align             : left;
  color                  : #ddd;
  padding                : 0 8px;
}

.gallery {
  background-color       : #3b3b3b;
  padding                : 2px;
  text-align             : center;
  border                 : 1px solid #ccc;
  margin                 : 12px 8px;
}

.gallery h3 {
  background-color       : #000;
  color                  : #b51726;
  width                  : 144px;
  padding                : 8px;
  border                 : 1px solid #ccc;
  margin                 : 8px;
  text-align             : left;
}

.gallery img {
  border                 : 1px solid #fff;
}

.horizontal img {
  margin                 : 8px 4px;
}

.vertical img {
  margin                 : 8px 4px;
}

h2#liner-notes,
#resources h3{
  background-color       : #000;
  color                  : #b51726;
  border                 : 1px solid #ccc;
  padding                : 8px; 
  font-size              : 1.3em;
}

#resources h3 {
  background-color       : #3b3b3b;
  font-size              : 1.2em;
  color                  : #b51726;
  margin                 : 8px; 
}

h2#liner-notes {
  margin                 : 0;
}

h2#liner-notes span, 
#resources h3 span {
  display                : block;
  padding                : 4px 0 0 0;
  color                  : #fff;
  font-size              : 0.6em;
  font-weight            : normal;
}

#resources h3 span {
  font-size              : 0.8em;
}

p.buy-me,
.box,
li.liner-note-summary {
  background-color       : #000;
  color                  : #fff;
  border                 : 1px solid #ccc;
  padding                : 8px; 
  font-size              : 1.1em;
}

li.liner-note-summary {
  margin                 : 8px 0;
}

li.liner-note-summary a {
  color                  : #b51726;
}

li.liner-note-summary a.header {
  font-size              : 1.2em;
  line-height: 1.2em;
  font-weight            : bold;
}

li.liner-note-summary img {
  float                  : left;
}

li.liner-note-summary p {
  margin                 : 0 0 4px 160px;
}

li.liner-note-summary p.image {
  float                  : left;
  margin                 : 0;
}

#resources p.buy-me {
  margin                 : 8px;
  padding                : 8px; 
}

p.buy-me span {
  font-style             : italic;
}

p.buy-me a {
  color                  : #b51726;
}

p.buy-me a:hover {
  color                  : #fff;
}

#content .align-left img {
  float                  : left;
  margin                 : 8px 8px 8px 0;
}

#content .align-right img {
  float                  : right;
  margin                 : 8px 0 8px 8px;
}

#content .align-center img {
  display                : block;
  margin                 : 0 auto;
}