Hi Gwyn,
Try the following. You can make changes as required, given your
preference for font-size: 62.5%; in your body.
Hope this helps,
Greg
-------------------------------------------------
body{background:#000;font:100.1% sans-serif;}
div#container{float:left;display:inline;margin:1em;padding:0;border-bottom:1px
solid #8FAE84;width:31em;}
div#container
h4{margin-bottom:.25em;font-size:1.1em;font-weight:normal;text-transform:uppercase;color:#69bd45;}
ul#list{list-style-type:none;margin:0;padding:0;background:#1F261D;}
ul#list li a{display:block;margin:0;padding:.5em
0;text-decoration:none;border-top:1px solid
#8FAE84;width:100%;overflow:auto;}
ul#list li a:hover{background:#B4D780;}
ul#list li a:hover h5{color:#000;}
ul#list h5{margin:0;padding:.625em 0
0;font-size:1.25em;font-weight:normal;color:#B5D780;}
ul#list p{margin:0;padding:0;color:#687B5E;font-size:1em;}
ul#list span{float:left;margin:0 .5em;padding:.5em
0;font-size:1.25em;text-align:center;color:#B5D780;background:#4B5944;width:3em;}
<div id="container">
<h4>Section Heading goes here . . . </h4>
<ul id="list">
<li><a href="#" title="X">
<span>21 APR</span>
<h5>Title Goes Here</h5>
<p>Lorem ipsum dolor sit amet, conse...</p></a></li>
<li><a href="#" title="X">
<span>09 APR</span>
<h5>Title Title Title</h5>
<p>Lorem ipsum dolor sit amet, conse...</p></a></li>
<li><a href="#" title="X">
<span>05 APR</span>
<h5>And Another Title</h5>
<p>Lorem ipsum dolor sit amet, conse...</p></a></li>
</ul>
</div>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
