body {
  margin: 0 auto;
  background-color: #f1efe5;
  font: 12px/20px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  color: #49483f;
}

a,
a:visited {
  text-decoration: none;
  background-color: transparent;
  color: #0e61a5;
}

a:hover,
a:visited:hover {
  color: #044185;
  border-bottom: 1px dotted #0e3175;
}

#sidebar a,
#sidebar a:visited {
  text-decoration: none;
  background-color: transparent;
  color: #0e61a5;
  border-bottom: 1px dotted #79a9c5;
}

#sidebar a:hover,
#sidebar a:visited:hover {
  border-bottom: 1px dotted #0e3175;
  color: #044185;
}

#sidebar .block a,
#sidebar .block a:visited {
  border: none;
  text-decoration: none;
  background-color: transparent;
  color: #e3061f;
}

#sidebar .block a:hover,
#sidebar .block a:visited:hover {
  border: none;
  text-decoration: none;
  background-color: #e3061f;
  color: #FFF;
}

#sidebar a.img,
#sidebar a.img:hover {
  background-color: transparent;
  border: none;
}

img {
  border: none;
}

img.left {
  float: left;
  margin: 3px 15px 8px 0;
  border: 2px solid #DDDDDD;
}

/* No border */
img.leftnb {
  float: left;
  margin: 3px 15px 8px 0;
  padding: 2px;
  border: none;
}

img.right {
  float: right;
  margin: 3px 0px 8px 15px;
  border: 2px solid #DDDDDD;
}

/* HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", */
p, li, th, td, dl, dt {
  font: 12px/20px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}

#sidebar p,
#sidebar li {
  font: 12px/14px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  color: #49483f;
}

blockquote {
  font-style: italic;
}

pre {
  margin-left: 20px;
  margin-right: 20px;
}

pre.code {
  border: 1px solid #d6d4c3;
  margin-bottom: 15px;
  color: #000;
  background: #fffff3;
  overflow: auto;
  padding: 5px;
  width: 500px;
}

p {
  margin: 8px 0 12px 0;
}

p.centered {
  text-align: center;
}

pre.quote {
  font-size: 10px;
}

pre.quote-centered {
  font-style: italic;
  text-align: center;
}

h1, h2, h3, h4 {
  font-family: Georgia, serif;
  font-weight: normal;
  color: #2a2923;
  font-weight: 500;
  line-height: 1.3em;
}

h1 {
  font-size: 25px;
  line-height: 28px;
  margin-top: 14px;
  margin-bottom: 7px;
}

h2 {
  font-size: 21px;
  line-height: 24px;
  margin-top: 14px;
  margin-bottom: 7px;
}

h3 {
  font-size: 18px;
  line-height: 21px;
  margin-top: 12px;
  margin-bottom: 6px;
}

h4 {
  font-size: 16px;
  line-height: 19px;
  margin-top: 10px;
  margin-bottom: 5px;
}

table {
  margin: 5px 0 10px 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  background-color: #d2d0bd;
}

tbody th,
td {
  vertical-align: top;
  white-space: normal;
  padding: 0 5px 0 0;
}

thead th,
thead td {
  margin: 0;
  padding: 3px 5px 3px 5px;
  background-color: #e2e0d3;
  color: #1d1c18;
  white-space: nowrap;
  font-weight: bold;
  font-size: 11px;
  line-height: 19px;
}

tbody th,
tbody td {
  padding: 3px 5px 3px 5px;
  margin: 0;
  width: auto;
  border-bottom: 1px solid #e2dfd3;
  background-color: #eae8dd;
  color: #616054;
  font-size: 11px;
}

/* Common table cell for dates 'YYYY-MM-DD'. */
td.date {
  width: 6em;
}

td.textcenter {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

td.textright {
  text-align: right;
  padding-right: 0;
}

td.blank {
  background-color: inherit;
  color: inherit;
}

td.nowrap {
  white-space: nowrap;
}

td.wrap {
  white-space: normal;
}

form table,
form tr,
form td {
  border: none;
}

q {
  font-style: italic;
}

ol {
  margin-top: 5px;
  margin-bottom: 10px;
}

ul {
  list-style: square;
  padding: 0 0 4px 15px;
  margin: 8px 0 10px 0;
}

li {
  margin: 5px 0 5px 12px;
}

span.error {
  color: #c22;
}

/* Layout. */
#page_header #header,
#page_header #navigation,
#page_main #main,
#page_presence #presence,
#page_footer #footer {
  width: 900px;
  margin: 0 auto;
}

#page_header {
  margin: 0;
  padding: 1px 0 0 0;
  background: #004c7d;
}

#page_main {
  clear: both;
  text-align: center;
  background: #f1efe5 url('/images/bg_page_top.gif') repeat-x top left;
}

