/* ////////////////////////////////////////////////////////////////
GENERAL STYLES
//////////////////////////////////////////////////////////////// */

    body, html, p, ul, ol, li, h1, h2, h3, h4, h5, h6, pre {
        margin:0;
        padding:0;
        font-size:1em;
    }
    
    html {
        height:100%;
    }
    
    body {
        font-size:12px;
        font-family:'Lucida Grande', 'Lucida Sans Unicode', calibri, 'trebuchet ms', arial, sans-serif;
        line-height:1.5em;
        height:100%;
        background:#FFF;
        color:#333;
        padding:1.5em;
    }
    
    body.grid,
    body.grid #Sidebar ul {
        background:url(../gfx/bg_grid_162.gif);
    }
    
    body.grid * {
        border-color:#000 !important;
    }
    /* 
    body.grid h2 {
        background:#CEF
    }
    
    body.grid p {
        background:#CCF
    }
    body.grid ul {
        xbackground:#CFF
    }
    body.grid pre {
        background:#CFC;
    }
    body.grid h3 {
        background:#FCC;
    }
     */

/* ////////////////////////////////////////////////////////////////
LINKS
//////////////////////////////////////////////////////////////// */

    a {
        text-decoration:none;
        color:#009;
    }
    
    
    a:visited {
        color:#8A8A42;
        color:#a0a0CC;
        color:#906;
    }
    
    a:focus,
    a:hover {
        color:#090;
        color:#D00;
        xtext-decoration:underline;
    }


/* ////////////////////////////////////////////////////////////////
HEADERS
//////////////////////////////////////////////////////////////// */

    h1, h2, h3, h4, h5, h6,
    h1, h2 *, h3 *, h4 *, h5 *, h6 * {
        font-family:'optima', calibri, 'trebuchet ms', verdana, arial, sans-serif;
        font-family:calibri, 'optima', 'trebuchet ms', verdana, arial, sans-serif;
        font-weight:normal;
        clear:both;
    }
    
    h1 {
        font-size:2em;
        font-weight:bold;
        font-weight:normal;
        line-height:1.5em;
        clear:none;
    }
    
    h1 a:link, h1 a:focus, h1 a:hover, h1 a:visited,
    h2 a:link, h2 a:focus, h2 a:hover, h2 a:visited {
        color:#009;
    }
    
    h2 {
        font-size:2em; /* = 24px */
        line-height:.75em;
        padding:.75em 0 0 0;
    }

    #Page-Title {
        width:51em;
    }

    #Page-Title h2 {
    }

    #Page-Title h2 {
        font-weight:normal;
        font-size:3em;
        line-height:1em;
        padding:.5em 0 .5em 0;
        font-size:2.5em;
        line-height:2.4em;
        padding:.6em 0 .6em 0;
        padding:.3em 0 .3em 0;
        padding:0;
    }
    
    h3 {
        font-size:1.5em; /* = 18px */
        line-height:1em;
        margin:1em 0 0 0;
    }
    
    h3, h3 * {
        font-weight:bold;
    }

    h4 {
        font-size:1.25em; /* = 18px */
        line-height:1.2em;
        margin:1.2em 0 0 0;
    }
    
    h4 {
        font-weight:bold;
    }

    h4 * {
        font-weight:normal;
    }

