/* Hook */

.blog_hook {
display: block; 
height: 220px;
}

/* Recent Posts Styling */

.blogposts {background: #fff; margin: 0 0 20px;}
.blogposts ul {margin: 0 10px; padding: 0; list-style:none;}
.blogposts ul li {padding: 10px 0; border-bottom: 1px solid #ccc;}


/* Recent Posts Styling */

.blog.box a h3 {background-color: #f90;}

.blog {padding-bottom: 10px;}

.blog li.msl-recentblogpost {
margin: 0;
border: none;
padding: 0;
}

.blog a.msl-recentblogposttitle {
display:block;
font-size:110%;
line-height:1.3em;
margin-bottom:0;
margin-top:-5px;
padding-right:40px;
}

.blog a.msl-recentblogpostblogname {
display:block;
float:right;
font-size:80%;
padding:4px 0;
line-height: 1.2em;
text-align:right;
width:110px;
}

.blog span.msl-recentblogpostdate {
border-bottom:1px solid #AAAAAA;
display:block;
font-size:70%;
margin-bottom:10px;
padding-bottom:5px;
text-align:left;
}


/* Blog List Styling */

.msl_blog {margin: 0 10px 20px;}

#column1 .msl_blog_description {
position: absolute;
right: 10px;
top: 120px;
width: 380px;
background: url(380foot.png) bottom left no-repeat #000; color: #fff; padding-bottom: 10px; margin-bottom: 10px;
z-index: 0;}

#global .msl_blog_description {
background: url(220foot.png) bottom left no-repeat #000; color: #fff; padding-bottom: 5px;
margin-top: -22px;
}

#global .msl_blog_postcount, #global .msl_blog_lastpostdate {
color: #fff;
display: block;
background: #000;
margin: 0;
padding: 2px 5px;
font-size: 70%;
} 

#global .msl_blog_postcount {padding-top: 0;}
#global .msl_blog_lastcommentdate {display: none;}
#global .msl_blog_lastpostdate {font-style: italic; margin-bottom: 15px; padding-bottom: 5px;}

#global a.msl_blog_link {font-weight:bold;position:relative;padding-left:5px;font-size: 90%;z-index: 10;}

#column1 .msl_blog_description img {
max-width: 380px;
}

#column1 .msl_blog_post_body img {
max-width: 520px;
}

#global .msl_blog_description img {
max-width: 180px; max-height: 60px;
}

#global .msl_blog_description {position: relative;}

#global .msl_blog_description p {display: none; position: absolute;  background: #eee; top: 60px; left: 0; padding: 5px; line-height: 1.2em; color: #000; font-size: 60%;}

#global .msl_blog_description:hover p {display: block; z-index: 20;}

.msl_blog_description p {padding: 10px; margin: 0;}

#column1 .msl_blog h1 {
border:medium none;
font-size:18pt;
margin:0;
padding:0;
position:absolute;
right:120px;
top:130px;
width:260px;
z-index:5;
}

/* RSS & Editing Tools */

#column1 .msl_blog .msl_blog_tools {
background:none repeat scroll 0 0 #EEEEEE;
right:-85px;
padding:5px;
position:absolute;
width:85px;
top: 120px;
}

.msl_blog_tools ul {
font-size:8pt;
margin: 0;
padding: 0;
text-align: left;
}

#column1 .msl_rss, #column1 .msl_edit {background-position: center left;}

.msl_blog_tools ul .msl_edit {font-size: 7pt;}

.msl_blog_list {padding-top: 9px;}

/* Blog Page and Blog Post Stylings */

#column1 .blog_day {
background:none repeat scroll 0 0 #EEEEEE;
border:medium none;
clear:both;
color:#333333;
font-size:70%;
font-style:italic;
left:-60px;
margin:0;
padding:5px;
position:absolute;
text-align:right;
width:60px;
}

#column1 .msl_blog_post {
background: url(540foot.png) bottom left no-repeat #fff;
padding: 10px 10px 20px;
font-size: 80%;
}

.msl_blog_post_title {border-bottom:1px solid #CCCCCC;
line-height:1.3em;
margin:0 0 10px;
padding:0 0 10px;}

.msl_blog_post_date {margin-bottom: 20px; font-size: 80%;}

.msl_blog_post_body {margin-bottom: 10px;line-height: 1.4em;}

.msl_blog_post_comments {font-style: italic; font-size: 80%;}



/* Comments */

.comment_panel {margin: 0 -10px; background: #ccc;}

.comment_panel h3 {
margin: 0;
background: url(540foot.png) top left no-repeat #FFCC00;
padding: 20px 10px 10px;
color: #000;
}

.comment_panel dl.comments dt {
border-left:1px solid #CCCCCC;
clear:both;
float:right;
margin:25px 0 20px 10px;
padding:10px 5px;
text-align:center;
width:100px;
background: none;
}

.comment_panel dl.comments dt img.avatar {
display:block;
margin:0 auto 5px;
width:50px;
}

.comment_panel dl.comments span.comment {
display:block;
padding:10px 10px 20px;
}

.comment_panel dl.comments dd {margin: 0 0 10px; background: url(540foot.png) bottom left no-repeat background: #fff; padding-bottom: 20px; min-height: 145px;}

.comment_panel dl.comments dd {border:none; background: url(540foot.png) bottom left no-repeat #fff; margin-bottom: 5px;}

dl.comments span.comment_details {
background:none repeat scroll 0 0 #EEEEEE;
color:#666666;
display:block;
font-size:70%;
padding:5px;
position:relative;
}

dl#add_comment {margin-top: 10px; margin-bottom: -40px;}

dl#add_comment dt {display: none;}

.comment_panel dl#add_comment span.comment_details {
background:none repeat scroll 0 0 #ffcc00;
padding: 0;
}

.comment_panel dl#add_comment span.comment_details h3 {
background:none;
font-size: 16px;
padding: 10px;
color: #000;
border: none;
}

.comment_panel dl#add_comment dl.comments span.comment {padding: 10px 10px 20px;}


/* Recent Comments Feed */

h3.blogcomments {margin: 0; padding: 10px; background: #fc0; color: #000;border:none;}

.blogcomments {}
.blogcomments ul {margin: 0; padding: 0; list-style: none; background: none;}

.blogcomments .msl-recentblogcomment {
background:url("180foot.png") no-repeat scroll left bottom #FFFFFF;
margin-bottom:10px;
padding-bottom:60px;
position:relative;
}

.blogcomments a.msl-recentblogcommenttitle {background:url("commenttitle.png") no-repeat scroll left bottom #FFEFB0;
color:#000000;
display:block;
font-size:90%;
font-weight:bold;
line-height:1.2em;
padding:10px 10px 40px;
}

.blogcomments a.msl-recentblogcommentblogname {padding: 10px;display: none;}

.blogcomments .msl-recentblogcommentdate {padding: 10px;display: none;}

.blogcomments a.msl-recentblogcommentername {background:url(commentperson.png) top left no-repeat #FFEFB0;
bottom:0;
color:#000000;
font-size:90%;
font-style:italic;
padding: 40px 10px 10px;
position:absolute;
text-align:right;
width:160px;
display: block;
line-height: 1.2em;
}

.blogcomments .msl-recentblogcommentcomment {padding: 5px 10px;display: block;line-height: 1.2em;font-size: 110%;}

