@import url(home-page.css);
@import url(global.css);
@import url(pop-ups.css);


/* CONTENT --------------*/

fieldset a#info-icon {margin:7px 8px 0 0;float:right;width:16px;height:16px;background:url(../img/icon-info.gif) no-repeat 0 0;overflow:hidden;text-indent:-999px;cursor: pointer;}

/* inner pages (all pages) */
#content-container {background:#fff url(../img/feature-area-bg.gif) repeat-x 0 bottom;}
#content {width:960px;margin:0 auto;padding:0 0 50px 0;}
#content p {font-size: 1.2em;color:#444;}

#content #column1 ul li {font-size: 1.2em;}
#content ul.emphasise li {font-size: 1.4em;}
#page-heading {height:120px;background:url(../img/h1-background.gif) repeat-x 0 0;}
#page-heading h1 {width:930px;margin:0 auto;padding:52px 10px 0 20px;}

.box {padding:22px 20px 0;background:url(../img/box.gif) no-repeat 0 0;height:48px;margin:10px 0;}


/* 2 COLUMN LAYOUT */

#two-column #column1 {width:600px;float:left;padding:0 30px 0 10px;}
#two-column #column1 h2,
#two-column #column1 h3,
#two-column #column1 h4,
#two-column #column1 h5,
#two-column #column1 h6,
#two-column #column1 p {padding-left:20px;padding-right:20px;}
#two-column #column1 h2 {background:url(../img/h2-bg.png) no-repeat 0 20px;color:#fff;padding-bottom:30px;position: relative;}
#two-column #column2 {width:310px;float:right;padding:20px 10px 0 0;position:relative;}
#two-column #column2 h2 {padding:10px 0 10px 20px;color:#fff;}
/*
#two-column #column2 h3.jump-to {background:url(../img/icon-down-16.png) no-repeat 280px 13px;}
#two-column #column2 h3.contact-us {background:url(../img/icon-speech-16.png) no-repeat 280px 13px;}
*/

#two-column #column1 h2.icon {padding-left:45px;}
#column1 h2 span {position:absolute;left:6px;top:26px;width:32px;height:32px;overflow:hidden;text-indent:-999px;}




/* Search results page */

/* Artist Listings */
#artist-listing {list-style:none;margin:0;padding:0;border:0;}
#content #column1 #artist-listing li {font-size: 1.4em;margin:0;padding:0 10px;border:0;clear:both;height:30px;}
#artist-listing li.alt {background:url(../img/artist-background.gif) no-repeat 0 0;}
#artist-listing li a {padding:5px 0;display: block;float:left;width:250px;}
#artist-listing li span {display: block;float: left;padding:5px 0;overflow:hidden;}
#artist-listing li span.icon {background:url(../img/icon-person-16.png) no-repeat 0 7px;overflow:hidden;text-indent:-999px;width:20px;height:20px;margin:0 10px 0 0;}
#artist-listing li span.genre {width:170px;}
#artist-listing li span.noreleases {color:#999999;}
#artist-listing li span.albums {width:130px;text-align:right;color:#999;}

/* Album Listings */
#release-listing {list-style:none;margin:0;padding:0;border:0;}
#content #column1 #release-listing li {font-size: 1.4em;margin:0;padding:0 10px;border:0;clear:both;height:30px;}
#release-listing li.alt {background:url(../img/artist-background.gif) no-repeat 0 0;}
#release-listing li a {padding:5px 0;display: block;float:left;width:380px;}
#release-listing li span {display: block;float: left;padding:5px 0;overflow:hidden;}
#release-listing li span.icon {background:url(../img/icon-cd-16.png) no-repeat 0 7px;overflow:hidden;text-indent:-999px;width:20px;height:20px;margin:0 10px 0 0;}
#release-listing li span.country {width:90px;}
#release-listing li span.year {width:80px;text-align:right;color:#999;}

/* Song Listings */
#song-listing {list-style:none;margin:0;padding:0;border:0;}
#content #column1 #song-listing li {font-size: 1.4em;margin:0;padding:0 10px;border:0;clear:both;height:30px;}
#song-listing li.alt {background:url(../img/artist-background.gif) no-repeat 0 0;}
#song-listing li a {padding:5px 0;display: block;float:left;width:250px;}
#song-listing li span {display: block;float: left;padding:5px 0;overflow:hidden;}
#song-listing li span.icon {background:url(../img/icon-music-16.png) no-repeat 0 7px;overflow:hidden;text-indent:-999px;width:20px;height:20px;margin:0 10px 0 0;}
#song-listing li span.artist {width:220px;}
#song-listing li span.items {width:80px;text-align:right;color:#999;}





