/* Overrides to the main stylesheet for handheld devices */

/* Disabled items */
#sidebar, div.sidebartop, div.sidebarbottom, div.leftimage, div.leftfiller, div.roundtomain
{
    background-image: none;
    display: none;
    visibility: hidden
}

body
{
    background-image: none;
    font-size: 1em;
}

body.popuppage
{
    padding: .3em;
}

#menu
{
    height: auto;
    background-image: none;
    padding: 6px;
    padding-right: 2px;
    background-color: inherit;
}

#main
{
    margin: 0;
    margin-top: 60px;
    padding: 4px;
}

.rightimage
{
    margin: .5em;
    margin-top: -2.5em;
    width: 50%;
}

div.menuarea
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

#menutabs
{
    background-image: none;
    padding: 0;
    width: 100%;
}

#menutabs > a, #menutabs > div
{
    width: 46px;
    height: 46px;
    margin: 0;
    margin-right: 4px;
    font-size: 7pt;
    line-height: 1em;
    background-repeat: no-repeat;
    background-position: center 10px;
    border: 1px outset #c3cd70;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menutabs > a:active, #menutabs > a:hover, #menutabs > div
{
    color: #001c70;
    background-color: #929d37;
    border-style: inset;
}

#menutabs > a > span, #menutabs > div > span
{
    display: block;
    padding-top: 32px;
}

a#Home
{
    background-image: url('tabs/Home-m.png');
}
div#Home, a:hover#Home, a:focus#Home, a:active#Home
{
    background-image: url('tabs/Home-sel-m.png');
}

a#Music
{
    background-image: url('tabs/Music-m.png');
}
div#Music, a:hover#Music, a:focus#Music, a:active#Music
{
    background-image: url('tabs/Music-sel-m.png');
}

a#Essays
{
    background-image: url('tabs/Essays-m.png');
}
div#Essays, a:hover#Essays, a:focus#Essays, a:active#Essays
{
    background-image: url('tabs/Essays-sel-m.png');
}

a#Bio
{
    background-image: url('tabs/Bio-m.png');
}
div#Bio, a:hover#Bio, a:focus#Bio, a:active#Bio
{
    background-image: url('tabs/Bio-sel-m.png');
}

a#Contact
{
    background-image: url('tabs/Contact-m.png');
}
div#Contact, a:hover#Contact, a:focus#Contact, a:active#Contact
{
    background-image: url('tabs/Contact-sel-m.png');
}

a#Links
{
    background-image: url('tabs/Links-m.png');
}
div#Links, a:hover#Links, a:focus#Links, a:active#Links
{
    background-image: url('tabs/Links-sel-m.png');
}

h1
{
    margin-top: 0;
}

div.copyright
{
    margin: 0;
    margin-top: 2em;
    padding: 0;
    float: none;
    text-align: center;
}

/* Music page styles */

div.work
{
    margin-left: 0;
    padding-left: .6em;
    padding-right: .2em;
}

div.workdetails
{
    margin-left: 0;
    padding-left: .6em;
    padding-right: .6em;
    width: auto;
}

pre.lyrics
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: .9em;
    margin-left: .6em;
}

div.attribution
{
    margin-left: 0;
    width: 100%;
    text-align: right;
}

.music ul
{
   padding-left: .6em;
}

.popup
{
    min-width: 90% !important;
    max-width: 100% !important;
    min-height: auto !important;
    border: 0;
    margin: 0;
}

.closecontainer
{
    margin-top: -3em;
}

.close
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

/* Link page styles */

.linkcontainer
{
    margin: .4em 5%;
    padding: 0;
    width: 90%;
}

.linkcontainer span
{
    background-image: none !important;
    display: inline;
    padding: 0;
    margin: 0;
    width: auto !important;
    height: auto !important;
}

.linkcontainer>span
{
    display: block !important;
    background: #ffffff;
    border: solid .3em #ffffff;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: .4em;
    border-radius: .4em;
}

.linkcontainer>span>span>span>span>span
{
    display: block !important;
    padding: .2em;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: .3em;
    border-radius: .3em;
}