/* JasonMirra.net Style-sheet */

body {
    margin: 0;
    padding: 0;

    margin-top: 2em;
    background: #222 url('stripes.png');
    font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
    font-size: 80%;
    color: #000;
    line-height: 1.4em;
}

#container {
    background: #fff;
    text-align: left;
    margin: 0 auto;
    width: 775px;
}   #container p, h2, h3, h4 { padding: 0 40px; }
    #container p ul { padding-left: 3em; list-style: circle; }
    #container p ol { padding-left: 3em; }

h2, h3, h4 { font-family: Georgia, serif; }
h2 { font-weight: normal; }

h1#header {
    display: block;
    text-indent: -3000em;
    background: url(header.png) no-repeat;
    height: 136px;
    width: 100%;
    margin: 0;
}

/* Site Main-navigation */
#navigation {
    margin: 0;
    background: url(gold-gradient.gif) repeat-x;
    width: 775px;
    height: 28px; /* height of 35px - 7px for padding top */
    padding-top: 7px;
}   
    #navigation ul {
        display: inline;
        margin: 0px;
    }
    #navigation ul li {
        font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 1.2em;
        padding-right: 15px;
        padding-left: 15px;
        list-style: none;
        border-left: 1px solid #99730a;
        display: inline;
    }
    #navigation ul li.first { padding-left: 0px; border: none; }
    #navigation ul li a { color: #000; text-decoration: none; }
    #navigation ul li a:hover { text-decoration: underline; }
/* -------------------- */

#welcome {
    background: url('welcome.jpg') no-repeat;
    height: 287px;
    border-bottom: 5px solid #CC9900;
}    #welcome h2 { margin: 0px; padding-top: 40px; font-weight: normal; }
    #welcome p { font-size: 1em; line-height: 1.5em; }

p#footer {
    text-align: center;
    font-size: 0.85em;
    color: #fff;
    margin: 30px 0;
    padding: 5px 0;
    background: #000;
}

img {
    border: 0;
}

/* Projects Table */

table#project{
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
    cell-spacing: 20px;
}


td.project-image{
    width: 220px;
}

td.project-info{
    width: 100%;
    vertical-align: top;
}

table#project ul { 
    padding-left: 1em;
}
    table#project td.project-image a img { border: 1px solid #222; }


table#project h3 {
    font-size: 1.35em;
}
    table#project h3 a{
        color: black;
    }
    
    table#project h3 a:hover{
        color: black;
        text-decoration: underline;
    }

#project-archive{
    width: 100%;
    margin-top: 16px;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #329912;
}

#info ul li{
    font-family: Courier New, monospace;
}

/* Editting */

textarea.edit {
    display: block;
    font-size: 12px;
    width: 96%;
    overflow: auto;
    clear: right;
    margin: 0 auto;
}

input.edit-save, input.edit-pass {
    margin-top: 1em;
    float: right;
    margin-bottom: 0.3em;
}    input.edit-save {     margin-right: 3%; }

/* Google Code Prettify Style */
pre.prettyprint { padding: 1em; line-height: 1.35em; font-size: 1.04em}
code.prettyprint { font-size: 1.3em; }
.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{border:1px solid #ddd}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}