/* ////////////////////////////////////////////////////////////////
CONTENT
//////////////////////////////////////////////////////////////// */

    p {
        padding:1.5em 0 0 0;
    }
    
    pre, code {
        font-family:consolas, 'bitstream vera sans mono', 'monaco', 'courier new', monospace;
    }
    
    pre {
        margin:1.5em 0 0 0;
        background:#F7F7F7;
        background:#E7E7CC;
        background:#F3F3E6;
        color:#030;
        color:#666;
        color:#4B4D4E;
        padding:1.5em;
        overflow:hidden;
    }
    
    pre strong {
        background:#E7E7CC;
        color:#333;
    }
    
    blockquote {
        padding:0 0 0 1.5em;
        margin:1.5em 0 0 0;
        color:#060;
    }
    
    ol,
    ul {
        padding:1.5em 0 0 0;
        margin:0 0 0 1.5em;
    }
    
    ul {
        list-style:none;
        padding:1.5em 0 0 0;
        padding:1.5em 0 0 0;
        margin:0 0 0 1.5em;
        margin:0;
    }

    .Post-Body ul li {
        padding:0 0 0 1.5em;
        background:url(../gfx/famfam/icons/bullet_green.png) no-repeat;
    }
    
    p code,
    ul code {
        vertical-align:top;
    }

    h2 code, 
    h3 code {
        font-size:inherit;
        font-family:inherit;
    }

    dl, dt, dd {
        padding:0;
        margin:0;
    }

    dt {
        width:10.5em;
        padding:1.5em 1.5em 0 0;
        text-align:right;
        position:absolute;
        /*background:rgba(255,255,0,0.5);*/
    }

    dd {
        margin:0 0 0 13.5em;
        /*background:rgba(0,255,0,0.5);*/
    }

    p img {
        float:right;
        margin:0 0 1.5em 1.5em;
    }
    
    a img {
        border:none;
    }
    
    sup {
        vertical-align:top;
        font-style:normal;
    }
    
    table {
        margin:1.5em 0 0 0;
        padding:0;
        font-size:inherit;
        border-collapse:collapse;
        width:100%;
        clear:both;
    }
    
    td, th {
        margin:0;
        padding:0;
        line-height:1.5em;
        padding:0 9px;
        text-align:left;
        vertical-align:top;
        font-size:1em;
    }
    
    th {
        margin:0;
        color:#000;
        background:#333;
        color:#FFF;
        text-align:left;
        text-transform:uppercase;
    }
    
    tbody th {
        text-transform:none;
        font-weight:normal;
        background:#CCC;
        color:#000;
    }
    
    p span.Post-Meta {
        font-weight:bold;
        color:#888;
    }

    p span.Post-Meta a {
        color:#090;
    }


/* ////////////////////////////////////////////////////////////////
HEADER
//////////////////////////////////////////////////////////////// */

    #Page-Header {
        color:#4B4D4E;
        border-top:.1em solid #CCC;
        border-bottom:.1em solid #CCC;
        padding:1.4em 0 1.4em 0;
        overflow:hidden;
    }
    
    #Page-Header p.Timestamp {
        text-align:left;
        margin:0 1.5em 0 0;
        padding:0;
        float:left;
        color:#999;
    }
    
    #Feeds {
        width:27em;
        float:right;
        margin:0;
    }

    #Feeds ul {
        padding:1.5em 0 0 1.4em;
        margin:0;
        border-left:.1em solid #CCC;
        list-style:none;
    }
    
    #Feeds li {
        xbackground:url(../gfx/feed-icon-14x14.png) no-repeat scroll 0pt 50%;
        background:url(../gfx/famfam/icons/feed.png) no-repeat scroll 0pt 50%;
        padding:0 0 0 27px;
    }

    
