*
{
    margin: 0;
    padding: 0;
    border: 0;
}

body
{
    background: black; 
    color: #ffffe0; 
    font: normal 100% verdana, helvetica, arial, sans-serif;
    text-align: justify;
}

/*----------------------------------------------------------------------------*/

h1
{
    color: #ffffe0; 
    font: normal bold 150% verdana, helvetica, arial, sans-serif;
    margin: 0.5em 1em 1em 1em;
}

h2
{
    color: #ffffe0; 
    font: normal bold 125% verdana, helvetica, arial, sans-serif;
    margin: 1.5em 1em 1em 2em;
}

h1 + h2
{
    margin-top: 0;
}

/*----------------------------------------------------------------------------*/

#container
{
    border: none;
    padding: 5px;
    margin: 1em 0 2em 0;
}

#myphoto 
{
    float: left;
    padding: none;
    margin: 1em 1em 0 2em;
}

#myphoto img
{
    width: 270px;
    height: 180px; 
    border: #ffffe0 thin solid;
    padding: none;
}

#myphoto img:hover
{
    border-color: #ffff33;
}

#myphoto a
{
    background-color: black;
    margin: none;
    padding: none;
}

/*----------------------------------------------------------------------------*/

#mycontent
{
    border: none; 
    margin: 1em 2em 0 300px;
}

/*----------------------------------------------------------------------------*/

p, td, li
{
    font: normal 100% verdana, helvetica, arial, sans-serif;
    color: #ffffe0;
    margin: 0;
    padding: 0; 
}

#mycontent p
{
    margin: 1em 4em 1em 4em; 
}

/*----------------------------------------------------------------------------*/

#mycontent ul
{
    margin: -1em 6em 0 7em; 
    list-style-type: square;
}

#mycontent li
{
    text-indent: 0.25em;
}

/*----------------------------------------------------------------------------*/

#footer
{
    color: white;
    text-align: center;
    font-size: smaller;
    border: none;
    margin: 2em auto;
    width: 80%;
}

.left
{
    text-align: left;
    float: left;
}

.right
{
    text-align: right;
    float: right;
}

#footer .left
{
    padding-left: 1.5em;
    margin-bottom: 2em;
}

#footer .right
{
    padding-right: 1.5em;
    margin-bottom: 2em;
}

/*----------------------------------------------------------------------------*/

a:focus, a:active
{
    outline: 1px dotted #ffff66;
}

a:link, a:visited
{
    color: #ffff66;
    text-decoration: none;
}

a:link:hover, a:visited:hover 
{
    color: black;
    background-color: #ffff66;
    border: none;
    text-decoration: none;
}