/* All layout css including margins, padding, positioning etc */

/* General */

/* Hides from IE-mac \*/
* html #body {
height: 1%;
}
/* End hide from IE-mac */

* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

a {
font-weight: bold;
text-decoration: none;
}


a:hover {
text-decoration: underline;
}

.spacer {
height: 10px;
font-size: 1px;
}

/* Clear-float */
/* This fix from http://positioniseverything.net/easyclearing.html */
.clear-float:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clear-float {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clear-float {
height: 1%;
}

.clear-float {
display: block;
}

/* End hide from IE-mac */

/* Banner */
#banner {
height: 84px;
width: 645px;
}

#banner .image-wrapper {
padding: 8px 0 0 10px;
}

#banner .image-wrapper img {
height: 67px;
width: 168px;
}

/* Table of Contents */
#toc {
padding: 0;
}

/* IE 5 list indent bug fix */
#link-home {
width: 125px;
}
/* end fix */

#toc ul#section-links {
padding-bottom: 20px;
}

#toc ul li {
list-style: none;
width: 125px;
}

#toc a {
display: block;
padding: 2px 0 2px 7px;
width: 100%;
}

html>body #toc a {
width: auto;
}

#toc a:hover {
text-decoration: none;
}


/* Main */
#main {
min-height: 970px;
}

#main #content {
float: left;
overflow: hidden !important;
width: 430px;
}

#main #content-inner {
margin-right: 10px;
}

#main #nav {
float: left;
overflow: hidden !important;
width: 205px;
}

#main #title {
padding: 5px 5px;
height: 54px;
}

#main .full-width .image-wrapper img {
height: 125px;
width: 205px;
}

#main .full-width .text-wrapper {
width: 195px;
}

* html #main #title {
height: 64px;
}

#main .section {
margin-bottom: 10px;
}

#main .bottom-section, #main .bottom-section .section {
margin: 0;
}

#main h3 {
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 3px 5px;
}

#main h4 {
border-style: solid;
border-width: 1px 0;
padding: 3px 5px;
}

#main h4.top-title {
border-width: 0 0 1px;
}

#main .content {
padding: 5px;
margin-bottom: 10px;
}

#main ul.link-list {
list-style: none;
}

#main ul.link-list li {
padding-bottom: 5px;
}

#main ul.link-list li br {
display: none;
}

#main ul.link-list li.last-link {
padding: 0;
}

#main ul.link-list a {
display: block;
}

/* Hides from IE-mac \*/
* html #main ul.link-list a {
height: 1%;
}

/* End hide from IE-mac */
#main a.haveyoursay {
height: 17px !important;
padding-left: 32px;
}

#main a.radio-player {
height: 17px !important;
padding-left: 32px;
}

#main a.video {
height: 17px !important;
padding-left: 32px;
padding-bottom: 3px;
}

#main a.help {
height: 17px !important;
padding-left: 32px;
}

#main a.newsletter {
height: 17px !important;
margin-bottom: 5px;
padding-left: 32px;
}

#main a.listen {
height: 17px !important;
padding-left: 32px;
padding-bottom: 3px;
}

.playlist a.listen {
line-height: 18px;
}

#artist {
padding-left: 20px;
}

#track {
padding-left: 125px;
}

#main a.tracks {
height: 17px !important;
padding-left: 32px;
padding-bottom: 3px;
}

#main .long-copy p {
padding-bottom: 10px;
}

#main .long-copy p img {
float: right;
}

#main blockquote {
padding: 10px;
}

#main p.quotee {
padding: 0 0 0 20px;;
}

#main .image-wrapper {
float: left;
margin-right: 5px;
overflow: hidden !important;
}

#main .image-wrapper img {
height: 70px;
width: 70px;
}

#main #promo .image-wrapper img {
height: 125px;
width: 205px;
margin: 2px 1px 0px 2px;
}

#main .promo .image-wrapper img {
height: 125px;
width: 205px;
margin: 2px 1px 0px 2px;
}

#main .spromo .image-wrapper img {
height: 70px;
width: 70px;
margin: 2px 1px 0px 2px;
}

#main .gpromo .image-wrapper img {
height: 70px;
width: 210px;
margin: 2px 1px 0px 2px;
}