/* ////////////////////////////////////////////////////////////////
POST
//////////////////////////////////////////////////////////////// */

    /* Used to set total content width and centering */
    #All {
        width:79.5em;
        margin:0 auto;
        position:relative; 
        padding:0 0 1.5em 0;
    }
    
    body.grid #All {
        margin:0;
    }


    #Page-Content {
        padding:0 1.5em 0 0;
        border-right:27em solid #F3F3E6;
    }
    
    .Post-Body > h3:first-child+p,
    .Post-Body > p:first-child,
    .Post-Body p.firstChild,
    #Most-Recent p {
        font-size:1.33em;
        font-size:1.25em;
        font-size:1.2em;
        line-height:1.5em;
        padding:0;
        color:#000;
    }
    
    .Post-Body > h3:first-child+p {
        padding:18px 0 0 0;
        padding:0;
        border-top:18px solid red;
    }
    
    .Recent-Post {
        width:24em;
        float:left;
    }
    
    .Recent-Post-Even {
        margin:0 3em 0 0;
        clear:left;
    }
    
    .Recent-Post p {
        padding:0;
    }
    
    /* 
    #Most-Recent p,
    .Recent-Post p {
        background:url(../gfx/famfam/icons/page_white.png) 0 1px no-repeat;
        text-indent:20px;
    }
    */

    #Post-Tags {
        border-top:.1em solid #CCC;
        border-bottom:.1em solid #CCC;
        margin:1.5em 0 0 0;
        padding:1.5em 0 1.4em 0;
        color:#999;
    }
    
    #Post-Tags p,
    #Post-Tags ul,
    #Post-Tags li {
        display:inline;
        padding:0;
        margin:0 1em 0 0;
        list-style:none;
        
    }
    
    #Post-Tags li {
    }
    
    #Post-Discuss {
        background:#F3F3E6;
        text-align:center;
        margin:1.5em 0;
        padding:0;
        line-height:3em;
        font-weight:bold;
    }
    
    #Most-Recent,
    #Recent-Posts {
        padding:0 0 1.5em 0;
        overflow:auto;
    }
    
    #Home-Page #Page-Content h2 {
        padding:.7em 0 0 0;
        border-top:.05em solid #CCC;
    }
    
    hr#Content-End {
        visibility:hidden;
        clear:both;
    }
