W is for Widget

Links Widget
<div class="widget-categories widget">

<h3 class="widget-header">HEADER TITLE HERE</h3>
<div class="widget-content">

<ul class="widget-list">
<li class="widget-list-item"><a href="URL HERE">LINK TITLE HERE</a></li>
<li class="widget-list-item"><a href="URL 2 HERE">LINK 2 TITLE HERE</a></li>

</ul>
</div>
</div>

Math Art Links
<!—Math Art Links -->
<div class="widget-categories widget">
<h3 class="widget-header">Math Art Links (2008)</h3>
<div class="widget-content">

<ul class="widget-list">

<li class="widget-list-item"><a href="http://www.ams.org/mathimagery/">AMS Mathematical Imagery</a></li>
<li class="widget-list-item"><a href="http://knotplot.com/">Knotplot.Com</a></li>
<li class="widget-list-item"><a href="http://www.fractalarts.com/ASF/Download.html/">Seattle Fractals</a></li>
</ul>

</div>
</div>


About Me Widget
<div class="widget-archives widget">
<h3 class="widget-header">About Me (or Other Title)</h3>
<div class="widget-content">
Your Text Here
</div>
</div>

Custom CSS
/* For Web 2008 */
#header {
background-color: #FFF;
padding-top: 24px;
padding-bottom: 24px;
position: static;
width: 100%;
}

/* Center Align */
#header-inner {
position: relative;
text-align:center;
}

/* Change font, size of blog Headline */

#header-name {
font-family: Palatino, "Book Antiqua", serif;
font-weight: bold;
font-style: italic;
font-size: 84px;
margin: 0;
}

/* Change color of Blog Headline */
#header-name,
#header a {
color: #009;
}

/* Change font, size of blog subhead */

#header-description {
margin: 0;
font-size: 14px;
line-height: 1.125;
}

/* Change color of blog subhead */

#header-description,
#header-description a {
color: #C02;
}