#main .text-wrapper {
float: left;
overflow: hidden !important;
width: 122px;
}

#main #promo .text-wrapper {
width: 193px;
}

#main .promo .text-wrapper {
width: 193px;
}

#main .spromo .text-wrapper {
width: 325px;
}

#main .gpromo .text-wrapper {
width: 184px;
}

#main .spromo h3, #main .gpromo h3, #main .promo h3 {
border: 0;
padding: 0 0 0px;
}

#main .spromo p, #main .gpromo p, #main .promo p {
padding-top: 5px;
}

#main #promo p {
padding-bottom: 8px;
}

#main .promo p {
padding-bottom: 8px;
}

#main #promo p.also {
padding-bottom: 0;
}

#main #promo ul.link-list li {
padding-bottom: 0;
}

#main #promo p.down {
padding: 0;
}

#main ol {
margin: 0;
}

#main ol li {
margin-bottom: 5px;
}

#main .section .left-column {
float: left;
overflow: hidden !important;
width: 212px;
}

#main .section .left-column-inner  {
margin-right: 5px;
}

#main .section .right-column {
float: left;
overflow: hidden !important;
width: 208px;
}

#main .section .left-column-inner a, #main .section .right-column-inner a {
color: #1c311a;
}

#main p.more {
margin-top: 10px;
}

#main p.more a {
display: block;
padding-top: 2px;
}

#main p.more a:hover {
text-decoration: none;
}

#main p.more a .more-link {
display: block;
padding-bottom: 2px;

}

#main p.more a .more-link-inner {
display: block;
padding: 1px 5px 1px 10px;

}

#main p.down a {
display: block;
height: 17px;
padding-left: 32px;
}

#main p.up {
text-align: right;
}

#main p.up a {
display: block;
height: 17px;
padding-right: 32px;
}

/* Section Nav */
#section-nav ul {
width: 205px;
}

#section-nav ul li {
display: block;
list-style: none;
}

#section-nav a {
display: block;
padding: 5px 5px 4px;
width: 100%;
}

/* Hides from IE-mac \*/
html>body #section-nav a {
width: auto;
}
/* End hide from IE-mac */

#section-nav a:hover {
text-decoration: none;
}

/* Sub-section nav */
#sub-section-navigation {
width: 420px;
}

#sub-section-navigation ul {
list-style: none;
margin-bottom: -1px;
}

#sub-section-navigation li {
float: left;
margin: 0;
padding: 0 0 0 6px;
}

#sub-section-navigation a {
display: block;
line-height: 110%;
padding: 8px 7px 4px 5px;
text-align: center;
text-decoration: none;
}

.sub-section-home #sub-section-navigation li#link-sub-section-home a, 
.sub-section-top125 #sub-section-navigation li#link-sub-section-top125 a,
.sub-section-1950s #sub-section-navigation li#link-sub-section-1950s a, 
.sub-section-1960s #sub-section-navigation li#link-sub-section-1960s a, 
.sub-section-1970s #sub-section-navigation li#link-sub-section-1970s a, 
.sub-section-1980s #sub-section-navigation li#link-sub-section-1980s a,
.sub-section-1990s #sub-section-navigation li#link-sub-section-1990s a,
.sub-section-2000s #sub-section-navigation li#link-sub-section-2000s a,
.sub-section-1 #sub-section-navigation li#link-sub-section-1 a,
.sub-section-2 #sub-section-navigation li#link-sub-section-2 a,
.sub-section-3 #sub-section-navigation li#link-sub-section-3 a,
.sub-section-4 #sub-section-navigation li#link-sub-section-4 a,
.sub-section-5 #sub-section-navigation li#link-sub-section-5 a {
padding-bottom: 5px;
}



/* Alphabetical sub-section nav */
#alphabetical-sub-section-navigation ul {
list-style: none;
}

#alphabetical-sub-section-navigation li {
float: left;
margin: 0;
padding: 0;
}

#alphabetical-sub-section-navigation a {
padding: 0 4px;
text-decoration: none;
}

/* Galleries */
#main #gallery h4 {
border-style: solid;
border-width: 0 0 1px;
padding: 10px 5px;
}

#main #gallery #promo img {
display: block;
height: 315px;
width: 420px;
}

