/* begin text */

*
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial;
    text-align: justify;
}

body
{

}

p, li
{
    font-size: 0.8em;
    line-height: 1.5em;
}

li
{
    list-style-position: inside;
}

h1, h2, h3
{
    font-size: 1em;
    line-height: 2em;
        /*line-height: 1.5em;*/
}

a
{
    color: #2483A0;
    text-decoration: none;
}

a:hover
{
    color: #002F2F;
    text-decoration: underline;
}

/* end text */

/* begin layout  */

*{ margin: 0; padding: 0;}

body
{   
    background-color: #eaeaea;
    background-image: url(../img/bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    /*border-bottom: 20px #202020 solid;*/
    margin-bottom: 20px;
}

html
{
    background-color: #141414;
}

#maincontainer
{
    width: 45em;
    margin: 0 auto;
}

#header
{
    height: 125px;
    position: relative;
}

#header h1
{
    color: white;
    font-size: 1em;
    font-weight: normal;
    line-height: 1em;
}

#header h1 span
{
    display: none;
}

#title
{
    position: absolute;
    bottom: 0;
    left: 0;
}

#title img
{
    vertical-align: middle;
}

#title span
{
    vertical-align: middle;
}

#menu
{
    float: right;
    width: 11.25em;
/*     margin-top: 2.115em; */
    margin-top: 3.2em;
    margin-bottom: 4.5em;
}

#main
{
    margin-right: 14.3em;
/*     margin-top: 2.115em; */
    margin-top: 3.2em;
    margin-bottom: 4.5em;
}

#footer
{
    clear: both;
    padding: 0.9em 0;
    border-top: 2px solid #d8d8d8;
}
/* end layout */

/* begin navigation */

#navigation
{
    position: absolute;
    bottom: -28px;                  /* control text positioning here and background below */
    right: -4px;    
    color: white;
    font-weight: normal;
    height: 62px;
    background-image: url(../img/tabbgLight.png);
    background-repeat: repeat-x;
    background-position: left top;
}

#navigation a
{
    color: white;
    position: relative;
    top: 18%;
}

#navigation a:hover
{
    text-decoration: underline;
}

#navigation .current a
{
    color: black;
}

#navigation li
{
    float: left;
    list-style: none;
    height: 62px;
    margin: 0;              /* 0 -5px for tighter tabs, fixme*/
    font-size: 0.7em;
    display: table;
    display: block;
}

#navigation span
{   
    padding: 0 24px 0 17px;
    height: 62px;
    margin: 0;
    display: table-cell;
    display: block;
    clear: both;
    background-image: url(../img/tabbgDark.png);
    background-repeat: repeat-x;
    background-position: left top;
}

/*end navigation */

/* begin tab control */

#navigation .current
{
    background-image: url(../img/tableft.png);
    background-repeat: no-repeat;
    background-position: left top;          /* position background */
}

#navigation .current span
{
    background-image: url(../img/tabright.png);
    background-repeat: no-repeat;
    background-position: right top;         /* position background */
}
/* end tab control */

/* begin menu */

#menu>ul>li
{
    font-size: 1em; /* always 1, make li in li base on 1em*/
}

#menu p
{
    text-align: right;
}

#menu h2
{
    /*margin-bottom: 1.406em; REMOVE LATER*/
    margin-bottom: -0.83em;
    text-align: right;
}

#menu ul
{
    margin: 0.83em 0;
}

#menu li
{
    font-size: 0.7em;
    text-align: right;
    line-height: 1.5em;
    list-style: none;
    list-style-position: inside;
}

#menu h2
{
    font-size: 0.9em;
}

#menu h2 a
{
    color: black;
    text-decoration: none;
}

#menu h2 a:hover
{
    color: #046380;
    text-decoration: none;
}

#menu li a
{
    color: #002F2F;
    text-decoration: none;
}

#menu li a:hover
{
    color: #046380;
    text-decoration: none;
}

#menu>ul
{
    margin: 0;
    padding: 0;
}

#menu .current
{
    /* TODO THINK OF A WAY TO HIGHLIGHT CURRENT POST FOR EASY READING */
}

/* end menu */

/* begin main */

#main h2, #main h3
{
    margin-top: 1.25em;
    margin-bottom: -0.83em;
        /*margin-top: 0;
        margin-bottom: 1.5em;
        margin-bottom: 0;*/
}

#main p, #main ul, #main ol
{
    margin: 1.25em 0;
        /*margin-top: 0;
        margin-bottom: 1.5em;*/
}

#main li
{
    text-indent: 1em;
}

#main h2 a, #main h3 a
{
    color: #002F2F;
    text-decoration: none;
}

#main h2 a:hover, #main h3 a:hover
{
    color: #046380;
    text-decoration: none;
}

/* end main */

/* begin footer */

#footernav
{
    text-align: right;
    float: right;
}

#footernav li
{
    display: inline;
    display: block;
    float: left;
    list-style: none;
    font-size: 0.7em;
    margin-left: 2em;
}

#footernav li a
{
    color: #002F2F;
    text-decoration: none;
    vertical-align: middle;
}

#footernav li a:hover
{
    color: #046380;
    text-decoration: none;
}

#footernav img
{
    border: 0;
    vertical-align: middle;
}

#footer #footerline
{
    font-size: 0.7em;
}

#footernav .rss
{
    /* image replacement */
    margin-right: 0.3em;
    margin-top: 0.25em;
    text-indent:-5000px;
    display: block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    float: left;
    background-image: url(../img/feed.png);
    background-repeat: no-repeat;
    background-position: top right;
}

#footernav .rss:hover
{
    background-image: url(../img/feed.png);
    background-repeat: no-repeat;
    background-position: top left;
}

/* end footer */

/* begin form */

input
{
    font-size: 0.9em;
}

/* end forms */