/* ////////////////////////////////////////////////////////////////
SIDEBAR
//////////////////////////////////////////////////////////////// */

    #Sidebar {
        position:absolute;
        top:13.5em;
        top:9em;
        right:0;
        width:30em;
        width:27em;
        background:#E7E7CC;
        background:#F7F7F7;
        background:#F3F3E6;
        color:#4B4D4E;
    }
    
    #Sidebar h2 {
        /* font-size = 24px */
        border:none;
        padding:.75em .75em 0;
        margin:0;
        clear:both;
    }
    
    #Sidebar h2 {
        font-size:1.25em;
        line-height:1.2em;
        border:none;
        padding:1.2em 1.2em 0;
        margin:0;
        clear:both;
        font-weight:bold;
    }
    
    #Post-Info,
    #For-Hire {
        font-style:italic;
        font-size:1.25em; /* = 15px */
        font-size:1.2em; /* = 15px */
        padding:1.2em;
        padding:1.25em;
        font-size:1em;
        padding:1.5em;
        border-bottom:1.2em solid #FFF;
        background:#E7E7CC url(../gfx/famfam/icons/information.png) 1.2em 1.2em no-repeat;
        text-indent:20px;
    }

    #For-Hire {
        background:#F3F3E6 url(../gfx/famfam/icons/money.png) 1.2em 1.2em no-repeat;
    }

    #Post-Info em {
        font-style:normal;
    }

    #Sidebar form {
        padding:1.5em;
        border-bottom:1.5em solid #FFF;
        background:#E7E7CC;
        background:#F3F3E6;
    }

    #Sidebar form#Search {
        line-height:3em;
        height:3em;
    }

    #Sidebar form#Link {
        padding:0 1.5em;
        
    }

    #Sidebar #Search input,
    #Sidebar #Search button {
        font-size:1em;
        border:none;
        margin:0;
        padding:0;
        height:3em;
        line-height:3em;
        background:#FFF;
    }

    #Sidebar #Search input#Search-Query {
        font-family:'Lucida Grande', calibri, 'trebuchet ms', arial, sans-serif;
        padding:.65em .75em .75em 2.65em;
        border-top:.1em solid #CCC;
        border-left:.1em solid #CCC;
        height:1.5em;
        line-height:1.5em;
        display:block;
        width:13em;
        float:left;
        background:#FFF url(../gfx/famfam/icons/magnifier.png) .65em 50% no-repeat;
    }

    #Sidebar #Search input#Search-Query.Default-Query {
        font-style:italic;
        color:#999;
    }

    #Sidebar #Search #Search-Submit {
        display:block;
        width:6em;
        float:right;
        font-family:Georgia, serif;
        background:#E7E7CC;
        -moz-border-radius:.5em;
        -webkit-border-radius:.5em;
        letter-spacing:-.1em;
        border-bottom:.1em solid #CCC;
        border-right:.1em solid #CCC;
    }

    #Sidebar #Search #Search-Submit:hover {
        background:#E7E7CC url(../gfx/bg_submit.png) no-repeat 50% 50%;
    }

    ul.Menu {
        list-style:none;
        padding:0;
        margin:0;
        border-top:1.5em solid #FFF;
        border-bottom:1.5em solid #FFF;
        line-height:3em;
        height:3em;
        border-top:none;
        background:#FFF;
        font-weight:bold;
    }
    
    ul.Menu li {
        width:6.75em;
        xborder-left:.1em solid #CCC;
        float:left;
    }
    
    ul.Menu li a:visited {
        color:#009;
    }
    
    ul.Menu li a {
        padding:0 0 0 2em;
        display:block;
        background:url(../gfx/famfam/icons/house.png) 0 50% no-repeat;
    }
    
    ul.Menu li a#Menu-About   { background-image:url(../gfx/famfam/icons/user.png); }
    ul.Menu li a#Menu-Archive { background-image:url(../gfx/famfam/icons/compress.png); }
    ul.Menu li a#Menu-Contact { background-image:url(../gfx/famfam/icons/email.png); }
    
    
    ul.Menu li a:focus,
    ul.Menu li a:hover {
        xbackground:#D6D6A9;
        xbackground-color:#E7E7CC;
        xcolor:#000;
        text-decoration:underline;
    }
    
    ul#Archive {
        list-style:none;
        padding:0;
        margin:0;
        padding:1.5em;
    }
    
    #Archive li {
        margin:0;
    }
    
    #Archive li strong {
        float:right;
        font-weight:normal;
    }
    
    
    #Links {
        padding:0 1.5em;
    }

    #Links .Feed {
        display:none;
    }

    #Links p {/* 
        background:url(../gfx/famfam/icons/link.png) 0 1.5em no-repeat;
        text-indent:20px; 
        */
    }

    #Links ul {
        padding: 0;
    }

    #Links li {
        padding: 1.5em 0 0;
    }
    
    
    
    ul.Tags-Listing {
        margin:0;
        list-style:none;
    }

    ul.Tags-Listing li {
        padding:0 1.5em;
    }

    ul.Tags-Listing li a {
        background:url(../gfx/famfam/icons/tag_blue.png) no-repeat;
        padding:0 0 0 20px;
        color:#090;
    }

    
    
    ul.Post-Listing {
        list-style:none;
        margin:0;
        padding:1.5em 0 1.5em 0;
    }
    
    ul.Post-Listing strong {
        float:right;
        text-align:right;
    }
    
    ul.Post-Listing a {
        display:block;
        width:18em;
        text-align:left;
    }
    
    ul.Post-Listing li {
        height:1.5em;
        overflow:hidden;
    }
    
    ul.Post-Listing li.Post-Listing-Odd {
        width:24em;
        margin:0 3em 0 0;
        float:left;
    }
    
    ul.Post-Listing li.Post-Listing-Even {
    }
    
    ul.Messages-Listing,
    ul.Links-Listing {
        list-style:none;
        margin:0;
        padding:0 0 1.5em 0;
    }
    
    ul.Messages-Listing li,
    ul.Links-Listing li {
        padding:1.5em 0 0 0;
    }
    
    ul.Messages-Listing li.Messages-Listing-Odd,
    ul.Links-Listing li.Links-Listing-Odd {
        width:24em;
        float:left;
        clear:both;
    }
    
    ul.Messages-Listing li.Messages-Listing-Even,
    ul.Links-Listing li.Links-Listing-Even {
        width:24em;
        float:right;
    }
    
    ul.Messages-Listing h3 {
        font-size:2em;
        float:left;
        width:1em;
        height:1em;
        line-height:1em;
        margin:0;
        padding:0;
    }
    
    ul.Messages-Listing input {
        margin:0;
        padding:0;
    }
    
    ul.Messages-Listing li.ToBeDeleted {
        color:#D00;
    }
    
    p.Messages-Listing-Message,
    p.Messages-Listing-Author {
        margin:0;
        padding:0;
    }
    
    p.Messages-Listing-Author {
        font-weight:bold;
        color:#999;
        text-indent:1em;
    }
    

    
