/*--------------------------------------------------*/
/*	BLOG											*/
/*--------------------------------------------------*/
#blog {
position: relative;
padding: 0 0 18px 0;
}
#blog h1 {
padding: 0 13px 1px 0;
color: #c00801;
font-size: 16px;
font-weight: bold;
font-style: italic;
border-bottom: dotted 1px #e83708;
}
#blog h2 {
padding: 2px 0 6px;
color: #222;
font-size: 14px;
font-weight: bold;
}
#blog .date {
margin: 2px 0 0;
color: #666;
font-size: 10px;text-align: right;
}
#blog .content {
margin: 0;
padding: 2px;
min-height: 220px;
color: #333;
}
#blog .images {
background: #eee;
}
#blog .images img {
float :left;
margin: 2px;
padding: 3px;
border: 1px solid #dedeee;
background: #fff;
}
#blog .keywords {
position: absolute;
bottom: 0;
right: 0;
padding: 3px 0;
color: #444;
font-size: 10px;
}
#blog .keywords a {
padding: 1px;
color: #666;
}
#blog .keywords a:hover {
color: #444;
background: #dedeee;
}
.view code {
display: block;
padding: 1px 13px;
color: #dedeee;
border-left: 3px solid #400;
border-bottom: 1px solid  #2d2d30;
background: #1d1d20;
}
/*--------------------------------------------------*/
/*	CATEGORIES										*/
/*--------------------------------------------------*/
#flank .categories .title {
margin: 0 0 4px;
padding: 0px 13px 1px 0px;
color: #c00801;
font-size: 16px;
font-weight: bold;
font-style: italic;
border-bottom: dotted 1px #e83708;
}
#flank .categories .description {
padding: 2px 0 6px;
color: #444;
font-size: 14px;
font-weight: bold;
}
#flank .categories h4 {
padding: 4px 13px;
height: 18px;
color: #222;
font-size: 14px;
border-left: 4px solid #aaa; 
background: #bbb;
}
#flank .categories a {
display: block;
margin-bottom: 2px;
padding: 8px 13px;
background: #eee;
}
#flank .categories a:hover {
display: block;
margin-bottom: 2px;
padding: 8px 13px;
background: #dedeee;
}
#flank .categories .category {
margin: 0px 0px 8px;
color: #111;
font-size: 11px;
}
/*--------------------------------------------------*/
/*	ITEM										*/
/*--------------------------------------------------*/
.blog .item {
position: relative;
margin: 0 0 3px;
padding: 0 0 13px 0;
background: #eee;
cursor: pointer;
}
.blog .item:hover, .blog .item.hover {
background: #ddd;
}
.blog .item .image {
float :left;
margin: 3px 13px 3px 3px;
padding: 3px;
width: 88px;
height: 50px;
border: 3px solid #bbb;
background: #fff;
}
.blog .item:hover .image , .blog .item.hover .image {
border: 3px solid #aaa;
}
.blog .item div.title {
padding: 4px 13px;
height: 18px;
color: #222;
font-size: 11px;
border: 0;
background: #bbb;
}
.blog .item:hover div.title, .blog .item.hover div.title {
background: #aaa;
}
#blog .item h4 {
float: left;
font-size: 14px;
width: 330px;
}
.blog .item span.date {
float: right;
margin: 3px 0;
color: #555;
}
#blog .item h5 {
padding: 6px 13px;
color: #444;
font-size: 11px;
font-weight: normal;
}
.blog .item .keywords {
position: absolute;
right: 0;
bottom: 0;
font-size: 10px;
padding: 3px 8px;
}
.blog .item .keywords a { color: #666; }
.blog .item .keywords a:hover { color: #333; }
/*--------------------------------------------------*/
/*	COMMENT											*/
/*--------------------------------------------------*/
#comments .comment {
margin-bottom: 2px;
padding: 4px 8px;
background: #eee;
}
#comments .comment h4 {
color: #555;
border-bottom: 1px dotted #ccd;
}
#comments .comment h4 span {
float: right;
color: #666;
font-size: 10px;
font-weight: normal;
}
#comments .comment h4 a {
float: right;
color: #666;
font-size: 10px;
font-weight: normal;
}
#comments .comment p {
margin: 7px 0 4px;
padding: 8px ;
background: #fff;
}