.articleImage {
margin : 0 15px 5px 0;
float : left;
max-width : 96px;
}
.siteAuthor {
color : green;
font-weight : bold;
text-decoration : none;
}
.cleanL {
clear : left;
}
a:link {
text-decoration : none;
color : #bd7aa6;
}
a:visited {
text-decoration : none;
color : #bd7aa6;
}
a:hover, a:active {
color : #ecb8da;
}
address {text-align: right;}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
margin : 20px 0 10px;
}
h1 {
font-size : 28px;
margin-bottom : 0;
margin-top : 10px;
}
h2 {
font-size : 26px;
}
h3 {
font-size : 24px;
}
h4, h5, h6 {
font-size : 20px;
}
.titles {
font-weight : normal;
border-bottom-width : 0;
font-size : 20px;
text-decoration : none;
}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration : none;
font-size : 24px;
font-weight : normal;
border-bottom-width : 0;
}
pre, blockquote {
overflow : auto;
padding : 0 10px;
margin : 20px 30px;
line-height : 1.8em;
background-color : #f5f5f5;
border : 1px solid #e0e0e0;
}
pre:hover, blockquote:hover {
background-color : #f0f0f0;
border : 1px solid #d0d0d0;
}
pre {
padding-top : 10px;
padding-bottom : 10px;
}
code {
color : #779900;
font-family : Consolas, Verdana, "Courier New", Sans-Serif;
}
ul, ol {
line-height : 2em;
}
#sidebar ul {
list-style-image : url(images/bullet.gif);
}
abbr, acronym {
font-style : normal;
border-bottom : 1px dotted #333333;
cursor : help;
}
del {
text-decoration : line-through;
color : #999999;
}
ins {
text-decoration : none;
color : #009977;
}
body {
margin : 0;
padding : 0;
color : #b53cc3;
background-image : url(images/bg.gif);
background-repeat : repeat-x;
background-color : #b9daf5;
font : normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}
#wrapper2 {
width : 768px;
margin-left : auto;
margin-right : auto;
}
#header {
float : left;
width : 906px;
padding-bottom : 8px;

background-image : url(images/header-bg.jpg);
background-repeat : no-repeat;
padding-left : 0;
height : 417px;
margin-left : -70px;
}
.space {
clear : both;
}
#wrapper {
clear : both;
float : left;
width : 100%;
color : #555555;
background : #ffffff;
margin-top : -200px;
}
#content-wrapper {
width : 65%;
float : left;
}
#content {
float : left;
padding : 0 0 10px 20px;
}
#sidebar-wrapper {
width : 35%;
float : right;
}
#sidebar {
float : right;
padding : 0 15px 5px 5px;
width : 210px;
margin-right : 15px;
margin-top : 10px;
}
#footer {
clear : both;
float : left;
width : 748px;
text-align : left;
padding-left : 20px;
background : #ffffff;
background-image : url(images/footer-bg.gif);
background-position : bottom;
background-repeat : no-repeat;
color : #bd7aa6;
font-size : 11px;
padding-bottom : 10px;
}
#footer a {
color : #bd7aa6;
font-size : 11px;
}
#footer a:hover {
color : #ecb8da;
border-bottom : 1px dashed #ecb8da;
}
#extras {
float : left;
width : 780px;
color : #444444;
text-align : left;
padding : 0 10px 10px;
margin : 10px 12px 20px;
background-color : #f5f5f5;
border-top : 1px solid #e0e0e0;
border-bottom : 1px solid #e0e0e0;
}
#name {
font-size : 28px;
margin-bottom : 0;
margin-top : 10px;
padding-right : 280px;
margin-top : 111px;
float : right;
color : #555555;
}

#navigation ul {
list-style-type : none;
list-style-image : none;
float : left;
padding-left : 80px;

margin-top : 0;
}
#navigation li {
float : left;
margin-top : 0;
}
#navigation li a:link, #navigation li a:visited {
float : left;
color : #ffffff;
display : block;
padding : 15px 10px;
margin-right : 4px;
height : 27px;
font-size : 14px;
}
#navigation li a:hover, #navigation li a:active {
color : #ffffff;
background-image : url(images/nav-bg.gif);
background-repeat : repeat-x;
font-size : 14px;
}
#navigation li.active a {
color : #555555;
background-color : #ffffff;
}
#wrapper a:link {
font-weight : bold;
}
#wrapper a:visited {
font-weight : bold;
}
#content .post-title a {
border-bottom-width : 0;
}
#content .post p.img {
float : left;
margin : 0 15px 0 0;
}
#content .post p.img img {
padding : 8px;
border : 1px solid #d0d0d0;
background-color : #eeeeee;
}
#content .post-footer {
font-size : 90%;
color : #888888;
margin-bottom : 5px;
padding : 5px 5px 5px 15px;
background-color : #f6faff;
border : 1px solid #ddebf4;
}
#content address {text-align: right;}

