body {
    margin: 5em auto 5em auto;
    padding: 0;
    background:#000;
    font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image: url("img/backgroundR.png");
    background-repeat: repeat;
}

#container {
    width:100%;
    float:left;
    background: #BBB;
    padding-bottom: 1em;
}

header {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    background: #666;
    color: #FFF;
    text-align: right;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
}

footer {
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #666;
    color: #fff;
    clear: left;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

div #menu
{
    background: #000;
}

nav #selected {
    color: red;
    text-decoration: underline;
}

nav a {
    padding: 0em 0.5em 0em 0em;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: white;

    transition: linear 1s;
    -moz-transition: linear 1s;
    -webkit-transition: linear 1s
}

nav a:hover { 
    color: blue;
}

nav ul {
    padding: 0em 1em;
    list-style: none;
}

nav {
    padding-left: 1em;
    padding-bottom: 0.5em;
    text-align:left;
    margin:auto;
    background: transparent;
    color: #000;
}

#me
{
    width: 300px;
    height: 299px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

th
{
    vertical-align: top;
    text-align: left;
}

#section-center {
    /* float:left; */
    padding-left: 335px;
    /* width:75%; */
    /*background: transparent;*/
    color: #000;
}

#section-left {
    float:left;
    width: 250px;
    /* width:25%; */
    background: transparent;
    color: #000;
    margin:auto;
}

#layout-center {
    /*opacity:0.9;*/
    width:70%;
    margin:auto;
}


#section-left, #section-center, nav {
    padding-top:0.5em;
}

.block {
}

.block h2
{
    color:green;
    padding-left: 0em;
}

.block article
{
    padding: 0em 1em 1em 1em;
    text-align: justify;
}

article
{
    margin: auto;
}

#contact
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

div p {
    margin: auto;
    padding: 0.5em 1em;
}

#userinfo {
    width: 80%;
    margin: 1em 1em;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

blockquote.postit
{
    padding: 1em 1em 1em 1em;
    border:1px solid yellow;
    height:120px;
    width:150px;
    background-color: rgba(60, 132, 198, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057));
    background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%);
    border-top-color: #FFF057;
    border-right-color: #FFF057;
    border-bottom-color: #FFF057;
    border-left-color: #FFF057;
    -webkit-box-shadow: #111 0px 10px 16px;
    -moz-box-shadow: #111 0px 10px 16px;
}

blockquote.postit section.quote
{
    text-align: center;
    font-style: italic;
    font-size: 12px;
}

blockquote.postit section.sign
{
    color: green;
    font-size: 12px;
    text-align: right;
}

.datagrid table
{
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
.datagrid
{
    background: #fff;
    border: 1px solid #8C8C8C;
    border-radius: 3px;
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    moz-border-radius: 3px;
    overflow: hidden;
    webkit-border-radius: 3px;
    width: 95%;
    margin-left:auto; 
    margin-right:auto;
}
.datagrid table td, .datagrid table th
{
    padding: 3px 10px;
    text-align: center;
}
.datagrid table thead th
{
    background: -moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );
    background-color: #8C8C8C;
    border-left: 1px solid #A3A3A3;
    color: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
    font-size: 15px;
    font-weight: bold;
}
.datagrid table thead th:first-child
{
    border: none;
}
.datagrid table tbody td
{
    border-left: 1px solid #DBDBDB;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
}
.datagrid table tbody .alt td
{
    background: #EBEBEB;
    color: #7D7D7D;
}
.datagrid table tbody td:first-child
{
    border-left: none;
}
.datagrid table tbody tr:last-child td
{
    border-bottom: none;
}