i'm editing a band myspace using code i lifted from www.myspace.com/fridgemusic. i've got everything how i want it now, i think, EXCEPT that i cannot for the love of god figure out how to make the dates and cities sections of the gig schedule turn the colour i want them to be. this was not a problem before i nicked the code i am currently using - they were the same colour as the 'about me' text etc.

can anybody help me to figure out what's gone wrong?

i am a total novice at this and don't understand what any of these css words mean, so i've been figuring things out by trial and error - which is why there are so many 'NOTEs' in the code, and half of them are probably wrong.

the profile is here: www.myspace.com/itsmagicmarker

and here's the code:

<Style type="text/css">

NOTE {Affects position of top banner}
.topBanner {
width:800px;
height:171px;
position:absolute;
top:260px;
left:50%;
margin-left:-400px;
text-align:center;
}

NOTE {Affects color of background, but ‘font size’, ‘line height’ and ‘font family’ are mysterious}
body {
font-size: 1px;
line-height: 1px;
background-color:ffffff;
font-family: Verdana, Arial, sans-serif;
background-position: top center;
background-image: none;
}

NOTE {Affects headlines on 'shows', 'contact' and 'general info'}
.whitetext12 {
color:ee3128;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
align: left;
padding: 0px 0px 3px 0px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
width: 270px
}

NOTE {Mystery - perhaps changes something for IE}
.btext {
color:ee3128;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
align: left;
padding: 0px 0px 3px 0px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
width: 270px
}

NOTE {Mystery - perhaps changes something for IE}
.nametext {
color:000000;
font-size: 50px;
line-height: 50px;
text-transform: uppercase;
letter-spacing: 1px;
margin:0px;
padding:0px;
padding-top: 30px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
width: 270px
}

NOTE {Affects "... is in your extended network" box}
.blacktext12 {
color:224488;
font-size:18px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px 0px 4px 0px;
padding: 0px 0px 3px 0px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-top: 14px
}

NOTE {Affects blog headline and "_ has _ friends"}
.btext {
color:ee3128;
font-size: 18px;
margin: 14px 0px 4px 0px;
padding: 0px 0px 3px 0px;
display: block;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: ffffff
}

NOTE {Affects headlines in 'about', 'friend space' and 'comments'}
.orangetext15 {
color:ee3128;
font-size: 18px;
margin: 14px 0px 4px 0px;
padding: 0px 0px 3px 0px;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: ffffff;
width: 372px}

NOTE {Affects bold captions in 'general info'}
.lightbluetext8 {
color:224488
}

NOTE {Affects span which contains number of friends}
.redtext,.redbtext {
color:ee3128;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold
}

NOTE {Affects text for "view all friends"}
a.redlink:link {
color:228844;
display: block;
text-align: center;
border-width: 0px;
padding-top: 3px;
}

a.redlink:visited {
color:228844
}

a.redlink:hover {
color:ee3128
}

NOTE {Affects colour of myspace url and 'about' text}
table, tr, td, li, p, div { color: 224488; }

NOTE {Affects colour of ‘location’ text}
.text { color: 224488; }

NOTE {Affects colour of dates on comments}
.blacktext10 { color: 224488; }

NOTE {Affects colour of headline and music type}
table tr td font strong {
color:224488;
}

NOTE {Affects colour of links}
a, a:link, a:visited {
color:228844;
text-decoration: none;
}

NOTE {Affects colour of hovered-over links}
a:hover {
color:ee3128;
text-decoration: none
}

NOTE {Mystery - perhaps changes something for IE}
p {
margin: 0px 0px 1em 0px;
font-family: Verdana, sans-serif !important
}

NOTE {Mystery - perhaps changes something for IE}
img {
border: 1px solid d7c59f;
}

NOTE {Mystery - perhaps changes something for IE}
br {
line-height: 25px;
}

NOTE {Mystery - perhaps changes something for IE}
body>div {
margin-left: 20px;
}

NOTE {Theoretically affects submission fields and buttons}
form {
border-width:0px;
background-color:none;
}

NOTE {Theoretically affects submission buttons}
input {
background-color:transparent !important
}

NOTE {Affects background table, I think}
table, tr, td, table table, table table td {
border-width:0px;
background-color:transparent;
margin-top:230px;
}

NOTE {Affects table layer including name}
table table table td {
background-color: ffffff;
margin:0px;
padding: 0 26px 15px 26px
}

NOTE {Affects table layer including show table, about and general info outlines}
table table table table {
border-width:0px;
transparent;
padding:0px;
margin:0px;
background-image: none;
background-color: ffffff;
}

NOTE {Affects bodies of all table layers except blog}
table table table table td {
padding:0px;
margin:0px;
background-color: ffffff;
}

NOTE {Affects outer vertical edges of all tables}
table table table {
margin:0px;
width: 100% !important;
border-width: 1px;
border-style: solid;
border-color: d7c59f;
background-color: ffffff;
}

NOTE {Affects contact table}
.contactTable {
width: 328px !important;
}

.contactTable td {
padding: 0px;
margin: 0px;
}

.contactTable span.whitetext12 {
position: relative;
left: 10px;
}

.contactTable td table {
background-color: transparent;
background-repeat: no-repeat;
}

.contactTable a {
padding: 0px;
margin: 0px 0px 1px 5px;
display: block;
height: 30px;
width: 136px;
background-color: transparent;
}

NOTE {Wildly changes positioning of everything}
body td table, body div table {
margin-top:0;
}

NOTE {Sets default style for topnav/bottomnav text}
font {
color:342815;
font-size:10px
}

a font:hover {
color:000000
}

a.navbar:link, a.navbar:visited {
color:342815
}

a.navbar:hover {
color:000000
}

table tr td table tr td font {
display: inline;
}

table tr td table a.navbar {
font-size: 10px;
}

a.text:link, a.text:visited {
color:342815;
font-size:14px
}

a.text:hover {
color:228844
}

NOTE {Stretches URL box out for IE}
table tr td table tr td table tr td div strong {
display: block;
width: 270px;
}

NOTE {Removes lame underlines on footer links}
u {
text-decoration: none;
font-size: 10px;
}

NOTE {Mystery - perhaps changes something for IE}
profile_bandschedule table tr td table tr {
margin-top: 10px;
margin-bottom: 10px;
border-bottom-color: 575757;
border-bottom-style: solid;
border-bottom-width: thin;
}

NOTE {Mystery - perhaps changes something for IE}
.about {
color: 000080;
}

</style>

<comment>
<style type="text/css">

NOTE {Here, we basically undo a bunch of crap we had to do to get IE to play nice}
.whitetext12{
width: auto
}

.contactTable {
width: auto !important;
}

.contactTable span.whitetext12 {
left: 0;
}

.orangetext15 {
width: auto;
}

table table table td {
padding: 0;
}

table table table {
padding: 0 14px 14px 14px;
border-color: d7c59f;
}

table table table {
max-width: 453px;
}

.nametext {
width: auto;
}

.nametext {
color:ee3128;
font-size: 60px;
line-height: 50px;
text-transform: uppercase;
letter-spacing: 1px;
margin:0px;
padding:0px;
padding-top: 30px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
width: 270px
}

table tr td table tr td table tr td div strong {
display: inline;
width: auto;
}

</style>
</comment>


<div class="topBanner">
<img src="http://www.eagleowlattack.co.uk/images/blog/MagicMarkerRainbow2.gif" />
</div>