#page_main #main {
  background: #f1efe5 url('/images/bg_page_top_inner.gif') repeat-x top left;
  padding: 0 0 20px 0;
}

#page_main #main #content {
  float: left;
  width: 540px;
  text-align: left;
  padding: 20px 20px 0 20px;
}

#page_main #main #wide_content {
  width: 840px;
  text-align: left;
  padding: 20px 20px 0 20px;
}

#page_main #main #sidebar {
  margin: 0 0 0 590px;
  padding: 20px 0 0 0;
  width: 300px;
  text-align: left;
}

#page_presence {
  margin-top: 20px;
  clear: both;
  background: #eceadf url('/images/bg_presence.gif') repeat-x top left;
  text-align: left;
}

#page_footer {
  clear: both;
  background: #c6c4b3 url('/images/bg_footer.gif') repeat-x top left;
  text-align: center;
}

/* Header */
#page_header #header {
  border-top: 1px solid #004c7d;
}

#page_header #header p {
  margin: 50px 0 14px 20px;
}

#page_header #header span.title {
  text-align: left;
  font: bold italic 30px Georgia, serif;
  color: #5bbff2;
  text-shadow: 2px 2px #001c3d;
}

#page_header #header span.tag {
  font: bold italic 11px Georgia, serif;
  color: #5bbff2;
  text-shadow: 1px 1px #001c3d;
}

#page_header #header img#logo {
  float: right;
  padding: 0;
  width: 72px;
  height: 72px;
  margin: 20px 20px 0px 10px;
}

#page_header #navigation {
  text-align: left;
  margin: 0 auto;
}

#page_header #navigation_inner {
  margin-left: 20px;
}

#page_header #navigation ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
}

#page_header #navigation ul li {
  display: inline;
  text-align: center;
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
}

#page_header #navigation ul li a {
  display: block;
  float: left;
  margin: 0;
  padding: 5px 10px;
  width: auto;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  background: #001121 url('/images/bg_nav.gif') repeat-x top left;
  color: #5bbff2;
  border: none;
}

#page_header #navigation ul li a:hover {
  background: #c30219 url('/images/bg_nav_hover.gif') repeat-x top left;
  color: #FFF;
}

/* Sidebar. */
#sidebar .about {
  width: 305px;
  margin-bottom: 20px;
}

#sidebar .about .inner {
  margin: 0 20px 10px 20px;
}

#sidebar .about .subscribe {
  font-size: 11px;
  line-height: 13px;
  height: 40px;
}

#sidebar .about .subscribe div {
  float: right;
  margin: 0 0px 0 0;
}

#sidebar .about p {
  margin-top: 10px;
  font-size: 11px;
  line-height: 15px;
}

#sidebar .about .subscribe p.full {
  margin-bottom: 0;
}

#sidebar .block {
  width: 300px;
  padding: 0;
  margin: 0 0 5px 0;
  background: url('/images/bk_middle.gif') repeat-y;
}
 
#sidebar .block-inner {
  width: 300px;
  padding: 0 0 20px 0;
  margin: 0;
  background: url('/images/bk_bottom.gif') no-repeat bottom left;
}

#sidebar .block-inner div.content {
   padding: 0 22px 4px 22px;
}

#sidebar .block h3 {
  display: block;
  margin: 0;
  background: url('/images/bk_top.gif') no-repeat;
  padding: 22px 25px 8px 25px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -1px;
}

#sidebar .block ul {
  padding: 1px;
  margin: 0;
  list-style: none;
}

#sidebar .block ul li {
  padding: 0;
  margin: 0;
}

#sidebar .block ul li a,
#sidebar .block ul li a:visited {
  display: block;
  color: #000;
  padding: 3px 5px 4px 5px;
  font-size: 11px;
}

#sidebar .block ul li a:hover,
#sidebar .block ul li a:hover span {
  color: #FFF;
}

/* block-level links \*/
#sidebar .block ul li a {
  height: 1%;
}
/* end hide */

#sidebar .block ul li p {
  margin: 0px;
}

/* Sidebar - Watched. */
#sidebar .block a span.vote {
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 16px;
  color: #111;
  margin-left: 5px;
}

#sidebar .block #movies a:hover span.vote {
  color: #FFF;
}

#sidebar .block li span.desc {
  font-size: 10px;
  font-style: italic;
  color: #888;
}

#sidebar .block li a:hover span.desc {
  color: #faa;
}

/* Content. */
#content h1 {
  padding: 0 0 3px 0;
  color: #000;
  text-align: left;
}

#content .lighttext,
#content .lighttext * {
  font-size: 11px;
  margin-bottom: 0;
}

