/* Layout by gossymer @ livejournal.com */
/* S2 Layout: Flexible Squares - Web 2.0 */

html body 
{ 
  padding-top: 0 !important; 
} 

       body {
background: url() repeat-x top;
        background-color: #f2f2f2;
        text-align: center;
        color: #000 !important;
        font-family: verdana, sans-serif;
        font-size: 11px;
        margin: 20px 0 20px 0;
line-height: 150%;
        }

    a, a:link, a:visited {
        color: #007ba7;
        text-decoration: none;
font-weight: bold;
        }

    a:hover {
        color: #345678;
        text-decoration: none;
        }



blockquote {
background-color: #efefef;
padding :15px;
border: 1px solid #ccc;
color:#555;
margin: 10px 25px;
}

    code, kbd, pre, tt {
            font-family: monospace;
        }

    #content
    {
width: 98%;
max-width: 1024px;
        margin: 0 auto; 
        background-color: transparent;
        border-width: 0px;
        border-style: solid;
        border-color: #999999;
        padding: 0px;
    }

    .entry    {
        text-align: justify !important;
        margin: 0 auto;
width: 94%;
        padding: 10px;
        background-color: transparent;
        color: #555;
        font-family: verdana, sans-serif;
        font-size: 11px;
        border-width: 0px;
        border-color: #919bad;
        border-style: solid;
        }

    .datesubject {
        line-height: 200%;
        background-color: transparent;
        padding: 5px;
padding-bottom: 0px;
width: 94%;
margin: 0 auto;
margin-bottom:-5px;
border-bottom: 1px dotted #ddd;
        }

     #maincontent {
margin: 0 19%;
        font-family: verdana, sans-serif;
        font-size: 11px;
        background-color: white;
        color: #000000;
border: 1px solid #e5e5e5;
border-top: 0px solid #ccc;
        text-align: left;
padding-top: 18px;
margin-bottom: -10px !important;
        }

    #sidebar {
clear: both;
        padding-top: 17px;
        margin-top: 0px;
background-color: transparent;
        border-color: #999999;
        border-width: 0px;
        border-style: solid;
          font-size: 11px;
        font-family: verdana, sans-serif;
          color: #000000;
        width: 18%;
        float: right;
        text-align: left;
        }

    #header {
        padding: 0px;
        margin: 0px;
        text-align: center;
        font-family: verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
border: 0px solid #efefef;
border-bottom: 0px solid #ddd;
        color: #000000;
margin: 0 19%;
padding-bottom: 0px;
        }

    #footer {
        text-align: center;
        font-family: verdana, sans-serif;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: white;
margin: 0px 19%;
        color: #000000;
        border-color: #efefef;
        border-width: 1px;
        border-style: solid;
border-top: 0px solid #fff;
        z-index: 100;
        clear: both;
margin-top: -17px;
margin-bottom: -150px !important;
        }

    /* header -- links to views; title of journal; subtitle of journal */

.navheader {
width: auto;
padding: 0px;
text-align: center;
color: #555;
padding-left: 2px !important;
margin-bottom: 0px !important;
}

    ul.navheader
        {
border: 1px solid #f2f2f2;
background-color: #fcfcfc !important;
height: 26px;

        }

.navheader li  {
        float: left;
text-transform: uppercase;
margin: 0px;
width: 23%;
padding-top: 5px !important;
padding-bottom: 5px !important;
border: 0px solid #ccc;
border-bottom: 0px solid #ccc;
border-top: 0px solid #ccc;
border-right: 1px solid #ccc;
font-size: 8pt !important;
        }

.navheader a, .navheader:link, .navheader a:visited  {
display: block !important;
text-decoration: none;
padding: 5px 0px;
background-color: #fcfcfc;
color: #777 !important;
margin-top: -5px;
margin-bottom: -5px;

}

