/* reset */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd,
img, form, fieldset, input, textarea, blockquote
{
    margin: 0;
    padding: 0;
    border: 0;
}

body
{
    background: #888;
}

.springboard
{
    width: 768px;
    margin: 0px auto 24px auto;
    background: #ccc;
    box-shadow: 0px 5px 45px #343434;
    -moz-box-shadow: 0px 5px 45px #343434;
    -webkit-box-shadow: 0px 5px 45px #343434;
}

.app
{
    float: left;
    margin: 4px 8px 8px 8px;
    padding: 16px 0px 0px 0px;
    width: 350px;
    height: 350px;
    text-align: center;
    border-radius: 31px;
}

.topbar
{
}

.button
{
    float: left;
    margin: 2px 4px 4px 4px;
    padding: 8px 0px 0px 0px;
    width: 72px;
    height: 72px;
    text-align: center;
    border-radius: 8px;
}

.button-selected
{
    background: rgba(64, 64, 64, .67);
}

.body
{
    clear: both;
    margin: 16px;
    padding: 16px;
    min-height: 600px;
}

.body p
{
    margin: 0.25em;
    padding: 0.25em;
}

.body ul
{
    margin: 1em;
    padding: 1em;
}

.body a:link
{
    text-decoration: underline;
}

.app:hover
{
    background: rgba(253, 197, 7, .67);
}

.button:hover
{
    background: rgba(253, 197, 7, .67);
}

a:link
{
    text-decoration: none;
    color: black;
}

a:visited
{
    text-decoration: none;
    color: black;
}

a:hover
{
    text-decoration: underline;
    color: red;
}

.break
{
    clear: both;
}

.notice
{
    font-style: italic;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

/* style.css */