body
{
    font-size:90%;
    font-family:Arial;
    background:#eaeaea url('http://jpb.joey101.net/static/images/bg.png') repeat-x;
    color:black;
}

a:link, a:hover, a:visited
{
    color:blue;
}

h2
{
    color:#e8cf00;
    font-size:160%;
}


#container
{
    width:820px;
    margin:0px auto;
    background:white;
    border:2px solid #c4c4c4;
}

#header
{
    background:url('http://jpb.joey101.net/static/images/jpbuilder_small.jpg') no-repeat;
    width:820px;
    height:100px;
    border-bottom:1px solid #c4c4c4;
}

#footer
{
    text-align:right;
    padding:10px 5px 5px 5px;
    color:#777;
    font-size:90%;
    clear:both;
}

#pageLogin
{
    font-size: 80%;
    text-align: right;
    color:white;
    font-weight:bold;
    padding:10px;
}
#pageLogin a
{
    color:white;
    padding:0px 10px;
}

#body
{
    padding:0px 20px;
}

.features
{
    list-style-type:square;
    color:#1cbf42;
    font-weight:bold;
}


.news
{
    margin:15px 2px 0px 2px;
    padding:0px;
    list-style-type:none;
    border:1px solid #ccc;
    background:#eee;
    width:350px;
    float:right;
}
.news li
{
    display:block;
    padding:5px;
    margin:10px 5px;
    color:black;
}
.news li .title
{
    font-weight:bold;
}
.news li .author
{
    font-size:90%;
    color: #555;
}
.news li .body
{
}

.infoBox {
    border:1px solid #ccc;
    background:#eee url('http://jpb.joey101.net/static/images/info.png') center left no-repeat;
    padding:18px;
    padding-left:70px;
/*     font-size:100%; */
/*     font-weight:bold; */
    width:300px;
    float:left;
}

.flash {
    border-bottom:1px solid #ccc;
    background:#eee url('http://jpb.joey101.net/static/images/info.png') center left no-repeat;
    padding:18px;
    padding-left:70px;
    font-size:110%;
    font-weight:bold;
}

        #loginBox
        {
            width: 30%;
            margin: auto;
            margin-top: 10%;
            padding-left: 10%;
            padding-right: 10%;
            padding-top: 5%;
            padding-bottom: 5%;
            font-family: verdana;
            font-size: 10px;
            background-color: #eee;
            border: 2px solid #ccc;
        }

        #loginBox h1
        {
            font-size: 42px;
            font-family: "Trebuchet MS";
            margin: 0;
            color: #ddd;
        }

        #loginBox p
        {
            position: relative;
            top: -1.5em;
            padding-left: 4em;
            font-size: 12px;
            margin: 0;
            color: #666;
        }

        #loginBox table
        {
            table-layout: fixed;
            border-spacing: 0;
            width: 100%;
        }

        #loginBox td.label
        {
            width: 33%;
            text-align: right;
        }

        #loginBox td.field
        {
            width: 66%;
        }

        #loginBox td.field input
        {
            width: 100%;
        }

        #loginBox td.buttons
        {
            text-align: right;
        }