/*
Theme Name: mess2
Theme URI: http://mike.kronenberg.org
Description: Fully customized.
Version: 0.1
Author: Mike Kronenberg
Author URI: http://mike.kronenberg.org
Tags: mikesmassivemess
*/



* {
    font-family:                        "Lucida Grande", Verdana;
    letter-spacing:                     -0.05em;
}

html{
    font-size:                          100%; /* for ie */
}


body {
    margin:                             0em;
    width:                              100%;
    height:                             100%;
    background-color:                   white;
    font-size:                          1em;
}

#sizer {
    position:                           absolute;
    top:                                1em;
    right:                              1em;
    z-index:                            1000;
}

#page {
    position:                           relative;
    margin:                             0 auto;
    width:                              64em;
}

#header {
    margin:                             0em 0em 0em -0.5em;
    height:                             8.5em;
    text-shadow:                        0.0em 0.25em 0.5em rgba(0,0,0,0.5);
    filter:                             glow(color=#808080,strength=5);
}

#header a {
    font-size:                          7.7em;
    letter-spacing:                     -0.1em;
    font-weight:                        bold;
    color:                              white;
}

#content {
/*    padding:                            8em 14em 0em 0em;*/
}

.post, .comment, #respond {
    position:                           relative;
    margin:                             0em 0em 1em 0em;
    width:                              41em;
    background-color:                   rgb(255,255,255);
    -webkit-border-radius:              1.0em;
    -moz-border-radius:                 1.0em;
    -webkit-box-shadow:                 0em 0.25em 0.5em rgba(0,0,0,0.5);
    -moz-box-shadow:                    0em 0.25em 0.5em rgba(0,0,0,0.5);
    filter:                             glow(color=#808080,strength=5);
    padding:                            2em 1em 2em 6em;
    color:                              rgb(128,128,128);

}

.post h2 {
    margin:                             0em;
    font-weight:                        normal;
}

.post .date, .post .postmetadata, .comment .commentmetadata {
    font-size:                          0.8em;
    color:                              rgb(128,128,128);
}

.post p:first-child img:first-child {
    position:                           absolute;
    top:                                6em;
    left:                               0em;
    height:                             4em;
    width:                              4em;
    border-style:                       solid;
    border-width:                       0.5em;
    border-color:                       rgb(224,224,224);
    background-color:                   rgb(224,224,224);
}

.comment .avatar {
    position:                           absolute;
    top:                                3.2em;
    left:                               0em;
    height:                             4em;
    width:                              4em;
}

.commentlist {
    margin:                             0em;
    padding:                            0em;
}

.comment {
    list-style:                         none;
}

.bypostauthor {
    background-color:                   black;
    color:                              white;
}

#respond textarea {
    width:                              44em;
}

a {
    text-decoration:                    none;
    color:                              rgb(80,80,160);
}

a:hover {
    color:                              rgb(0,0,160);
}

a img {
    border:                             none;
}

#sidebar {
    position:                           absolute;
    top:                                8.5em;
    right:                              0em;
    width:                              14em;

    background-color:                   rgb(255,255,255);
    background-image:                   url("images/mikesmassivemess.jpg");
    background-repeat:                  no-repeat;
    -webkit-border-radius:              1.0em;
    -moz-border-radius:                 1.0em;
    -webkit-box-shadow:                 0em 0.25em 0.5em rgba(0,0,0,0.5);
    -moz-box-shadow:                    0em 0.25em 0.5em rgba(0,0,0,0.5);
    filter:                             glow(color=#808080,strength=5);
    padding:                            168px 0.5em 1em 0.5em;
    overflow-x:                         hidden;
    text-overflow:                      ellipsis;
}
/*
#mess {
    position:                           absolute;
    top:                                -1em;
    left:                               -0.5em;
    -webkit-border-radius:              1.0em;
    -moz-border-radius:                 1.0em;
}
*/
#sidebar ul {
    margin:                             0em;
    padding:                            0em;
}

#sidebar ul li {
    list-style:                         none;
}

#sidebar ul li h2 {
    margin:                             1em 0em 0em 0em;
    font-size:                          1em;
    font-weight:                        normal;
}

#sidebar ul li ul li {
    padding:                            0em 0em 0.25em 0em;
    font-size:                          0.8em;
    color:                              rgb(80,80,80);
}

#footer {
    padding:                            1em;
    text-align:                         center;
    font-size:                          0.8em;
}




code {
    font-family: 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
}











/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}
/* End Images */