/* Artist and albums page */
#p-album-listing #two-column #column1 h2 span {background:url(../img/icon-person.png) no-repeat 0 0;}
div#albums-container {background:#f9f9f9;padding:10px;margin:0;}
#albums-container .album-header {padding:10px;background:#ddd;background:url(../img/album-background.png) no-repeat 0 0;margin:0 0 10px;cursor:pointer;}
#albums-container .album-header .album-cover {margin:0 10px 0 0; float:left;background:url(../img/placeholders/half-cd.png) no-repeat 0 0;width:60px;height:42px;}
#two-column #column1 #albums-container .text {float: left;}
#two-column #column1 #albums-container .text span {font-size:1.2em;color:#666;}
#two-column #column1 #albums-container h3 {color:#000;padding:0;margin:0;}
#albums-container .tracks {background:#fff url(../img/tracks-background-bottom.gif) no-repeat 0 bottom;padding:0px 0 0;margin: 0 0 10px 0;}
#albums-container ul {list-style: none;margin:0 0 20px;padding:10px 10px 10px;background:url(../img/tracks-background-top.gif) no-repeat 0 0;}
#content #column1 #albums-container ul li {font-size:1.4em;padding:5px 10px 5px 7px;}
#albums-container ul li.alt {background:url(../img/track-background.gif) no-repeat 0 0;}
#albums-container ul li .icon {background:url(../img/icon-music-16.png) no-repeat 0;width:16px;height:16px;float:left;overflow:hidden;text-indent:-999px;margin: 1px 10px 0 0;}
#albums-container ul li span {float:right;color: #999;}
#albums-container ul li a {margin:0 0 0 10px;}
#albums-container ul li a:hover {background-position:10px -26px;}



/* Song detail page */

#p-song-detail h2 span {background:url(../img/icon-music-32.png) no-repeat 0 0;}

#the-rig {background:#f9f9f9;padding:0;margin:0;}

.instrument {padding:0;margin:0;}
.rig-items {padding:10px 10px 0;margin:0;}

img {margin:0;padding:0;border:0;}