.navheader a:hover, .navheader a:active {
background-color: #fff;
color: #777 !important;
}

    .title    {
display:none;
        }

    .subtitle{
display: none;
        }


    /* sidebar */


    .defaultuserpic {
        text-align: center;

        }

.defaultuserpic a {
border: 0px solid #fff!important;
margin: 0px !important;
padding: 0px !important;
background-color: transparent !important;
margin-top: -2px;

}

.defaultuserpic img {
        border-width: 0px;
        background-color: #f2f2f2;
        padding: 18px;
background: url(http://pics.livejournal.com/gossymer/pic/004a00b5) no-repeat center;
}
    .sbarheader {
        padding: 0px;
margin: 0px;
        }



    table.calendar {
        margin: 0 auto;

        }

    .sbarcalendar {
        border-color: #eee;
        border-width: 1px;
        border-style: solid;
background-color: #fafafa;
        text-align: center;
        font-family: verdana, sans-serif;
        font-size: 10px;
padding: 0px;
margin: 0 auto;
color: #ccc !important;

        }

    .sbarcalendarposts {
        border-color:  #ccc;
        border-width: 1px;
        border-style: solid;
        background-color: #efefef;
        text-align: center;
        font-family: verdana, sans-serif;
        font-size: 10px;

        }

.sbarcalendarposts a {
color: #007ba7 !important;
font-weight: bold !important;
display: inline !important;
background-color: transparent !important;
padding: 0px;
border: 0px solid #fff !important;
}

    ul.sbarlist
    {
        padding-left: 0px;
        margin: 0px;
        list-style: none;
background-color: transparent;
    }

    li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

li.sbaritem {
margin: 2px 10px;
padding: 0px;
text-align: left;
text-transform: uppercase;
}

    #sidebar_summary li.sbaritem {
color: #999;
border: 1px solid #ddd;
background-color: #f1f1f1;
padding: 3px;
text-transform: uppercase;
margin: 3px 10px;
    }

    #sidebar_summary li.sbaritem a {
        text-decoration: none;
display: inline !important;
color: #999;
border: 0px solid #ddd !important;
background-color: transparent !important;
    }

    #sidebar_summary li.sbaritem a: hover{
        text-decoration: none;
color: #007ba7;
border: 0px solid #fff;
background-color: transparent !important;
    }

    div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
text-decoration: none;
display: block;
color: #999;
border: 1px solid #ddd;
background-color: #efefef;
padding: 2px;
text-transform: uppercase;
margin: 0px;
    }

    div#sidebar a:hover {
background-color: #e5e5e5;
border: 1px solid #ddd;
color: #007ba7;
text-decoration: none;
    }

    li.sbartitle
    {
background-color: transparent !important;
border: 0px solid #ddd;
text-align: left;
        list-style: none;
        margin: 0px 15px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10pt;
color: #345678 !important;
font-family: times new roman;
background-color: transparent;
padding: 0px;
    }

#sidebar_tags li.sbaritem, #sidebar_tags .sbaritem, #sidebar_tags a, #sidebar_tags .sbaritem a, a .tag, a #tag {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

#sidebar_tags li.sbaritem a {
margin-bottom: 3px !important;
}

    /* maincontent */

    .subcontent {
margin: 0px;

    }



    .entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

    .entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }
    .date {
color: #959595;
font-size: 8pt;
text-transform: uppercase;
        }

    .subject {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10pt;
color: #345678;
font-family: times new roman;
background-color: transparent;
padding: 0px;
        }

    .subject a, .subject a:link, .subject a:visited {
        color: #ffffff;
        }

    .subject a:hover {
        color: #b0b9c8;
        }

    .currents, .currentmood, .currentmusic {
        font-family: verdana, sans-serif;
        font-size: 11px;
padding-top: 5px;
        }

