I have spent a good number of hours trying to understand the sytle sheet to php & html relationship.
There is still a goo amount of weird and undesirable behavior, but I have cleaned some stuff up.
I can not find where these blue links are coming from... it is driving me a bit crazy.
Maybe a feature for bryght would be the style sheet version control built into their editor... it saves those of us from the grief of no being able to figure out what we just did that hosed the entire layout.
Here is what I have done so far. I'll update as I go along.
Changed #top-nav to margin: 0;
Allows side bar to butt up against top bar
Changed #header to padding: padding: 2em 0 .5em 0; from 1em 0 0 0; Allows for a bit more gray above tradio logo and below links
Changed #body added margin: 0; This takes away the white space surronding everything.
Changed colors in:
a, a:link { color:#DBD7D7; text-decoration: none; }
a:visited {
/* visted links are a little darker */
color: #837474;
}
a:hover, a:focus { color: #837474; }
This still needs work, now it is not clear what is a link or not.
Changed table {margin: 0 0 1.5em 1.5em; from margin:0 this allows for some space around the story.
It is still not correct. I would like to give some space between the side bar and the content but adding a value in the right hand holder does not correct it.
added line #primary li a:hover, a:focus { color: #837474; }
Removed the presentation of the word "audio", "print", "t-media", & "forums" -not the correct way to do it. Why I left original commented out
h2.content-title {
/*font-size: 2em;*/
font-size: 0;
color: #837474;
}
Took out the color of the anchor tags. This way no inheritance. Each link needs to speak for itself.
Left in text-decoration: none; commented out the rest.
a, a:link { text-decoration: none; }
/*a:visited { color: #837474; }
a:hover, a:focus { color: #837474; }
*/

