/*.............................................*/
/*. Phat Code                                 .*/
/*. http://www.phatcode.net/                  .*/
/*.                                           .*/
/*. And as we wind on down the road           .*/
/*. Our shadows taller than our soul          .*/
/*. There walks a lady we all know            .*/
/*. Who shines white light and wants to show  .*/
/*. How everything still turns to gold        .*/
/*. And if you listen very hard               .*/
/*. The tune will come to you at last         .*/
/*. When all are one and one is all           .*/
/*. To be a rock and not to roll              .*/
/*.............................................*/

/* Main Elements */
html
{
    background-color: #000000; 
    background: #000000 url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 12px;
    color: #999999;
    background: transparent;
    margin: 0px;
    padding: 0px;
}

h1
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
}

h3
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
}

h4
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
}

p
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 6px;
}

table, td
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 12px;
    border: none;
}

input, select, textarea
{ 
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 12px;
    color: #dddddd;
    background-color: #002244;
    background: rgba(0,34,68,0.6);
    border-color: #004488;
}

input.submit
{
}

@media all and (min-width: 0px)
{
    input, select, textarea
    {
        border: 2px inset #004488;
    }

    input.submit
    {
        border: 2px outset #004488;
    }
}

pre
{
    font-family: courier new, courier;
    font-size: 12px;
    line-height: 130%;
    color: #cccccc;
    background-color: #001122;
    background: rgba(0,17,34,0.7);
    margin-top: 11px;
    margin-bottom: 11px;
}

ul, li
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 12px;
}


/* Links */
a:link
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
}

a:visited
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
}

a:active
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
}

a:hover
{
    color: #ffffff;
    background: transparent;
    text-decoration: underline;
}

a.nav_main:link
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    font-weight: bold;
}

a.nav_main:visited
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    font-weight: bold;
}

a.nav_main:active
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    font-weight: bold;
}

a.nav_main:hover
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    font-weight: bold;
}

a.nav_item:link
{
    color: #cccccc;
    background: transparent;
    text-decoration: none;
}

a.nav_item:visited
{
    color: #cccccc;
    background: transparent;
    text-decoration: none;
}

a.nav_item:active
{
    color: #cccccc;
    background: transparent;
    text-decoration: none;
}

a.nav_item:hover
{
    color: #ffffff;
    background: transparent;
    text-decoration: none;
}


/* General Classes */
textarea.mono
{ 
    font-family: courier new, courier;
    font-size: 14px;
}

.normal
{
    background-color: #001122;
    background: rgba(0,17,34,0.7);
    color: #dddddd;
}

.normal_color
{
    color: #999999;
}

.small_text
{
    font-size: 10px;
}

.brighter
{
    color: #cccccc;
}

.brightest
{
    color: #ffffff;
}

.shade
{
    background-color: #003366;
    background: linear-gradient(rgba(0,64,117,1.0), rgba(0,51,102,0.75));
}

/* Prevent unnecessary scrollbars on low-res screens */
@media all and (max-height: 599px)
{
    .shade_fade
    {
        background-color: #003366;
        background: linear-gradient(rgba(0,51,102,0.75), rgba(0,51,102,0.0));
        height: 100%;
    }
}

@media all and (min-height: 600px) and (max-height: 749px)
{
    .shade_fade
    {
        background-color: #003366;
        background: linear-gradient(rgba(0,51,102,0.75), rgba(0,51,102,0.0));
        height: 500px;
    }
}

@media all and (min-height: 750px) and (max-height: 899px)
{
    .shade_fade
    {
        background-color: #003366;
        background: linear-gradient(rgba(0,51,102,0.75), rgba(0,51,102,0.0));
        height: 650px;
    }
}

@media all and (min-height: 900px)
{
    .shade_fade
    {
        background-color: #003366;
        background: linear-gradient(rgba(0,51,102,0.75), rgba(0,51,102,0.0));
        height: 800px;
    }
}

.shade_darker
{
    background-color: #002244;
    background: rgba(0,34,68,0.8);
}

.shade_darkest
{
    background-color: #001122;
    background: rgba(0,17,34,0.7);
}

p.nav_item
{
    text-indent: -12px;
    margin-left: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 120%;
}

p.slim
{
    margin-top: 0px;
    margin-bottom: 6px;
}

ul.slim, li.slim
{
    margin-top: 0px;
    margin-bottom: 0px;
}

p.spaced
{
    margin-top: 6px;
    margin-bottom: 12px;
}


/* "Box" Classes */
.shade_box
{
    background-color: #001122;
    background: rgba(0,17,34,0.7);
    padding: 6px 
}

table.box
{
    border: 1px solid #002244;
}

td.box_title
{
    border: 1px solid #002244;
    background-color: #003366;
    background: linear-gradient(#004075, #002244);
    padding: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

td.box_contents
{
    border: 1px solid #002244;
    background-color: #001122;
    background: rgba(0,17,34,0.7);
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: -8px;
}

td.bigbox_title
{
    border: 1px solid #002244;
    background-color: #003366;
    background: linear-gradient(#004075, #002244);
    padding: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

td.bigbox_contents
{
    border: 1px solid #002244;
    background-color: #001122;
    background: rgba(0,17,34,0.7);
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 6px;
}


/* Forum Classes */
.forum_ul
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.forum_li1
{
    list-style-position: inside;
    margin-top: 0px;
    margin-bottom: 0px;
}

.forum_li1r
{
    font-size: 11px;
    list-style-position: inside;
    margin-top: 0px;
    margin-bottom: 0px;
}

.forum_li2
{
    list-style-position: outside;
    text-indent: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.forum_li2r
{
    font-size: 11px;
    list-style-position: outside;
    text-indent: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.forum_date
{
    font-size: 11px;
}

.forum_message
{
    line-height: 150%;
}

.forum_ulr
{
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.forum_small
{
    font-size: 10px;
}


/* Article Classes */
.code
{
    font-family: lucida console, courier new, courier;
    font-size: 13px;
    line-height: 130%;
    color: #cccccc;
    background-color: #001932;
    background: rgba(0,34,68,0.4);
    padding: 10px;
    border: #002244 solid 2px;
}

.border
{
    border: #555555 solid 1px;
}

p.article
{
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 150%;
    margin-top: 12px;
    margin-bottom: 12px;
}

br.article
{
    line-height: 150%;
}

h1.article
{
    margin-top: 20px;
    margin-bottom: 20px;
}

h2.article
{
    margin-top: 20px;
    margin-bottom: 20px;
}

h3.article
{
    margin-top: 20px;
    margin-bottom: 20px;
}

h4.article
{
    margin-top: 20px;
    margin-bottom: 20px;
}