.currents {
border-top: 1px dotted #ddd;
margin-top: -15px;

line-height: 200%;
}

    .comments {
        font-family: verdana, sans-serif;
        font-size: 10px;
        text-align: center;
text-transform: uppercase;
        background-color: transparent;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }


    /* maincontent --  entry, reply pages */

    .replytosubject {
        font-weight: bold;
color: #aaa;
        }

    .datesubjectcomment {
            background-color: transparent;
            padding: 5px;
margin-top: 10px;
border-bottom: 0px solid #ddd;
color: #aaa;
text-align: left;
            }

    .userpiccomment {
        position: relative;

        top: -15px;
        left: -5px;
        padding: 10px;
        margin: 0px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #ddd;
        border-style: solid;
background-color: white;
        }

    .box {
padding: 0px;
border: 0px solid #ccc;
border-top: 0px solid #ccc;
background-color: white;
        margin: 10px 0px;
        clear: left;
text-align: center;
        }

#postform {
background-color: transparent;
padding: 10px;
text-align: left !important;
border-top: 1px solid #ddd;
}

    input, textarea {
        background-color: #efefef;
        color: #000000;
border: 1px solid #ccc;
margin-bottom: 5px;
color: #555;
font-family: Verdana, sans-serif;
        }

    textarea.textbox  {
font-size: 10pt;
padding: 0px 5px;
          width: 90% !important;
           }

    .reply    {
        position: relative;
        margin: 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: verdana, sans-serif;
        font-size: 11px;
        line-height: 125%;
        background-color: #d4dce8;
        color: #000000;

        }




    .commentreply {
text-align: justify;
        position: relative;
        padding: 0px 10px;
margin: 0px;
background-color: white;
        font-size: 11px;
        font-family: verdana, sans-serif;
margin-top: 5px;

        }

    .commentbox {
        padding: 10px !important;
margin: 0px;
        margin-top: 0px;
        background-color: transparent;
border: 0px solid #fff !important;
border-top: 1px dotted #ddd !important;
        }

    .datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #ffffff;
        }

    .datesubjectcomment a:hover {
        color: #b0b9c8;
        }

    .commentboxpartial {
border: 0px solid #efefef !important;
border-top: 1px dotted #efefef !important;
        padding: 10px;
        background-color: white;
        }

    .commentinfo {
        background-color: #d4dce8;
        margin-top: 10px;
        width: 100%;

        }



.ljuser a:link,  .ljuser a:visited {
color: #345678 !important;
}

.ljuser a:hover,  .ljuser a:active {
color: #007ba7!important;
}



    /* maincontent -- year/achive pages */

    ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

    ul.year li {
        display: inline;
        }

    table.yeartable {
        margin-left: auto;
        margin-right: auto;
        }

    table.yeartable td.yeardate, table.yeartable td.yearday {
        border: 1px solid #efefef;
        }

table.yeartable a {
font-weight: bold;
}

    table.yeartable td.yearday {
        background-color: #ddd;
        text-align: center;
        }

    td.yearmonth {
        border: 0px solid #efefef;
        }


    /* footer */

    ul.navfooter{
        padding: 0px;
        margin: 0px;
font-size: 10pt;
text-transform: uppercase;
        padding: 20px;
        }

    ul.navfooter li  {
        display: inline;

        }
    ul.navfooter li  a {
color: #999 !important;
        margin: 0 5px 0 5px;
background-color: #efefef;
border: 1px solid #ddd;
padding: 3px;
        }

   ul.navfooter li  a:hover {
background-color: #e3e3e3 !important;
color: #007ba7 !important;
text-decoration: none;
        }

    .clearfoot {
        clear: both;
        }


    /* misc  */

    .clear {
        height: 15px;
        }

    .skiplinks {
        text-align: center;
margin-top: -30px;
margin-bottom: -15px;
        }

    .headerimage {
        /* for formatting header image */
        }

    .separator{
        /* for formatting separators between entries */
margin-bottom: 0px;
margin-top: 30px;
        height: 0px;
border-top: 3px double #eee;
background: url() repeat-x;
background-color: #f2f2f2 !important;
    }

    * html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

    * html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #999999;
        background-color: #c2cde0;
    }

