* {
margin:0;
padding:0;
}

body {
text-align:center;
background:#baddf5;
color:#000;
line-height:20px;
}

body,
input,
textarea {
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
}

div.clear {
clear:both;
font-size:1%;
}

small,
.small {
font-size:11px;
line-height:14px;
display:block;
}

sup {
font-size:9px;
}

img {
border:none;
}

a,
a:active {
outline:none;
}

a {
color:#000;
}

a.bland {
font-weight:bold;
}

a:hover {
color:#666;
}

a.light,
a.plain,
small,
.small,
small a,
.small a {
font-weight:normal;
}

small,
.small,
small a,
.small a {
color:#333;
}

a.plain,
a.bland,
a.light,
small a,
.small a {
text-decoration:none;
}

a.light,
small a,
.small a {
border-bottom:1px solid #999;
}

ul {
list-style:square;
}

h1 {
font-size:20px;
}

h1 a {
}

/* ------------------------------ */
/* headers etc */

h2 a,
h3 a,
h4 a,
h5 a {
text-decoration:none;
}

h2,
h3,
h4,
p,
ul,
ol,
div.quote,
div.bord,
div.message,
div.error,
blockquote {
margin-bottom:20px;
}

h4.nomarg {
margin-bottom:0;
}

div.quote,
blockquote {
display:block;
margin-left:20px;
border-left:2px solid #999;
padding-left:10px;
}

ul,
ol {
margin-left:40px;
}

h2 {
font-size:20px;
line-height:24px;
}


h3 {
font-size:18px;
line-height:20px;
}

h2 span,
h3 span,
a.bland span {
color:#666;
}

div.column1 h4 {
font-size:16px;
}

div.column0 h4,
div.column2 h4,
div.column1 h3.block {
font-size:13px;
text-transform:uppercase;
}

h5,
h5 a {
color:#666;
}

h5 a {
font-weight:normal;
}

h5 {
text-transform:uppercase;
font-size:11px;
line-height:11px;
margin-bottom:3px;
font-weight:normal;
}

div.column2 h5 {
color:#444;
font-weight:bold;
text-transform:none;
}

h4,
div.column2 p,
div.column2 ul {
margin-bottom:15px;
}

div.column2 h3 {
margin-bottom:0px;
font-size:15px;
line-height:18px;
}

h3.block {
text-transform:uppercase;
height:30px;
line-height:30px;
margin:0 15px;
padding:0 5px;
background:#eee;
}

div.column2 ul {
margin-left:15px;
}

div.thumb,
div.thumb-last {
float:left;
display:inline;
height:120px;
background:#ddd;
}

div.thumb {
width:120px;
}

div.thumb-last {
width:100px;
}


/* ------------------------------ */

.fl-left {
float:left;
margin:0 10px 10px 0;
}

div.comment {
clear:both;
}

div.bord {
border-bottom:1px solid #ccc;
}

.fl-right {
float:right;
margin:0 0 10px 10px;
}

.fl-left,
.fl-right {
display:inline;
}

div.comments .fl-left,
div.record-reviews .fl-left {
margin-bottom:20px;
}

div.record-reviews h3 {
margin-top:10px;
}

/* ------------------------------ */

div#header {
width:100%;
}

div#header-top {
position:relative;
}

div#header h1 {
background:#FFF;
display:block;
margin:0;
overflow:auto;
width:100%;
}

div#header h1 a {
background:#FFF url("../img/site/logo2010.jpg") no-repeat;
display:block;
height:80px;
margin:10px;
overflow:hidden;
text-decoration:none;
width:570px;
}

div.header-inner {
text-align:left;
}

h1 a span {
display:none;
}

div#nav {
background:#5588bb;
height:35px;
overflow:hidden;
}

div#nav ul {
list-style:none;
background:#ddd;
margin:5px 0 0 15px;
}

div#nav ul li,
div#nav ul li a {
float:left;
display:inline;
}

div#nav ul li a {
color:#ddd;
text-decoration:none;
padding:5px 15px;
}

div#nav ul li a:hover {
color:#fff;
}

div#nav ul li a.selected {
background:#fff;
color:#000;
}

div#footer {
clear:both;
padding:25px 0;
font-size:11px;
line-height:14px;
text-align:center;
background:#666;
position:relative;
top:-1px;
}

div#footer,
div#footer a {
color:#FFF;
}

div#footer p {
margin:0 auto 10px auto;
width:750px;
}

div#header div.advert {
top:20px;
right:10px;
z-index:10;
}

div#header div.advert,
form#search,
div#register {
position:absolute;
}

div#register {
top:10px;
}

div#register,
form#search {
width:250px;
text-align:right;
right:10px;
}

form#search {
display:block;
height:30px;
line-height:30px;
top:103px;
}

form#search input.button {
background:#ddd;
color:#000;
}

div#content,
div#header div.header-inner,
div#footer {
width:1100px;
margin:0 auto;
}

div#content {
text-align:left;
background:#FFF url("../img/site/dot1100-999.png") repeat-y;
overflow:auto;
}

body.talk div#content {
background-position:192px 0;
}

div.column {
float:left;
display:inline;
background:transparent;
}

div.column0 {
width:192px;
}

div.column1 {
width:580px;
background:#FFF;
}

div.column2 {
width:328px;
}

div.column0,
div.column2,
div.sub {
font-size:11px;
line-height:15px;
}

div.sub {
padding:5px 0 0 0;
}

div.column-wide,
div.column-full {
overflow:auto;
padding:0 0 15px 0;
}

div.column-discussions {
width:772px;
}

div.column-full {
background:#FFF url("../img/site/dots-shows-big.png") repeat-y;
}