#two-column #column1 .rig-items h3 {margin:0 0 10px; padding:10px;border:0;background:url(../img/instrument-navigation-bg.png) no-repeat 0 0;height:20px;cursor:pointer;}
#two-column #column1 .rig-items h3 span.icon {background:url(../img/icon-speaker-16.png) no-repeat 0 1px;padding:0 0 0 25px;}
.rig-item {background:#fff url(../img/tracks-background-bottom.gif) no-repeat 0 bottom;margin:0 0 0;padding:0 0 0 0;}
.rig-item ul {list-style: none;margin:0 0 0;padding:10px 0;border:0;background:url(../img/tracks-background-top.gif) no-repeat 0 top;padding:10px;}
#content #column1 .rig-item ul li {margin:0;padding:5px 10px;border:0;height:20px;font-size: 1.4em;}
.rig-item ul li.alt {background:url(../img/track-background.gif) no-repeat 0 0;}
.rig-item ul li span {float:left;}
.rig-item ul li span.item-name {width:340px;padding:0 0 0 25px;background:url(../img/icon-gear-16.png) no-repeat 0 2px;}
.rig-item ul li span.thumbs {width:140px;height:20px;display:block;text-align: right;padding:0 25px 0 0;color: gray;}
.rig-item ul li span.up {background:url(../img/icon-thumbs-up-16.png) no-repeat 45px 1px;float:left;}
.rig-item ul li span.down {background:url(../img/icon-thumbs-down-16.png) no-repeat 45px 1px;float:left;}
.rig-item ul li span.agree a {display:block;width:25px;overflow:hidden;text-indent:-999px;background:url(../img/icon-tick-16.png) no-repeat right 0;}
.rig-item ul li span.disagree a {display:block;width:25px;overflow:hidden;text-indent:-999px;background:url(../img/icon-delete-16.png) no-repeat right 0;}

a.add-item-link {display: block;background:url(../img/icon-plus-16.png) no-repeat 0 1px;padding:0 0 0 22px;margin:0 0 0 15px;font-size: 1.4em;}


#add-item-form {display:none;padding:20px;}
#add-item-form fieldset {margin:0;padding:0;border:0;}
#add-item-form fieldset ol {margin:0;padding:0;border:0;list-style: none;}
#add-item-form fieldset ol li {margin:0;padding:0;border:0;}
#add-item-form fieldset ol li label {display: inline-block;width:150px;}

a.add {padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;background:url(../img/button-add-small.gif) no-repeat 0 0;float:right;margin:0;}
a.add:hover {background-position: 0 -30px!important;}

.add-instrument-panel {padding:0 0 0 20px;}
.add-instrument-panel a.add {margin:0 10px 0 0;}

#album-cover-artist {padding:40px 40px 15px;position:relative;text-align: center;font-size: 1.2em;color:#999;background:url(../img/picture-background.gif) no-repeat 30px 30px;min-height:250px;}
#album-cover-artist img {margin:0 0 10px;}
/* #album-cover a {text-decoration:none;} */
#overlay {background:url(../img/album-art-overlay.png) no-repeat 0 0;height:240px;width:240px;position:absolute;left:35px;top:35px;overflow:hidden;text-indent:-999px;}



/* Item detail */

#item-information {margin:0;font-size:1.4em;color: #333;width:360px;float:left;padding: 3px 0 0 0;}
#item-information span.user {background:url(../img/icon-person-16.png) no-repeat 0 0;padding:0 20px;}
#item-information span.up {background:url(../img/icon-thumbs-up-16.png) no-repeat 0 0;padding:0 0 0 20px;margin: 0 20px 0 0;}

a#agree-button {background:url(../img/button-agree.gif) no-repeat 0 0;margin:0 10px 0 0;padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;float:right;}
a#disagree-button {background:url(../img/button-disagree.gif) no-repeat 0 0;padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;float:right;}
a#agree-button:hover, a#disagree-button:hover {background-position:0 -30px;}

.user-notes {font-size: 1.2em;}

#item-details {margin:0 0 20px;padding:0;border:0;list-style:none;}
#item-details li {height:20px;padding:5px 20px;font-size:1.4em!important;}
#item-details li.alt {background:url(../img/artist-background.gif) no-repeat 0 0;}
#item-details li span {display:block;float:left;}
#item-details li span.title {width:150px;}
#item-details li span.data {color:#444;}

ul#comments {margin:20px 0 0 0;padding:0;border:0;list-style: none;font-size:1em;}
ul#comments li {background:url(../img/comment-top.gif) no-repeat 0 0;padding:10px 20px 10px;margin:0;}
#content #column1 ul#comments li p {padding-left:0!important;padding-right:0!important;font-size:1em;}
ul#comments li.alt {border: none;background:url(../img/comment-bottom.gif) no-repeat 0 0;padding-top:20px;padding-bottom: 20px;}
ul#comments li span.user {margin:10px 0 0 0;display:block;color:grey;}

.comments-form label {display:none!important;}
.comments-form textarea {width:270px!important;float: none!important;height:150px!important;}

a#comment-link {padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;background:url(../img/button-comment.gif) no-repeat 0 0;float:right;}
a#comment-link:hover {background-position: 0 -30px!important;}

a.join-us-button {padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;background:url(../img/button-join-us-small.gif) no-repeat 0 0;float:right;}
a.join-us-button:hover {background-position: 0 -30px!important;}

a.log-in-button {padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;background:url(../img/button-log-in-small.gif) no-repeat 0 0;float:right;margin:0 10px 0 0;}
a.log-in-button:hover {background-position: 0 -30px!important;}


/* directory */

ul.directory {width:160px;float:left;list-style: none;background:url(../img/divider-3x3.gif) repeat-y right 0;margin:0;padding:0 20px;border:0;}

#pagination {font-size:1.2em;background:#f9f9f9 url(../img/divider-3x3.gif) repeat-x 0 39px;padding:10px 20px;margin: 0 0 20px;}
#pagination a {float:left;margin:0 10px 0 0;}
#pagination form {width:150px;float:right;text-align: right;}



/* Admin Pages */

#personal-details {margin:0 0 20px;padding:0;border:0;list-style: none;}
#personal-details li {margin:0;padding:5px 0;border:0;height:20px;}
#personal-details li.alt {background:url(../img/artist-background.gif) no-repeat 0 0;}
#personal-details li span.title {margin:0;padding:0 20px;border:0;display:block;float:left;width:150px;font-weight: bold;}

#change-password {margin:0 0 20px;padding:0;border:0;list-style: none;}
#change-password li {margin:0;padding:5px 0;border:0;height:20px;}
#change-password li.alt {background:url(../img/artist-background.gif) no-repeat 0 0;}
#change-password li span.title {margin:0;padding:0 20px;border:0;display:block;float:left;width:150px;font-weight: bold;}

#your-contributions {margin:0 0 20px;padding:0;border:0;list-style: none;}
#your-contributions li {margin:0;padding:5px 0;border:0;height:20px;}
#your-contributions li.alt {background:url(../img/artist-background.gif) no-repeat 0 0;}
#your-contributions li a {float:left;display:block;height:20px;}
#your-contributions li a.gear-name {margin:0;padding:0 20px 0 35px;border:0;width:215px;font-weight: bold;background:url(../img/icon-gear-16.png) no-repeat 10px 2px;}
#your-contributions li a.song-name {width:250px;padding:0 0 0 25px;background:url(../img/icon-music-16.png) no-repeat 0 2px; }
#your-contributions li a.release-name {width:250px;padding:0 0 0 25px;background:url(../img/icon-cd-16.png) no-repeat 0 2px; }
#your-contributions li a.artist-name {width:140px;margin:0 10px 0 0;}
#your-contributions li a.edit {width:20px;background:url(../img/icon-pencil-16.png) no-repeat 0 2px;overflow:hidden;text-indent:-999px;margin: 0 5px 0 0;}
#your-contributions li a.delete {width:20px;background:url(../img/icon-delete-16.png) no-repeat 0 2px;overflow:hidden;text-indent:-999px;}

a#edit-details {padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;background:url(../img/button-edit.gif) no-repeat 0 0;float:right;}
a#edit-details:hover {background-position: 0 -30px!important;}

a#my-contributions {padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;background:url(../img/button-browse.gif) no-repeat 0 0;float:right;}
a#my-contributions:hover {background-position: 0 -30px!important;}



/* Terms and Conditions */

.divider {padding:20px 20px;border-top:1px solid #ddd;margin:10px 0 0;}

a#back-to-top {padding:0;width:92px;height:30px;display:block;overflow:hidden;text-indent:-999px;background:url(../img/button-top.gif) no-repeat 0 0;}
a#back-to-top:hover {background-position: 0 -30px!important;}



/* Password form */

.password-form {padding:0 20px!important;margin: 0!important;}
.password-form ol li {float:left;}
.password-form ol li.field {width:340px;}
.password-form ol li.field input {width:220px!important;}
.password-form ol li.button {width:100px;}




/* Buttons */

button#join-us-button {background:url(../img/button-join-us.gif) no-repeat 0 0;width:107px;height:33px;border:none;overflow:hidden;text-indent:-999px;cursor:pointer;margin:0 10px 0 0;}
button#join-us-button.hover {background-position:0 -33px;}

button#log-in-button {background:url(../img/button-log-in.gif) no-repeat 0 0;width:107px;height:33px;border:none;overflow:hidden;text-indent:-999px;cursor:pointer;margin:0 10px 0 0;}
button#log-in-button.hover {background-position:0 -33px;}

button#contact-button {background:url(../img/button-submit.gif) no-repeat 0 0;width:107px;height:33px;border:none;overflow:hidden;text-indent:-999px;cursor:pointer;margin:0 10px 0 0;}
button#contact-button.hover {background-position:0 -33px;}

button#submit-button {background:url(../img/button-submit.gif) no-repeat 0 0;width:107px;height:33px;border:none;overflow:hidden;text-indent:-999px;cursor:pointer;margin:0 10px 0 0;}
button#submit-button.hover {background-position:0 -33px;}

button#add-item-button {background:url(../img/button-add.gif) no-repeat 0 0;width:107px;height:33px;border:none;overflow:hidden;text-indent:-999px;cursor:pointer;margin:0 10px 0 0;}
button#add-item-button.hover {background-position:0 -33px;}




/* 3 COLUMN LAYOUT */

#three-column #column1, #three-column #column2, #three-column #column3 {float:left;}

#three-column #column1 {margin:50px 0 0 0;padding:0 20px;width:280px;}
#three-column #column2 {margin:50px 0 0 0;padding:0 20px;width:280px;background:url(../img/divider-3x3.gif) repeat-y 0 0;}
#three-column #column3 {margin:50px 0 0 0;padding:0 20px;width:280px;background:url(../img/divider-3x3.gif) repeat-y 0 0;}

#three-column #column1 h2 {line-height:40px;padding-top:0;}




/* PANELS */

.panel-container {width:310px;margin:0 0 20px;}
.panel-container .panel1 {background:url(../img/panel1.png) no-repeat 0 0;padding:0;}
.panel-container .panel2 {background:url(../img/panel2.png) no-repeat 0 0;height:10px;}

/* page navigation */
ul#page-navigation {list-style: none;font-size: 1.4em;color:#444;margin:0;padding:20px 20px 0;}
ul#page-navigation li {background:url(../img/divider-3x3.gif) repeat-x 0 39px;margin:0;padding:10px 0 10px;}
ul#page-navigation li a {padding:0 0 0 25px;background:url(../img/icon-bookmark.png) no-repeat 0 0;color:#000;}

/* search panel form */
fieldset#search-panel {margin:0;padding:0 20px;border:none;}
fieldset#search-panel ol {margin:0;padding:15px 0 0;list-style: none;}
fieldset#search-panel ol li {/* background:url(../img/divider-3x3.gif) repeat-x 0 39px; */padding:4px 0 6px;margin:0;/* height:30px; */}
fieldset#search-panel ol li.textarea {height:70px;background:none;}
fieldset#search-panel ol li.button {background:none;padding-top:6px;}
fieldset#search-panel ol li label {vertical-align:top;font-size:1.4em;display:inline-block;width:90px;padding:6px 0 0;}
fieldset#search-panel ol li input {width:170px;height:23px;padding:5px 0 0 5px;margin:0;border:none;border:1px solid #ccc;font-size:1.4em;}
fieldset#search-panel ol li select {width:140px;height:30px;border:1px solid #ccc;font-size:1.4em;font-family: arial;padding:5px;}
fieldset#search-panel ol li input.focus {color:#229aee;border-color:#c7e8ff;background:#f7fcff;}
fieldset#search-panel ol li select.focus {color:#229aee;border-color:#c7e8ff;background:#f7fcff;}
fieldset#search-panel ol li button#search-panel-button {width:92px;height:30px;overflow:hidden;text-indent:-999px;margin:0;padding:0;border:0;background:url(../img/search-panel-button.gif) no-repeat 0 0;}
fieldset#search-panel ol li button#search-panel-button.hover {background-position:0 -30px;cursor: pointer;}
fieldset#search-panel ol li a {font-size: 1.4em;}


/* oak 

div.contact-thankyou{
	height:300px;
}
*/

.hidden{display:none;}

body#p-admin-edit select#sex{
	width:100px;
}

#add-entry fieldset {margin:7px 0 0 0;padding:0;border:0;}
#add-entry fieldset span {font-size:1.4em;}
#add-entry fieldset legend {display:none;}
#add-entry fieldset ol {list-style:none;margin:0;padding:0;border:0;}
#add-entry fieldset ol li {padding:0 0 10px;}
#add-entry fieldset ol li input {height:20px;padding:5px;border:1px solid #ddd;color:#000;font-size:1.4em;width:160px;}
#add-entry fieldset ol li input.checkbox {width:auto;padding:0;border:0;margin: 3px 0 0 0;}
#add-entry fieldset ol li span.checkbox-note {line-height:15px;display: block;float:right;font-size: 1.2em;color:#333;width:150px;}
#add-entry fieldset ol li select {height:32px;padding:5px;border:1px solid #ddd;color:#000;font-size:1.4em;width:160px;}
#add-entry fieldset textarea {height:60px;padding:5px;border:1px solid #ddd;color:#000;font-size:1.4em;width:260px;font-family: arial;}
#add-entry fieldset ol li label {width:140px;display:inline-block;font-size:1.4em;vertical-align: top;padding:4px 0 0 0;}
#add-entry fieldset input.focus, #add-entry fieldset select.focus, #add-entry fieldset textarea.focus {color:#229aee;border-color:#c7e8ff;background:#f7fcff;}
#add-entry fieldset button#search-button {background:url(../img/button-search.gif) no-repeat 0 0;width:107px;height:33px;border:none;overflow:hidden;text-indent:-999px;cursor:pointer;margin:0 10px 0 0;}
#add-entry fieldset button#search-button.hover {background-position:0 -33px;}

select.timezone{
	width:360px;
}

div#social-media{
	margin:80px 0 0 0;
}

div#facebook{
	float:left;
	margin:0 10px 0 0;
}