#container {width: 800px; margin-left: auto; margin-right: auto; position: static}

a.common:link {color: #0066cc; text-decoration: none}
a.common:visited {color: #0066cc; text-decoration: none}
a.common:hover {color: #990000; text-decoration: underline}
a.common:active {color: #0066cc; text-decoration: none}

a.bios:link {color: #0066cc; text-decoration: none}
a.bios:visited {color: #0066cc; text-decoration: none}
a.bios:hover {color: #990000; text-decoration: underline}
a.bios:active {color: #0066cc; text-decoration: none}

#logo {width: 300px; height: 100px; background-image: url(images/logo2.jpg); background-repeat: no-repeat}

#banner {width: 500px; height: 100px; position: relative; margin-right: 0px; margin-left: 300px; margin-top: -100px; margin-bottom: 0px}
#bannerbox {width: 470 px; height: 70px; background-image: url(images/drizabone.jpg); background-repeat: no-repeat; position: relative; top: 15px; left: 30px}
#hamelbannerbox {width: 470 px; height: 70px; background-image: url(images/hamelbanner.jpg); background-repeat: no-repeat; position: relative; top: 15px; left: 30px}

#navbar {width: 800px; height: 40px; background-image: url(images/jazz_soul_funk_hiphopnavbar.jpg)}
td.navbartext {font-family: Verdana, Arial, sans-serif; font-size: 11px; text-align: center; word-spacing: 8px}
b.navbarspacing {word-spacing: 0px}
a.navbar:link {color: white; text-decoration: none}
a.navbar:visited {color: white; text-decoration: none}
a.navbar:hover {color: gold; text-decoration: underline}
a.navbar:active {color: white; text-decoration: none}

#reviewheader {width: 200px; height: 40px; float: left; position: static}
#reviewtable {width: 200px; height: 260px; float: left}

#featureheader {width: 400px; height: 40px; float: left; position: static}
#featuretable {width: 400px; height: 260px; float: left}
#featuretableimage {width: 125px; height: 125px; position: relative; top: 2px; left: 2px; float: left}
#featuretableheader {width: 260px; height: 30px; position: relative; top: -138px; left: 120px; font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #0066cc; font-weight: bold; text-decoration: underline; float: left}
#featuretablecontent {width: 276px; height: 225px; position: relative; top: -135px; left: 120px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; padding-left: 2px}


#newsletterheader {width: 200px; height: 40px; float: left; position: static; float: left}
#newslettercontainer {width: 200px; height: 260px; float: left}
#newsletterform {width: 200px; height: 160px; position: relative; top: 0px; left: 0px; float: left}
#newsletteradvert {width: 200px; height: 100px; background-image: url(images/makeithappen.jpg); background-repeat: no-repeat; position: relative; top: 0px; left: 5px}

#hiphopcontainer {width: 200px; height: 200px; float: left}
#hiphopheader {width: 200px; height: 40px; position: absolute; margin-top: 0px; margin-bottom: 160px; float: left}
#hiphoptable {width: 200px; height: 160px; background-image: url(images/smallgreenbox.jpg); background-repeat: no-repeat; position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; float: left}



td.comingin {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc; font-weight: bold; text-align: center}



#advert1 {width: 200px; height: 200px; background-image: url(images/leelajamesadvert.jpg); background-repeat: no-repeat; position: relative; top: 0px; left: 0px; float: left}

#adsensecontainer {width: 200px; height: 200px; float: left}

#partnersandsponsorscontainer {width: 400px; height: 200px; float: left}
#partnersandsponsorsheader {width: 400px; height: 40px; position: relative; top: 0px; left: 0px; float: left}
#redeckedtable {width: 400px; height: 160px; position: relative; top: 0px; left: 0px}
#redeckedimage {with: 104px; height: 102px; position: relative; top: 2px; left: 2px; float: left}

#advertcontainer {width: 200px; height: 200px; float: left; position: relative; left: -5px}
#advert2 {width: 200px; height: 100px; background-image: url(images/incognito_advert.jpg); background-repeat : no-repeat; position: relative; top: 0px; left: 5px; float: left}
#advert3 {width: 200px; height: 100px; background-image: url(images/mattwertzadvert.jpg); background-repeat: no-repeat; position: relative; top: 101px; left: 0px; float: left}

#interviewcontainer {width: 200px; height: 200px; float: left}
#interviewheader {width: 200px; height: 40px; position: relative; top: 0px; bottom: 160px; float: left}
#interviewtable {width: 200px; height: 160px; margin-top: 0px; margin-bottom: 0px; float: left}

#albumofthemonthcontainer {width: 200px; height: 200px; float: left}
#albumofthemonthheader {width: 200px; height: 40px; position: relative; top: 0px; bottom: 160px; float: left}
#albumofthemonthtable {width: 200px; height: 160px; position: relative; top: 0px; left: 0px ; float: left}
#albumofthemonthalbum {width: 126px; height: 126px; position: relative; top: 5px; left: 37px; float: left}
#albumofthemonthfooter {width: 200px; height: 25px; position: relative; top: 2px; left: -37px; float: left}

#artistspotlightcontainer {width: 200px; height: 200px; float: left}
#artistspotlightheader {width: 200px; height: 40px; position: relative; top: 0px; bottom: 160px; float: left}
#artistspotlighttable {width: 200px; height: 160px; position: relative; top: 0px; left: 0px; float: left}
#artistspotlightpicture {width: 126px; height: 126px; position: relative; top: 5px; left: 37px; float:left}
#artistspotlightfooter {width: 200px; height: 25px; position: relative; top: 2px; left: -37px; float: left}

#newlinkscontainer {width: 200px; height: 200px; float: left}
#newlinksheader {width: 200px; height: 40px; position: relative; top: 0px; bottom: 160px; float: left}
#newlinkstable {width: 200px; height: 160px; position: relative; top: 0px; left: 0px; float: left}

#reviewscontainer {width: 400px; height: 860px; float: left; float: right}
#biographiestitle {width: 300px; height: 25px; position: relative; top: -6px; left: 2px}
h1.biographies {font-family: helvetica; font-size: 14px; color: #0066cc}
#biographiescontent {width: 396px; position; relative; top: 2px; left: 2px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black}
#biographieslinks {width: 350px; position: relative; top: 2px; left: 2px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc}
h1.artist {font-family: helvetica; font-size: 19px; font-weight:bold}
h2.artist {font-family: helvetica; font-weight:bold}

#titleblockcontainer {width:390px; height: 25px; position: relative; top: 2px; left: 5px}
#titleblock1 {width: 130px; height: 25px; position:static; left: 0px; top: 0px; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0066cc; font-weight: bold; text-align: center; text-decoration: underline}  
#titleblock2 {width: 130px; height: 25px; position: relative; left: 130px; top: -16px; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0066cc; font-weight: bold; text-align: center; text-decoration: underline}
#titleblock3 {width: 130px; height: 25px; position: relative; left: 130px; top: -16px; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0066cc; font-weight: bold; text-align: center; text-decoration: underline}
#biolinkscontainer {width: 390px; height: 800px; position: relative; left: 5px; top: 5px}
#biolinks1 {width: 130px; height: 800px; position: relative; top: -30px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc; text-align: center; float: left}
html>body #biolinks1 {width: 130px; height: 800px; position: relative; top: 0px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc; text-align: center; float: left}
#biolinks2 {width: 130px; height: 800px; position: relative; top: -30px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc; text-align: center; float: left; float: right}
html>body #biolinks2 {width: 130px; height: 800px; position: relative; top: 0px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc; text-align: center; float: left; float: right}
#biolinks3 {width: 130px; height: 800px; position: relative; top: -30px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc; text-align: center; float: right}
html>body #biolinks3 {width: 130px; height: 800px; position: relative; top: 0px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #0066cc; text-align: center; float: right}

#linkscontainer {width: 400px; height: 860px; float: left; float: right}
#linkstitle {width: 380px; height: 25px; position: relative; top: -6px; left: 2px}
h1.links {font-family: helvetica; font-size: 12px; color: #990000}
#linkscontainer2 {width: 380px; height: 825px; position: relative; left: 2px; top: 0px; float:left; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black}

a.linxxx {font-family: Verdana, Arial, sans-serif; font-size: 10px}
a.linxxx:link {color: #0066cc; text-decoration: none}
a.linxxx:visited {color: #0066cc; text-decoration: none}
a.linxxx:hover {color: #990000; text-decoration: underline}
a.linxxx:active {color: #0066cc; text-decoration: none}

#albumreviewcontainer {width: 396px; height: 123px; position: relative; top: 2px; left: 2px; float: left}
#artistname {width: 250px; height: 21px; position: relative; left: 2px; top: 0px; float: left}
html>body #artistname {width: 250px; height: 21px; position: relative; left: 2px; top: -15px; float: left}
#albumtitle {width: 250px; height: 21px; position: relative; left: 2px; top: -15px; float: left}
#copyright {width: 250px; height: 15px; position: relative; left: 2px; top: -35px; float: left}
html>body #copyright {width: 250px; height: 15px; position: relative; left: 2px; top: 2px; float: left}
#quote {width: 250px; height: 64px; position: relative; left: 127px; top: -35px; float: left}
html>body #quote {width: 250px; height: 64px; position: relative; left: 2px; top: 0px; float: left}
#albumreviewcontentcontainer {width: 396; position: relative; top: -35px; left: 2px; float: left}
html>body #albumreviewcontentcontainer {width: 396; position: relative; top: 0px; left: 2px; float: left}
#tracksblock {width: 123px; margin-left: 2px; margin-top: -25px; float: left ;font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0066cc}
html>body #tracksblock {width: 123px; margin-left: 2px; margin-top: 2px; float: left ;font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0066cc}

#youtubecontainer {width: 220px; height:175px; position: relative; top: 15px; left: 90px; float: left}
#youtubecontainer2 {width: 350px; height:275px; position: relative; top: 15px; left: 25px; float: left}
#youtubemovie {width: 220px; height:175px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; float: left}
#playercontainer {width: 192px; height: 95px; position: relative; top: 15px; left: 102px; float: left}
#playerskin {width: 192px; height: 95px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; float: left}
#flashplayer2 {width: 295px; height: 210px; position: relative; top: 15 px; left: 50px; float: left}

#recordcompaniescontainer {width: 400px; height: 125px; position: relative; left: 0px; top: 0px}
#companieslogo {width: 123px; height: 123px; position: relative; left: 2px; top: 1px; float: left}
#companiestitle {width: 250 px; height: 21px; position: relative; left: 5px; top: 0px; float: left; font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #990000; font-weight: bold; text-decoration: underline}
#companiescontent {width: 270px; height: 75px; position: relative; top: 2px; left: 5px; float: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000} 
#companieslink {width: 270px; height: 15px; position: relative; left: 5px; top: 5px; float: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: bold; text-align: center}

#fivealbums {width: 400px; height: 860px; position: relative; top: 0px; left: 0px}
#fivealbumscontainer {width: 400px; height: 310px; position: relative; left: 0px; top: 0px}
#fivealbumsartist {width: 200px; height: 300px; position: relative; left: 1px; top: 5px; float: left}
#fivealbumsartistname {width: 195px; height: 20px; position: relative; left: 3px; top: 5px; float: left; font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #000000; font-weight: bold; text-decoration: underline}
h1.fivealbumsartistname {font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #000000; position: relative; top: -10px; left: 2px}
#artistwho {width: 195px; height: 280; position: relative; top: 5px; left: 3px; float: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000}
a.fivealbums {font-family: Verdana, Arial, sans-serif; font-size: 10px; float: left}
a.fivealbums:link {color: #0066cc; text-decoration: none}
a.fivealbums:visited {color: #0066cc; text-decoration: none}
a.fivealbums:hover {color: #990000; text-decoration: underline}
a.fivealbums:active {color: #0066cc; text-decoration: none}
#fivealbumscovers {width: 400px; height: 80px; position: relative: top: 1px; left: 2px; float: left}
#fivealbumscontent {width: 195 px; height: 468px; position: relative; top: 2px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; float: left}
u.fivealbums {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #990000}

#interviewscontainer {width: 396px; height: 50px; position: relative; top: -403px; left: 2px}
#interviewstitle {width: 396px; height: 20px; position: relative; top: 0px; left: 0px; float: left}
h2.interviewstitle {font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #0066cc; position: relative; top: -10px; left: 2px}
#interviewscontent {width: 396; height: 15px;  position: relative; top: 0px; left:0px; float: left}
p.questions {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #990000; font-weight: bold}
p.answers {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000}



#cornerstonescontainer {width: 400px; height: 860px; float: left; float: right}
#cornerstonescontent {width: 396px; position: relative; top: 2px; left: 2px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; float: left} 
#cornerstonespicture {width: 200px; height: 150px; position: relative; left: 2px; top: 2px; float: left}
#cornerstonespicture2 {width: 130px; height: 130px; position: relative; left: 2px; top: 2px; float: left}

#sitemapcontainer {width: 400px; height: 860px; float: left; float: right}
#sitemaptitle {width: 300px; height: 25px; position: relative; top: -5px; left: 2px}
h1.sitemap {font-family: helvetica; font-size: 12px; color: #0066cc}
#sitemapcontent {width: 396px; height: 50px; position: relative; top: 0px; left: 2px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black} 

#morereviewscontainer {width: 400px; height: 860px; float: left; float: right}
#morereviewscontent {width: 390px; height: 860px; position: relative; top: 0px; left: 5px; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-align: center}



#promobanner1 {width: 400px; height: 70px; position: relative; top: 0px; left: 0px}
#promobanner2 {width: 400px; height: 70px; position: relative; top: 2px; left: 0px}
#promobannertext {width: 400px; height: 70px; position: relative; top: 10px; left: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; text-align: center}

#contactuscontainer {width: 400px; height: 860px; float: left; float: right; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; text-align: center}

#aboutuscontainer {width: 400px; height: 860px; float: left; float: right; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; text-align: center}

#winwincontainer {width: 400px; height: 860px; float: left; float: right; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; text-align: center}

#dalliereactionbox {width: 300px; height: 300px; position: relative; left: 50px; top: 50px}

#voteform {width: 300px; height: 200px; position: relative; left: 48px; top: 15px}


#shortcutsreviewcontainer {width: 396px; height: 123px; position: relative; top: 2px; left: 2px; float: left}
h1.shortcuts {font-family: helvetica; font-size: 16px; font-weight:bold}
h2.shortcuts {font-family: helvetica; font-size: 16px; font-weight:bold}
#shortcutsname {width: 250px; height: 21px; position: relative; left: 0px; top: 0px; float: left}
html>body #shortcutsname {width: 250px; height: 21px; position: relative; left: 2px; top: -13px; float: left} 
#shortcutstitle {width: 250px; height: 21px; position: relative; left: 0px; top: -20px; float: left}
html>body #shortcutstitle {width: 250px; height: 21px; position: relative; left: 2px; top: -20px; float: left}
#shortcutscopyright {width: 250px; height: 10px; position: relative; left: 0px; top: -40px; float: left}
html>body #shortcutscopyright {width: 250px; height: 10px; position: relative; left: 2px; top: -18px; float: left}
h3.shortcuts {font-family: helvetica; font-size: 10px}
#shortcutslinks {width: 250px; height: 50px; position: relative; left: 0px; top: -40px; float:left}
html>body #shortcutslinks {width: 250px; height: 50px; position: relative; left: 2px; top: 5px; float:left}
#shortcutscontent {width: 396px; position: relative; left; 0px; top: -30px; float: left}
html>body #shortcutscontent {width: 396px; position: relative; top: 2px; float: left}

h2.artistlinxxx {font-family: helvetica; font-size: 12px; font-weight:bold; float:left}

#reviewscontainerpamelawilliams {width: 400px; height: 860px; float: left; float: right; background-image: url(images/pamelawilliamsback.jpg); background-repeat: no-repeat}
#reviewscontainerzane {width: 400px; height: 860px; float: left; float: right; background-image: url(images/zaneback.jpg); background-repeat: no-repeat}
#reviewscontainermirendarosenberg {width: 400px; height: 860px; float: left; float: right; background-image: url(images/mirendarosenbergback.jpg); background-repeat: no-repeat}