.sideblock {
padding : 5px 15px 5px 5px;
margin-bottom : 20px;
background-color : #fafafa;
border : 1px solid #f4f4f4;
}
.sideblock h3 {
margin-top : 5px;
font-size : 14px;
color : #bababa;
font-weight : bold;
}
#sidebar dt {
margin : 0;
padding-top : 5px;
font-weight : bold;
color : #666666;
}
#sidebar dd {
margin : 0 0 5px;
padding-bottom : 5px;
line-height : 1.8em;
}
#sidebar dd a:link {
border-bottom-width : 0;
font-weight : normal;
border-bottom : none;
text-decoration : none;
}
#sidebar dd a:visited {
border-bottom-width : 0;
font-weight : normal;
border-bottom : none;
text-decoration : none;
}
#sidebar dd a:hover, #sidebar dd a:active {
border-bottom : none;
text-decoration : none;
}
#extras h6 {
font-size : 14px;
text-transform : uppercase;
color : #555555;
}
#friends {
float : left;
width : 150px;
margin-left : 20px;
margin-right : 10px;
}
#links {
float : left;
width : 275px;
margin-right : 50px;
}
#about {
float : left;
width : 250px;
margin-right : 20px;
}
#friends ul {
padding-left : 20px;
}
#links dl, #links dt, #links dd {
margin : 0;
padding : 0;
}
#links dt {
font-weight : bold;
padding-top : 5px;
}
#links dd {
margin-bottom : 5px;
padding-bottom : 5px;
border-bottom : 1px dotted #999999;
}
#commentlist li {
margin-bottom : 1.5em;
padding-bottom : 1em;
border-bottom : 1px solid #700000;
}
#commentform {
margin : 1em 0;
background : #ffffff;
width : 280px;
}
#commentform textarea {
background : #f8f7f6;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform textarea:hover {
background : #ffffff;
border : 1px solid #d6d3d3;
}
#commentform textarea:focus {
background : #ffffff;
border : 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size : 1.1em;
background : #f8f7f6;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size : 1.1em;
background : #ffffff;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size : 1.1em;
background : #ffffff;
border : 1px solid #939793;
width : 280px;
}
#commentform input {
margin-bottom : 3px;
}
.date {
background : url(images/date.gif) no-repeat;
height : 57px;
margin-bottom : 0;
width : 57px;
text-align : center;
float : left;
margin-top : 15px;
}
.date .month {
display : block;
color : #b0d4f1;
padding : 2px 0;
text-align : center;
text-transform : uppercase;
font-size : 10px;
margin-top : 2px;
font-weight : bold;
margin-bottom : 3px;
}
.date .day {
display : block;
color : #ffffff;
font : 2.3em Georgia;
padding-top : 0;
text-align : center;
margin-top : -8px;
}
#left {
width : 60px;
float : left;
}
#slogan {
font-size : 12px;
color : #ffffff;
margin-bottom : 0;
margin-top : 6px;
padding-right : 230px;

float : right;
color : #bd7aa6;
}
.float {
float : right;
width : 404px;
clear : right;
margin-top : 15px;
margin-bottom : 15px;
padding-top : 10px;
margin-left : 5px;
}
.meta-comments {
border-top : 1px solid #ccc;
margin : 0;
padding : 6px 0 12px;
color : #777;
font-family : "Segoe UI", Tahoma, Arial, Geneva, sans-serif;
font-size : 12px;
font-weight : bold;
width : 100%;
}
.meta-comments a {
color : #666;
margin : 1px;
font-weight : bold;
text-decoration : none;
}
.meta-comments a:hover {
text-decoration : underline;
}
.comment_meta {
background-position : left top;
background-repeat : no-repeat;
background-image : url(images/reply.png);
margin : 0 5px 2px 15px;
padding : 1px 12px 0 24px;
}
.comment_date {
background-position : left top;
background-repeat : no-repeat;
background-image : url(images/clock.png);
margin : 0 0 2px 0;
padding : 3px 22px;
}
.post .gravatar {
float : left;
margin : 0 10px 0 0;
padding : 0;
height : 48px;
width : 48px;
}