/*
Theme Name: Alex's Theme
*/

/* - - - - - - - - Body - - - - - - - - */

body {
        background-color:#fff;
        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:62.5%;
        color:#777;
        margin:0;
        padding:0;
}
a {
        text-decoration:none;
        color:#222;
}
a:hover {
        color:#c00;
}
acronym {
        cursor:help;
        border-bottom:1px dotted #ddd;
}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

#wrapper{
margin:0 auto;
width:751px;
}

#container {
        font-size:1.2em;
        width:550px;
        float:left;
        border-right:1px solid #616161;


}



#sidebar {
float:right;
margin-top: 240px;
width:200px;

}

.title {

 display:block;
        margin:0px 0 0 0px;
        padding-left:10px;
        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:1.8em;
        color:#c00;
        border-color:#ddd;
        border-style:solid;
        border-width:0 0 1px 0;

}
#sidebar ul {padding:0px;margin:10px 0px 10px 0px;}
#sidebar li {
       display:block;
        margin:0 0 0 10px;
        padding:0;
        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:1.1em;
        letter-spacing:2px;
        color:#444;
        border-color:#c00;
        border-style:solid;
        border-width:0 0 1px 0;
        list-style: none;
list-style-position:outside;

}




#header {
        color:#444;
        margin:0;
        padding:10px;
        background:#fff url(business_card.jpg) no-repeat bottom right;
}
#header h1 {
        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:2em;
        color:#326ea1;
        margin:0;
        font-weight:normal;
}
#header h1 strong {
        color:#669933;
}

#desc {
        margin:140px 0 0 0;
        font-size:1em;
        font-weight:normal;
        color:#999;
}



#navigation {
        text-align:right;
        margin:10px 10px 10px auto;
}

#navigation {
        margin:0 10px 0 0;
        padding:0;
}

#navigation li {
        margin:0;
        padding:0;
        list-style:none;
        display:inline;
}

#navigation li a {
        padding:5px 5px 2px 5px;
        margin:0 1px 0 1px;
        color:#326ea1;
        text-decoration:none;
        font-weight:bold;
        border-bottom:1px solid #669933;
}

#navigation li a:hover {
        color:#669933;
        border-bottom:1px solid #326ea1;
}



#content {
        margin:20px 0 20px 10px;
        padding:0;

}
#content p {
        padding:0px 20px;
        text-align:justify;
        text-indent:0.5cm;
        line-height:1.8em;
}
#content h2 {
        display:block;
        margin:50px 0 0 10px;
        padding:0;
        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:1.8em;
        color:#326ea1;
        border-color:#ddd;
        border-style:solid;
        border-width:0 0 1px 0;
}
#content h3 {
        display:block;
        margin:20px 0 0 30px;
        padding:0;
        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:1.1em;
        letter-spacing:2px;
        color:#444;
        border-color:#669933;
        border-style:solid;
        border-width:0 0 1px 0;
}
.postmetadata {
float:right;
margin: 5px;
}
#content .post_info {
        text-align:right;
        margin:0 25px 5px 25px;
        padding:2px;
        font-size:0.8em;
        font-family:arial,sans-serif;
        color:#aaa;
        line-height:0.9em;
        word-spacing:1px;
        border-top:1px solid #ddd;
}
#content .post_info a {
        text-transform:uppercase;
}
#content blockquote {
        margin:10px 60px;
        padding:5px;
        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:0.9em;
        color:#444;
        border:1px solid #ddd;
        background-color:#eee;
}
#content blockquote p {
        margin:0;
        padding:0;
        text-indent:0;
}
#content pre {
        margin:10px 60px;
        padding:5px;
        color:#444;
        border:1px solid #eee;
        background-color:#fafafa;
}
#content ul {
        margin-left:70px;
        list-style:upper-roman outside;
        font-family:arial,sans-serif;
        font-size:0.9em;
}
#content li {
        padding:3px;
}

#comment {
width:450px;
background: #fff;

padding:5px;
}

.navi a{
        display:block;


        font-family:"Trebuchet MS",arial,sans-serif;
        font-size:22px;
        color:#c00;
       padding:10px;
}


.commentlist li {
list-style: none;

}  .commentlist li.alt { }

.commentlist p{

        text-align:justify;
        text-indent:0;
        line-height:1.8em;
} .commentlist a { color:#c00;}
#author {

margin-bottom:5px;
border-top: solid 1px #aaaaaa;
border-left: solid 1px #aaaaaa;
border-right: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
padding:5px;
}
#email {

margin-bottom:5px;
border-top: solid 1px #aaaaaa;
border-left: solid 1px #aaaaaa;
border-right: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
padding:5px;
}
#url {

margin-bottom:5px;
border-top: solid 1px #aaaaaa;
border-left: solid 1px #aaaaaa;
border-right: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
padding:5px;
}

#comment {

margin-bottom:5px;
border-top: solid 1px #aaaaaa;
border-left: solid 1px #aaaaaa;
border-right: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
width:450px;
background: #fff;

padding:5px;
}

#submit {
font-size: 14px;

width:63px;
height: 28px;
font-weight:bold;
background: #f1f1f1 url(images/button2blue.gif);
color: #666;
padding-bottom:2px;
border-top: solid 1px #dddddd;
border-left: solid 1px #dddddd;
border-right: solid 1px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
padding-top:2px;

}


#footer {
        font-size:0.9em;
        font-family:arial,sans-serif;
        margin:90px 0 20px 0;
        padding:5px;
        border-top:1px solid #669933;
}
#footer p {
        text-align:right;
        line-height:1.1em;
        color:#bbb;
        font-size:0.9em;
        font-family:arial,sans-serif;
        margin:0;
        padding:0;
}
#footer span {
        color:#888;
}
#footer a {
        color:#888;
}
#footer a:hover {
        color:#aaa;
}