/* Semi-fluid layout*/

body
{
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    font-size: 1.2em;
    background-color: #303030;
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position:center top;
}

img {
    border: 0px;
}

/* Fonts */
h1
{
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: lighter;
    line-height: 0em;
}

h2
{
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 0em;
}
  
/* Links */
a:link {color: #CCCCCC; text-decoration: none; border-bottom-style: dotted; border-bottom-width: thin;}
a:visited {color:#999999; text-decoration:none; border-bottom-style: dotted; border-bottom-width: thin;}  
a:hover {color:#FFFFFF; text-decoration:none; border-bottom-style: dotted; border-bottom-width: thin;}    
a:active {color:#FFFFFF; text-decoration:none; border-bottom-style: dotted; border-bottom-width: thin;}   

/* Layout */

.contents
{
    height: 100%;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: left;
    line-height: 1.4em;
    text-align:center;
}

.lefthalf
{
    width: 50%;
    min-width: 320px;
    float: left;
    padding-bottom: 2em;
    padding-right: 2%;
    text-align:center;
}

.righthalf
{
    width: 48%;
    float: left;
    text-align:center;
}