#sidebar_tags .sbarcontent {
height: 160px;
overflow: auto;
}

div.comments a:link, div.comments a:visited  {
padding: 3px;
background-color: #efefef !important;
border: 1px solid #ddd;
color: #999 !important;
font-weight: bold;
}

    div.comments a:hover {
background-color: #e3e3e3 !important;
color: #007ba7 !important;
text-decoration: none;
    }

div.comments {
color: white;
border-top: 1px dotted #ddd;
padding-top: 15px;
margin-top: -15px;
}

.ljtags {
font-weight: bold;
margin-top: 10px;
}

.ljtags a:link, .ljtags a:visited {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.ljtags a:hover, .ljtags a:active {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.currents a:link, .currents a:visited {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.currents a:hover, .currents a:active {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.entry_text {
}

.userpic a font, .userpicfriends a font {
color: #555 !important;
font-weight: bold;
}

.userpicfriends a:hover font {
color: #007ba7 !important;
text-decoration: none;
}

code { 
font-family: verdana, sans-serif;
font-size: 8pt !important;
background-color:
display: block;
background-color: #efefef;
padding :2px;
color:#555;
line-height: 200%;
}

dt {
font-weight: bold;
}

ol, ul {
}

    ul, li, body, .entry, td, blockquote, .commentreply, code {
            font-size: 11px;
        color: #444 !important;
line-height: auto;
        }


    * html #content
    {
    }

    * html .entry    {
        }

    * html .datesubject {
        }


 * html div#sidebar_tags li.sbaritem, * html div#sidebar_tags .sbaritem, * html div#sidebar_tags a, * html div#sidebar_tags span a, * html div#sidebar_tags .sbaritem a, * html div.a .tag, * html div.a #tag, * html div#sidebar_tags li.sbaritem a {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

    .userpic {
        position: absolute;
        float: left;
        margin: 5px;
margin-top: 0px;
margin-left: -172px !important;
        z-index: 15;
        padding: 18px;
background: url(http://pics.livejournal.com/gossymer/pic/004a00b5) no-repeat center;
background-color: #f2f2f2 !important;
border: 0px solid #f2f2f2 !importnt;
        }

    .userpicfriends {
        position: absolute;
        float: left;
        margin: 5px;
margin-top: 0px;
margin-left: -172px !important;
        z-index: 15;
        border-width: 0px;
        padding: 18px;
background: url(http://pics.livejournal.com/gossymer/pic/004a00b5) no-repeat top;
text-align: center;
font-weight: bold;
background-color: #f2f2f2 !important;
border: 0px solid #f2f2f2 !importnt;
        }
    .userpicfriends img {
margin-bottom: 14px !important;
        }


    .sbarbody {
        padding-top: 10px;
padding-bottom: 15px;
margin-top: 25px;
margin-bottom: 10px;
background-color: white;
margin-right: 0px;
border: 1px solid #efefef;

        }

    .sbarbody2 {        
padding-top: 10px;
padding-bottom: 15px;
margin-top: 25px;
margin-bottom: 10px;
background-color: white;
margin-right: 0px;
border: 1px solid #efefef;
text-align: center !important;
    }

/*general positioning*/

div.ContextualPopup {
margin: 7px 0px 0px 2px;
text-align: left !important;
}

#sidebar_tags li{
overflow: hidden !important;
}

#sidebar_tags ul {
overflow-x: hidden;
overflow-y: auto;
}

.userpic, .userpicfriends {
border-width: 0px;
}
.userpic a, .userpicfriends a {
        color: #007ba7;
}
    #header {
/*header image is 630px wide and 200px high*/
background: url(http://pics.livejournal.com/gossymer/pic/004a7eyw) no-repeat top center;
padding-top: 200px !important;
        }