/* ////////////////////////////////////////////////////////////////
CONTACT FORM
//////////////////////////////////////////////////////////////// */
    form {
        margin:0;
        padding:1.5em 0 0 0;
    }
    
    form#Contact-Form,
    form#Post-Form {
        margin:1.5em 0 0 0;
        padding:1.5em;
        background:#F3F3E6;
        border-bottom:1.5em solid #F3F3E6;
    }
    
    .Form-Error {
        padding:0 0 1.5em 13.5em;
        color:#D00;
        font-weight:bold;
    }
    
    .Form-Success {
        padding:0 0 1.5em 13.5em;
        color:#0D0;
        font-weight:bold;
    }
    
    .Form-Row {
        padding:0 0 1.5em 0;
        clear:both;
    }

    .Form-Row-2 {
        padding:0 0 1.5em 13.5em;
        clear:both;
    }

        
    .Form-Row label {
        width:10.5em;
        width:9em;
        float:left;
        text-align:right;
        font-weight:bold;
        margin:0 0 1.5em 0;
    }
    
    .Form-Row label span {
        color:#999;
        font-weight:normal;
    }
    
    .Form-Row input,
    .Form-Row textarea,
    .Form-Row select {
        padding:0;
        margin:0 0 1.5em 0;
        border:none;
        float:right;
        background:#F7F7F7;
        background:#E7E7CC;
        background:#FFF;
        font-size:1em;
        font-family:calibri,arial;
    }
    
    .Form-Row textarea {
        height:13.5em;
        width:36em;
        border-top:.1em solid #CCC;
        border-left:.1em solid #CCC;
        padding:.65em .75em .75em .65em;
    }
    
    .Form-Row textarea#Post-Excerpt {
        height:9em;
    }
    
    .Form-Row textarea#Post-Content {
        height:30em;
    }
    
    .Form-Row input {
        width:36em;
        padding:.65em .75em .75em .65em;
        border:none;
        border-top:.1em solid #CCC;
        border-left:.1em solid #CCC;
        height:1.5em;
        line-height:1.5em;
    }
    
    input#Contact-Subject {
        background:#E7E7CC;
        font-weight:bold;
        color:#333;
    }
    
    input#Login-Send,
    input#Contact-Send,
    input#Post-Save,
    input#Post-Delete {
        display:block;
        width:37.5em;
        height:3em;
        float:right;
        background:#E7E7CC;
        -moz-border-radius:.5em;
        -webkit-border-radius:.5em;
        border:none;
        border-bottom:.1em solid #CCC;
        border-right:.1em solid #CCC;
    }
    
    input#Contact-Send,
    input#Post-Save,
    input#Post-Delete {
        display:block;
        width:37.5em;
        height:3em;
        float:right;
        background:#E7E7CC;
        -moz-border-radius:.5em;
        -webkit-border-radius:.5em;
        border:none;
        border-bottom:.1em solid #CCC;
        border-right:.1em solid #CCC;
    }
    
    input#Post-Save {
        color:#0C0;
        width:18em;
    }
    
    input#Post-Delete {
        color:#C00;
        width:18em;
        margin-right:1.5em;
    }

    /* 
    #Sidebar form {
        margin:0;
        padding:0;
    }
    */
    #Sidebar .Form-Row {
        padding:0 1.5em;
    }
    
    #Sidebar .Form-Row input {
        height:auto;
        width:auto;
        float:none;
    }
    
    ul#Post-Selected-Tags {
        list-style:none;
        margin:0 1.5em;
    }

    
    @media print {
        #Post-Page #All {
            width:auto;
        }
        
        #Post-Page #Page-Header,
        #Post-Page #Post-Discuss,
        #Post-Page #Sidebar {
            display:none;
        }
        
        #Post-Page #Page-Content {
            border:none;
        }
        
        #Post-Page #Page-Content a:after {
            content:" [" attr(href) "]";
            font-style:italic;
            font-weight:normal;
        }
    }