#sidebar .ads,
#content .ads {
  margin: 16px 0 6px 0;
  text-align: center;
}

/* Breadcrumbs */
div.breadcrumbs {
  width: 844px;
  margin: 0 auto;
  background-color: #f1f0ec;
  padding: 7px 8px;
  text-align: left;
}

div.breadcrumbs p {
  font-size: 11px;
  line-height: 12px;
  margin: 0;
}

/* Flashes */
div#flashes {
  width: 844px;
  margin: 0 auto;
  padding: 2px 8px;
  background-color: #e8e6d8;
  border-top: 1px solid #e8e6d8;
  background-color: #f1f0ec;
}

div#flashes p {
  margin: 4px 0;
}

div#flashes * {
  font-size: 11px;
  line-height: 12px;
}

#local_flash {
  text-align: center;
}

/* Content - Forms. */
#content table.form {
  margin: 0;
  border-collapse: collapse;
  background-color: #e8e6d8;
}

#content table.form tr th,
#content table.form tr td {
  background-color: #f1efe5;
  padding: 6px;
  border-bottom: 1px solid #eae8dd;
  vertical-align: top;
}

#content table.form tr th label {
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
}

#content table.form tr.submit th,
#content table.form tr.submit td {
  border: none;
}

#content table.form td input.submit {
  width: 110px;
}

#content table.form span {
  font-size: 10px;
  line-height: 12px;
  margin: 0 0 0 2px;
}

/* Content - Fancy list. */
#content ul.fancy {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content ul.fancy li {
  display: inline;
  margin: 0;
  padding: 0;
}

#content ul.fancy li a {
  display: block;
  float: left;
  white-space: nowrap;
  border: 1px solid #e2dfd3;
  background-color: #eae8dd;
  margin: 1px;
  padding: 3px 6px;
  font-size: 11px;
  line-height: 17px;
}

#content ul.fancy li a:hover {
  display: block;
  float: left;
  padding: 3px 6px;
  background-color: #006b9d;
  color: #FFF;
  border: 1px solid #e2dfd3;
}

/* Content - Blog */
.blog {
  margin-bottom: 10px;
}

p.blog_meta {
  clear: left;
  color: #AAA;
  background-color: inherit;
  font-weight: normal;
  font-size: 11px;
  margin: 6px 0 20px 0;
}

p.blog_meta abbr {
  border: none;
}

div.blog_entry {
  font-weight: normal;
  margin: 3px 0 0 0;
  padding: 0;
}

div.blog_entry img {
  display: block;
  margin: 0;
  padding: 0;
  border: 10px solid #FFF;
}

div.blog_entry span.left {
  float: left;
  margin: 0 8px 8px 0;
}

div.blog_entry span.image {
  display: block;
}

/* Comments. */
div#comments {
}

div#comments h4 {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
}

div#comments span.datetime {
  float: right;
  display: block;
  margin-left: 4px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 9px;
  color: #79786f;
}

#addcomment {
  padding: 6px 0 6px 0;
}

.comment_box {
  padding: 1px 0;
  margin: 0;
}

.comment_box form {
  margin: 0 0 6px 0;
}

.comment_box form p {
  margin: 4px 0 0 0;
}

.comment_box p label {
  display: block;
}

.comment_box input {
  padding: 3px;
  width: 350px;
}

.comment_box textarea {
  font: 12px/20px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  padding: 3px;
  width: 350px;
  overflow: auto;
}

.comment_box span.required {
  color: #DD0000;
  font-weight: bold;
}

.blog p.nav {
  text-align: center;
}

/* Bookmarks for articles and blog posts. */
div.bookmarks {
  clear: left;
  margin: 6px 0;
}

div.bookmarks a:hover {
  background-color: #FFF;
}

div.bookmarks a img {
  margin-right: 6px;
}

/* Content - Movies - Votes. */
table#movievotes td p {
  margin-top: 0;
  margin-bottom: 5px;
}

table#movievotes td p:last-child {
  margin-bottom: 0;
}

table#movievotes td.vote {
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 20px;
  color: #333;
  padding: 12px 0;
  text-align: center;
}

table#movievotes td span.date {
  color: #8a8878;
  font-size: 9px;
}

/* Content - Experiences */
table#concertexperiences td.date,
table#festivalexperiences td.date {
  width: 8em;
}

table#concertexperiences td.date span.time {
  font-size: 9px;
  color: #666;
}

table#concertexperiences td.artist {
  width: 30%;
}

#poster {
  float: right;
  margin-left: 5px;
  margin-bottom: 10px;
  border: 1px solid #000;
}

ul.setlist {
  margin: 8px 0;
  padding: 0 0 0 10px;
}

ul.setlist li {
  list-style: none;
  margin: 2px 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}