.pager {
border-style: solid;
border-width: 0 0 1px;
padding: 10px 5px;
margin-bottom: 10px;
}

#gallery .pager {
margin-bottom: 0px;
}


#main #promo .pager p {
padding: 0;
}

.pager p.prev {
float: left;
width: 150px;
}

.pager p.no {
float: left;
text-align: center;
width: 110px;
}

.pager p.next {
float: right;
text-align: right;
width: 150px;
}

.pager a {
height: 17px;
}

.pager p.prev a {
display: block;
padding-left: 32px;
}

.pager p.next a {
display: block;
padding-right: 32px;
}

/* More galleries */

.r1djs #r1djs, .portraits #portraits, .festivals #festivals, .showman #showman, .r1djs #r1djs, .disguises #disguises {
display: none;
}

/* Playlist table */
table.playlist {
border: 0;
border-collapse: collapse;
}

table.playlist th, table.playlist td {
padding: 0 5px 7px 0;
text-align: left;
vertical-align: top;

}

table.playlist th.track {
width: 160px;
}

table.playlist th.artist {
width: 200px;
}

table.playlist th.time-code {
width: 50px;
}

.playposition {
width: 20px;
}

.playartist {
width: 140px;
}

.playtitle {
width: 250px%;
}

.nolisten {
text-indent: 31px;
}

#section-4 .nolisten {
text-indent: 0px !important;
}

/* Vote results table */
.vote {
margin-top: 5px;
}

.vote table {
border: 0;
border-collapse: collapse;
margin-top: 5px;
}

.vote table th, .vote table td {
padding: 0 5px 5px 0;
text-align: left;
vertical-align: top;
}

/* Comments (ACS) */
#main .comment-text p {
margin-bottom: 5px;
}

/* Forms */
#main form {
margin-top: 6px;
}

#main form dl {
margin: 3px 0 2px;
}

#main form dl.answer {
margin-bottom: 20px;
}

#main form.vote dt, #main form.simple-search dt, #main form.competition dl.answer dt {
clear: both;
display: block;
float: right;
margin-top: 2px;
width: 173px;
}

#main form.competition dl.answer dt {
width: 385px;
}

#main #nav form.vote dt, #main #nav form.simple-search dt {
width: 164px;
}

#main form.comment dt, #main form.competition dt {
clear: both;
display: block;
float: left;
margin-top: 2px;
width: 100px;
}

#main form dd {
margin-bottom: 3px;
}

#main form input.text, #main form textarea {
margin-bottom: 10px;
}

#main form.comment input.text, #main form.competition input.text {
width: 250px;
}

#main form.comment textarea, #main form.competition textarea {
height: 50px;
width: 250px;
}

/* End hide from IE-mac */
#main #nav form input.text {
width: 186px;
}

/* Hides from IE-mac \*/
* html #main #nav form input.text {
width: 190px;
}

/* End hide from IE-mac */
#main form button.submit {
border: 0;
padding: 3px 0;
height: 21px;
text-align: center;
}

#main form.comment button.submit, #main form.competition button.submit {
margin: 0 0 0 102px;
}

#main form button.vote {
width: 43px;
}

#main form button.search {
width: 56px;
}

#main form button.submit:hover {
cursor: pointer;
}

#main p.disclaimer {
margin-top: 10px;
}


/* Also this year */
#also-this-year {
list-style-type: none;
margin: 0;
padding: 0;
}

#also-this-year li {
float: left;
text-align: center;
width: 136px;
}

#also-this-year img {
height: 70px;
width: 70px;
}

/* Footer */
div[id="body"] > br[clear="all"] {
display: none;
}

#external-disclaimer {
position: absolute;
}

#external-disclaimer-inner {
height: 25px;
position: relative;
top: -10px;
width: 770px;
}

* html #external-disclaimer-inner {
top: -20px;
}

#external-disclaimer p {
text-align: center;
}

/* Biography */

#section-2 .content img, #section-3 .content img {
float: right;
margin-left: 5px;
}
#section-3 .section {
margin-bottom: 10px;
}

/* some artist az fixes  */

#bio1 a {
display: block;
margin-bottom: 90px;
}

#showTag a {
margin-bottom: 5px;
}

#main { 
height: 100%;
}