/* Core elements */
body                    { padding: 10px; margin: 0px; background-color: #000000; background-image: url(/images/background.gif);
                        background-repeat: repeat-x; background-position: top left;
                        font-family: Helvetica, Verdana, Arial, Sans-serif; font-weight: normal; font-size: 13px; color: #404040;
                        text-align: center; /* IE 6 hack for centering all content */ }
hr                      { border: 0; color: #e0e0e0; background-color: #e0e0e0; height: 1px; width: 100%; margin-top: 10px;
                        margin-bottom: 10px; text-align: left; }
img                     { border: 0px; }
a                       { outline: none; }


/* Table elements */
th                      { padding-bottom: 4px; padding-right: 10px; text-align: left; font-size: 13px; }
td                      { padding-bottom: 4px; padding-right: 10px; font-size: 13px; }
tr                      { vertical-align:top; }
table                   { padding: 0px; margin: 0px; border-collapse: collapse; }
.table_list th          { background-color: #a0a0a0; color: #fff; text-align: left; }
.table_list tr          { border-bottom: 1px solid #f0f0f0; }
.table_gap              { width: 200px; }


/* Form elements */
input				    { padding: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px;
                        border: 1px solid #669999; color: #669999; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input:hover		    	{ border: 1px solid #999966; color: #999966; }
input:focus			    { border: 1px solid #669999; color: #669999; }
select				    { padding: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px;
                        border: 1px solid #669999; color: #669999; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
select:hover		    { border: 1px solid #999966; color: #999966; }
select:focus			{ border: 1px solid #669999; color: #669999; }
textarea				{ padding: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px;
                        border: 1px solid #669999; color: #669999; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
textarea:hover		    { border: 1px solid #999966; color: #999966; }
textarea:focus			{ border: 1px solid #669999; color: #669999; }
input.submit,button,input[type=submit],input[type=button],input[type="file"]>input[type="button"]
                        { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        padding-top: 1px solid #fff; padding: 3px 3px; font-weight: bold;
                        font-size: 13px; vertical-align: top; cursor: pointer; 
                        background-color: #555; }
input.submit:hover,button:hover,input[type=submit]:hover,input[type="file"]>input[type="button"]:hover
                        { background: #aaa; }
input.submit:active,button:active,input[type=submit]:active,input[type="file"]>input[type="button"]:active
                        { background: #669999; }


/* Layout elements */
#container              { width: 988px; line-height: 130%;
						margin: 0px auto; text-align: left; /* IE 6 hack for centering all content */ }
#content                { float: left; width: 988px; margin-bottom: 10px; }
#leftcol                { background-color: #ffffff; float: left; width: 600px; margin-right: 10px; padding: 10px; min-height: 500px;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#rightcol               { background-color: #ffffff; float: left; width: 338px; padding: 10px; font-size: 13px; min-height: 500px;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#widecol                { background-color: #ffffff; float: left; width: 968px; padding: 10px; font-size: 13px; min-height: 500px;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }
                        
                                                
/* Header */
#header                 { background-color: #000000; float: left; padding: 10px; width: 968px; height: 124px; margin-bottom: 10px;
                        font-family: Helvetica, Verdana, Arial, Sans-serif;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; }
#logo                   { float: left; width: 118px; height: 38px; }
#search                 { float: right; }
#nav                    { float: none; margin-top: 110px; }
#nav a:link, #nav a:visited 
                        { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        text-decoration: none; padding: 2px 4px; font-weight: bold; }
#nav a:hover            { color: #fff; background-color: #669999; }
#nav a:active           { color: #fff; background-color: #999966; }
#title                  { background-color: #000000; float: left; padding: 10px; width: 968px;
                        margin-bottom: 10px; line-height: 26px; font-size: 26px; font-weight: bold; height: 40px; color: #ffffff;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Helvetica, Verdana, Arial, Sans-serif; }

/* Header - Messages*/
#messages 				{ width: 988px; font-weight: bold; font-size: 13px; margin-left: 10px; }
.message 				{ margin-bottom: 2px; padding: 2px 8px 0px 8px; color: #fff; font-weight: bold; background-color: #999; 
                        float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.warning 				{ margin-bottom: 2px; padding: 2px 8px 0px 8px; color: #fff; font-weight: bold; background-color: #999966; 
                        float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.success 				{ margin-bottom: 2px; padding: 2px 8px 0px 8px;color: #fff; font-weight: bold; background-color: #009900; 
                        float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.error 					{ margin-bottom: 2px; padding: 2px 8px 0px 8px; color: #fff; font-weight: bold; background-color: #990000; 
                        float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
                        
/* Content */
#content a:link, #content a:visited 
                        { color: #669999; text-decoration: none; font-weight: normal; }
#content a:hover        { text-decoration: underline; }
#content a:active       { color: #999966; outline: none; } 

.large                  { font-size: 18px; font-family: Helvetica, Verdana, Arial, Sans-serif; line-height: 20px; }
.small                  { font-size: 11px; color: #909090; }
.subtitle               { font-size: 13px; font-family: Helvetica, Verdana, Arial, Sans-serif; font-weight: bold; color: #000; }

#homepage               { padding-top: 8px; padding-left: 12px; background-color: #a0a0a0; float: left; width: 976px;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }                        
                        
.latest                 { float: left; width: 100px; margin-right: 4px; margin-top: 4px; }
.latest img             { width: 100px; height: 100px; }
.latest a               { font-size: 12px; }
.artist                 { background-color: #fff; float: left; width: 170px; padding: 8px;
                        margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.artist img             { width: 170px; height: 170px; }
.release                { background-color: #fff; float: left; width: 170px; padding: 8px; 
                        margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.release img            { width: 170px; height: 170px; }
.artist_release         { float: left; width: 100px; padding: 8px; border: 1px solid #ccc; margin-right: 8px; margin-bottom: 8px; 
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.artist_release img     { margin-bottom: 2px; width: 100px; height: 100px; }
.artist_profile         { float: left; padding: 4px; border: 1px solid #e0e0e0; margin-right: 10px; margin-bottom: 4px; 
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.artist_profile img     { width: 200px; }
.artist_live            { float: left; width: 150px; padding: 8px; border: 1px solid #ccc; 
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.artist_live img        { width: 150px; height: 150px; }

#paging                 { text-align: center; }
#paging a:link, #paging a:visited 
                        { color: #fff; background-color: #669999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        text-decoration: none; padding: 2px 4px; font-weight: bold; }
#paging a:hover         { color: #fff; background-color: #999966; }
#paging a:active        { color: #fff; background-color: #009900; outline: none; }

ul.leaflist             { margin-top: 0px; margin-left: 0px; padding-left: 0px; list-style-position: inside; }

/* Footer */
#footer                 { padding: 10px; background-color: #555; width: 968px; font-size: 11px; color: #aaa; 
                        font-family: Helvetica, Verdana, Arial, Sans-serif;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#footer a:link, #footer a:visited 
                        { font-weight: bold; color: #ddd; text-decoration: none; }
#footer a:hover         { background-color: #555; color: #ffffff; text-decoration: underline; }
#footer a:active        { background-color: #fff; color: #000; outline: none; }
.footerlinks a          { margin-right: 5px; }
#login                  { float: right; text-align: right; }