div.column-wide {
width:908px;
background:#FFF;
}

div.overflow {
overflow:hidden;
}

div.column div.item {
overflow:hidden;
padding-top:15px;
word-wrap: break-word;
}

div.column1 div.item {
text-align:center;
}

/*div.column0 div.item,
div.column2 div.item,*/
div.column1 div.item div.item-holder {
border-bottom:1px solid #999;
}

div.column0 div.item,
div.column2 div.item,
div.column-discussions div.item {
border-bottom:1px dotted #999;
text-align:left;
padding:15px 15px 0 15px;
}

div.column-discussions div.item {
padding-bottom:15px;
}

div.credits {
font-size:11px;
line-height:15px;
clear:both;
overflow:hidden;
}

/*div.column1 div.credits { height:30px; }*/

div.column1 div.credits { padding-bottom:10px; }

div.column0 div.credits,
div.column2 div.credits { height:25px; }

div.credits .fl-right {
margin:0;
}

div.credits,
div.credits a {
color:#444;
}

div.credits a {
font-weight:normal;
text-decoration:none;
}

div.credits a.comments {
color:#900;
}

div.column1 div.item div.item-holder {
margin:0px auto 0 auto;
padding:0 0 0 0;
text-align:left;
width:550px;
overflow:auto;
}

div.column2 div.item,
div.column-wide div.item {
text-align:left;
}

div.column0 ul {
margin-left:12px;
}

div.column2 ul.playlist {
margin-left:0px;
}

div.column-wide div.item {
padding:15px;
}

/* reviews */

div.rating {
background:url("../img/site/rating.png") no-repeat;
font-size:15px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
font-weight:bold;
color:#444;
}

/* side featured items */

div.featured,
div.featured div.image {
width:300px;
}

div.featured {
position:relative;
padding-bottom:10px;
}

div.featured div.image {
background:#000;
overflow:hidden;
height:160px;
margin-bottom:5px;
}

div.featured img,
div.featured span {
position:absolute;
}

div.featured img {
top:1px;
left:1px;
width:298px;
height:158px;
}

div.featured span {
display:none;
color:#FFF;
font-weight:bold;
font-size:14px;
left:10px;
top:10px;
}

/* shows */

li.featured span,
span.featured {
background:#FBB;
}

/* ------------------------------------------------------ */
/* forms */

div.error {
background:#fdd;
padding:10px;
}

fieldset {
clear:both;
border:none;
margin-bottom:15px
}

label {
text-align:right;
padding-right:10px;
width:150px;
}

form#adminform label {
width:100px;
}

div.form_item {
width:550px;
}

textarea {
width:98%;
height:100px;
}

textarea.large {
height:300px;
}

textarea,
input.text,
input.text-small,
input.button {
border:1px solid #666;
}

textarea,
input.text,
input.text-small,
input.button {
padding:2px;
line-height:normal;
}

input.text {
width:300px;
}

input.text-small {
width:140px;
}

div.message,
div.error {
padding:10px;
}

div.message {
border:1px solid #ccc;
background:#eee;
}

div.error {
background:#fcc;
border:1px solid #f66;
}

input.button {
background:#666;
color:#fff;
}

form#search input.button {
padding:1px 2px;
}

form#search input {
font-size:12px;
}

/* ------------------------------------------------------ */
/* discussions */

div.discussion .fl-right {
width:200px;
text-align:right;
}

div.discussion .fl-right,
div.discussion .fl-left,
div.discussion p {
margin-bottom:0;
}

div.grey,
div.logged_in {
background:#ddd;
}

div.logged_in {
padding:15px;
margin-bottom:20px;
}

/* ------------------------------------------------------ */
/* fake tables */

div.tr,
div.tr div {
float:left;
display:inline;
}

div.tr {
width:100%;
clear:both;
font-size:12px;
}

div.tr div {
background:#eee;
margin:0 3px 3px 0;
height:30px;
line-height:30px;
padding:0 5px;
overflow:hidden;
}

div.tr a {
color:#000;
text-decoration:none;
}

div.tr div.td-main {
width:280px;
}

div.tr div.td-large {
width:340px;
}

div.tr div.td-medium {
width:100px;
}

div.tr div.td-small {
width:90px;
}

div.tr div.td-extra-small {
width:20px;
}

/* RATINGS - for the side */

div.rating-small {
clear:both;
width:300px;
}

div.rating-small,
div.rating-small .fl-left {
height:30px;
line-height:30px;
}

div.rating-small .fl-left {
width:30px;
text-align:center;
background:url("../img/site/rating-small.png") 0 -0px no-repeat;
}

/* record reviews thumbs */

div.column2 ul.record-reviews {
margin-left:0;
}

ul.record-reviews {
list-style:none;
width:300px;
height:300px;
overflow:hidden;
}

ul.record-reviews,
ul.record-reviews li {
float:left;
display:inline;
}

ul.record-reviews li {
width:105px;
height:105px;
}

ul.record-reviews li.last {
width:90px;
}

/* item-thumbs */

div.item-thumb {
float:left;
display:inline;
margin:0 0 0 15px;
overflow:hidden;
padding:15px 0 0 0;
}

div.item-thumb,
div.item-thumb img {
width:208px;
}

div.item-thumb img {
height:150px;
}

div.show {
margin:0;
font-size:11px;
line-height:15px;
}

div.show-big {
width:275px;
}

div.show-small {
width:140px;
}

div.show-big img {
width:255px;
}

div.show-small img {
width:120px;
}

div.show div {
padding:10px 10px 10px 10px;
}

div.show div.big {
border-top:1px solid #999;
}

div.show div.dotted {
border-top:1px dotted #999;
}


