/* Core elements */ body { padding: 10px; margin: 0px; background-color: #FFFFFF; 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: 14px; color: #404040; text-align: center; /* IE 6 hack for centering all content */ } hr { border: 0; color: #e0e0e0; background-color: #e0e0e0; height: 2px; width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: left; } img { border: 0px; } a { outline: none; } /* Table elements */ th { padding-bottom: 4px; padding-right: 10px; text-align: left; font-size: 14px; } td { padding-bottom: 4px; padding-right: 10px; font-size: 14px; } 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: 0px solid #669999; color: #669999; -moz-border-radius: 5px; -webkit-border-radius: 5px; } input:hover { border: 0px solid solid #669999; color: #669999; } input:focus { border: 0px 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: 920px; line-height: 130%; margin: 0px auto; text-align: left; /* IE 6 hack for centering all content */} #content { float: left; width: 920px; margin-bottom: 10px; } #leftcol { background-color: #FFFFFF; float: left; width: 540px; margin-right: 10px; padding: 10px; min-height: 500px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #rightcol { background-color: #FFFFFF; float: left; width: 330px; padding: 10px; font-size: 14px; min-height: 500px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #widecol { background-color: #FFFFFF; float: left; width: 900px; padding: 10px; font-size: 14px; min-height: 500px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Header */ #header { background-color: #FFFFFF; float: left; padding: 10px; width: 900px; height: 123px; margin-bottom: 10px; font-family: Helvetica, Verdana, Arial, Sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; } #logo { float: right; width: 78px; height: 42px; } #nav { float: none; margin-top: 110px; } #nav a:link, #nav a:visited { color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; text-decoration: none; padding: 2px 4px; font-weight: bold; } #nav a:hover { color: #404040; background-color: #AAAAAA; } #nav a:active { color: #404040; background-color: #FFFFFF; } #navoutside { float: right; clear: both; margin-top: 68px; } #navoutside a:link, #nav a:visited { color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; text-decoration: none; padding: 2px 4px; font-weight: bold; } #navoutside a:hover { color: #404040; background-color: #AAAAAA; } #navoutside a:active { color: #404040; background-color: #FFFFFF; } #title { background-color: #FFFFFF; float: left; padding: 10px; width: 900px; margin-bottom: 5px; line-height: 26px; font-size: 23px; height: 30px; color: #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Helvetica, Verdana, Arial, Sans-serif; } #title2 { background-color: FFFFFF; float: left; padding: 10px; width: 900px; margin-bottom: 5px; line-height: 26px; font-size: 23px; height: 30px; color: #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Helvetica, Verdana, Arial, Sans-serif; } /* Header - Messages*/ #messages { width: 920px; font-weight: bold; font-size: 14px; margin-left: 10px; } .message { margin-bottom: 2px; padding: 2px 8px 0px 8px; color: #fff; font-weight: bold; background-color: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Content */ #content a:link, #content a:visited { color: #000000; text-decoration: none; font-weight: normal; } #content a:hover { text-decoration: underline; } #content a:active { color: #000000; outline: none; } .large { font-size: 18px; font-family: Helvetica, Verdana, Arial, Sans-serif; line-height: 20px; } .small { font-size: 13px; color: #999999;} .subtitle { font-size: 14px; font-family: Helvetica, Verdana, Arial, Sans-serif; font-weight: bold; color: #000; } #homepage { padding-top: 8px; padding-left: 12px; background-color: #FFFFFF; float: left; width: 910px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .splash { width: 100%; z-index: 0;} .latest { float: left; width: 161px; margin-right: 4px; margin-top: 4px; font-size: 14px;} .latest img { height: 135px; border: 1px solid #ccc;} .latest a { font-size: 12px; } .catalog { float: left; width: 530px; margin-right: 4px; margin-top: 4px; font-size: 14px; } .catalog img { height: 135px; border: 1px solid #ccc; } .catalog a { font-size: 14px; font-family: Helvetica, Verdana, Arial, Sans-serif; color: #e3edf2; } .biodiscography { float: left; width: 300px; font-size: 11px; margin-left: 8px; } .reviews { float: left; width: 520px; margin-right: 4px; margin-top: 4px; font-size: 13px; padding: 5px; color: #666666} .reviews a { font-size: 13px; font-family: Helvetica, Verdana, Arial, Sans-serif; color: #666666} .artist { background-color: #FFFFFF; float: left; width: 200px; padding: 8px; margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .artist img { width: 200px; } .video { background-color: #FFFFFF; float: left; width: 430px; padding: 8px; margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .albumpage { float: left; width: 300px; margin-left: 4px; margin-right: 4px; margin-top: 4px; font-size: 14px; padding: 5px; color: #222222} .albumpage img { width: 300px; border: 1px solid #ccc; } .ordering { float: left; width: 300px; margin-left: 4px; margin-right: 4px; margin-top: 4px; font-size: 13px; padding: 5px; color: #222222} .ordering img { border: 0px solid #e3edf2; } .otherreleases { float: left; width: 95px; padding: 5px; margin-right: 4px; margin-top: 4px; font-size: 13px;} .otherreleases img { height: 90px; border: 1px solid #ccc;} .otherreleases a { font-size: 12px; } .orderpage { background-color: #FFFFFF; float: left; width: 155px; padding: 8px; margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tshirt { background-color: #FFFFFF; float: left; width: 270px; padding: 8px; margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .itunes img {margin-top: 7px;} .release { background-color: #fff; float: left; padding: 8px; margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .release img { height: 135px; vertical-align:text-top;} .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.womlist { margin-top: 0px; margin-left: 0px; padding-left: 0px; list-style-position: inside; font-size: 14px;} /* Footer */ #footer { padding: 10px; background-color: #FFFFFF; width: 830px; font-size: 13px; color: #404040; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; text-decoration: none; padding: 2px;} #footer a:hover { background-color: #FFFFFF; color: #404040; } #footer a:active { background-color: #FFFFFF; color: #404040; outline: none; } .footerlinks a { margin-right: 5px; } #login { float: right; text-align: right; }