/* I got these from:
 *   http://www.meyerweb.com/eric/css/examples/plat-buttons.html
 */


/* Uncomment the following rule to make the first set of links block-level, 
 * which allows control of width but also forces them on their own lines
 */
/* .btn {display: block; width: 12em;} */

.btn {
    font: 9px Geneva, Verdana, sans-serif;
    padding: 1px 1em 1px 0; 
    border: 1px solid black;
    background: #888;
    color: #FFF;
    text-decoration: none;
}

.btn span {
    border-right: 1px solid #000;
    margin-left: 0;
    padding: 1px 0.75em;
    margin-right: 0.1em;
}

.rss span {
    color: #FFF;
    background: #F60;
}

.rdf span {
    color: #FFF;
    background: #F60;
}

.xml span {
    color: #FFF;
    background: #F60;
}

.w3c span {
    background: #6CF;
    color: #000;
}

.bobby span {
    color: #FFF;
    background: #00C;
    padding: 1px 1.25em;
}

.geo span {
    color: #FFF;
    background: #093;
}

.mt span {
    color: #FFF;
    background: #369;
}

.cc span {
    color: #FFF;
    background: #575;
}


.xml-rss {
    font: bold 10px Verdana, sans-serif;
    padding: 0 0.5em;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    background: #F60;
    color: #FFF;
    border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;
}


/* examples:

<a class="btn rss" href="" title=""><span>RSS</span> Valid</a>

<a class="btn rss" href="" title=""><span>RSS</span> 0.91</a>

<a class="btn rss" href="" title=""><span>RSS</span> 0.92</a>

<a class="btn rss" href="" title=""><span>RSS</span> 1.0</a>

<a class="btn rss" href="" title=""><span>RSS</span> 2.0</a>

<a class="btn w3c xhtml" href="" title=""><span>W3C</span> HTML 3.2</a>

<a class="btn w3c xhtml" href="" title=""><span>W3C</span> HTML 4.0</a>

<a class="btn w3c xhtml" href="" title=""><span>W3C</span> HTML 4.01</a>

<a class="btn w3c xhtml" href="" title=""><span>W3C</span> XHTML 1.0</a>

<a class="btn w3c xhtml" href="" title=""><span>W3C</span> XHTML 1.1</a>

<a class="btn w3c css" href="" title=""><span>W3C</span> CSS 1.0</a>

<a class="btn w3c css" href="" title=""><span>W3C</span> CSS 2.0</a>

<a class="btn bobby" href="" title=""><span>A</span> Approved</a>

<a class="btn geo" href="" title=""><span>GEO</span> URL</a>

<a class="btn cc" href="" title=""><span>CC</span> Licensed</a>

<a class="btn mt" href="" title=""><span>MT</span> Powered</a>

<a class="btn2 xml-rss" href="" title="">XML</a>

<a class="btn2 xml-rss" href="" title="">RSS</a>

*/