I want to remove a few pixels from a buffer space below a hyperlink, but I can't figure out how. I am using a modified streetstyle template. You can see it at: http://www.mrwindupbird.com/comingsoon.html
What I want to do is remove some a couple of pixels blackspace from beneath the "c o m i n g . s o o n" text.
Here is what I have in layout.css:
----------------------------------------------------------------
.menu a {
font: normal 1.1em sans-serif,Arial;
color: #FFF;
background: #000;
display: block;
margin-top: 5px;
padding-bottom: 0px;
width: 220px;
height: 22px;
}
.menu a span {
padding-left: 4px; color: #FFF;
}
.menu a.current{ color:#f09;
}
.menu a.section,
.menu a:hover {
color: #159fdd;
}
----------------------------------------------------------------
And the following can be found in typography.css:
----------------------------------------------------------------
.typography a {
color:#F09;
text-decoration: none;
padding-bottom: 0px;
}
a {
color:#FFF;
text-decoration: none;
padding-top: 2px;
padding-bottom: 0px;
}
.typography a#big,
a#big {
text-align: right;
color: #F09;
padding-top: 2px;
padding-bottom: 0px;
}
a:hover,
a.ro {
color: #F09;
padding-top: 2px;
padding-bottom: 0px;
}
----------------------------------------------------------------
Obviously, I have played with "padding-bottom" but to no avail. Any pointers in the right direction or all-out "do it like this:" help is greatly appreciated.
Thank you!!