/* Content - Festival experiences. */
table#festivalexperiences p {
  font-size: 10px;
  line-height: 12px;
  margin: 2px 0 4px 0;
}

#content div.report p {
}

#content div.report .left_image {
  border: 1px solid #777;
  margin-right: 15px;
  margin-bottom: 6px;
  padding: 10px 10px 8px 10px;
  float: left;
  background-color: white;
  text-align: center;
}

#content div.report .right_image {
  border: 1px solid #777;
  margin-left: 15px;
  margin-bottom: 6px;
  padding: 10px 10px 8px 10px;
  float: right;
  background-color: white;
  text-align: center;
}

#content div.report .left_image p,
#content div.report .right_image p {
  display: block;
  margin: 5px auto 10px auto;
  width: 270px;
  text-align: center;
  background-color: white;
  color: black;
}

/* Content - Music - Bootlegs */
table.bootlegs tr.inc td,
table.bootlegs tr.inc td a {
  color: #F00;
}

table.bootleg_details {
  width: auto;
}

table.bootleg_details td.length_mb,
table.bootleg_details td.length_cds {
  width: 1em;
}

table.bootleg_details td.length_time {
  width: 4em;
}

table.bootleg_details td.media_type {
  width: 3em;
}

table.bootleg_details td.bitrate {
  width: 2em;
}

table.bootleg_details td.audioquality,
table.bootleg_details td.picturequality {
  width: 2em;
}

table.bootleg_details td.cdnum,
table.bootleg_details td.tapenum {
  width: 2em;
  text-align: center;
  white-space: nowrap;
}

/* Content - Music - Memorabilia */
table#music_memorabilia th {
  width: 130px;
}

/* /music/festivals/ */
div.rf_ads {
  float: right;
  width: 130px;
  text-align: right;
}

table.festival_artists {
  width: 710px;
}

table.festival_artists ul.approved li {
  font-size: 10px;
  line-height: 12px;
}

table.festivals th.name {
  width: 160px;
}

table.festivals th.date {
  width: 160px;
}

div.actions {
}

div.actions a {
  color: #aaa;
}

div.actions a:hover,
div.actions a:visited:hover {
  color: #044185;
  border-bottom: 1px dotted #0e3175;
}

/* Presence */
#presence {
  clear: both;
  padding: 15px 0 10px 0;
}

#presence #presence_inner {
  padding: 10px 20px 4px 20px;
}

#presence #presence_inner h4 {
  font-size: 13px;
  line-height: 14px;
  margin: 10px 0 4px 0;
}

#presence_inner ul {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#presence_inner ul li {
  display: inline;
  margin: 0 0 0 6px;
  padding: 0;
}

#presence_inner div span,
#presence_inner ul li,
#presence_inner ul li a {
  font-size: 10px;
  line-height: 11px;
}

/* Footer */
#footer {
  padding: 5px 0 40px 0;
  text-align: left;
}

#footer p,
#footer span {
  color: #939183;
}

#footer #footer-inner {
  padding: 0 20px;
}

#footer * {
  font-size: 10px;
}

#footer p {
  margin: 6px 0 2px 0;
}

#footer p.copyright {
  margin: 15px 0 8px 0;
  font-size: 10px;
}

#footer a {
  text-decoration: none;
}

/* Pagination. */
#pagination_bottom,
#pagination_top {
  padding: 5px 0;
}

#pagination_bottom {
  padding: 5px 0;
}

.pagination {
  background: transparent;
  /* self-clearing method: */
}

.pagination a,
.pagination span {
  padding: .2em .5em;
  display: block;
  float: left;
  margin-right: 1px;
  font-size: 10px;
}

.pagination span.disabled {
  color: #999;
  border: 1px solid #DDD;
}

.pagination span.current {
  font-weight: bold;
  background: #2E6AB1;
  color: white;
  border: 1px solid #2E6AB1;
}

.pagination a {
  text-decoration: none;
  background-color: #f1f0ec;
  color: #105CB6;
  border: 1px solid #e2e0d3;
}

.pagination a:hover,
.pagination a:focus {
  border-color: #2E6AB1;
}

.pagination .page_info {
  background: #2E6AB1;
  color: white;
  padding: .4em .6em;
  width: 22em;
  margin-bottom: .3em;
  text-align: center;
}

.pagination .page_info b {
  color: #003;
  background: #6aa6ed;
  padding: .1em .25em;
}

.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .pagination {
  height: 1%;
}

*:first-child+html .pagination {
  overflow: hidden;
}

.clearboth {
  clear: both;
}

.clearleft {
  clear: left;
}

.center {
  text-align: center;
}

div.separate {
  text-align: center;
}

div.separate img {
  margin: 5px;
}

