/****************************
***   BLOG
****************************/

body {
font-size: 76%;
}

div#mzl-blog	{
	padding-left: 15px;
	width: 860px;
	height: 449px;
overflow: hidden;
}

div#left-col	{	
	float: left;	
	width: 200px;	
}

div#blog-container	{	
	position: absolute;	
	clear: none;
	width: 615px;	
	height: 441px;	
	overflow: hidden;
	left: 240px;
        top: 0px;
}

div#blog-content	{	
	height: 310px;	
	overflow: auto;
}

div#blog-content	div.ratingblock	{
	position: absolute;
	top: -6px;
	right: 0px;
        width: 170px;
height: 28px;
font-size: 0.9em;
}

div#comments-count,
div#comments-no-comments	{
	position: absolute;
	bottom: 20px;
	right: 0px;
}

div#blog-navigation   {
  background: url(/img/blog/articles-bg.gif) 0 0 no-repeat;
width: 200px;
overflow: hidden;
}
div#blog-navigation-links {
height: 50px;
width: 200px;
position: relative;
background: url(/img/blog/article-footer.gif) 0 0 no-repeat;
}

div#blog-navigation   ul  {
list-style: none;
padding: 0;
margin: 0;
width: 175px;
position: relative;
left: 10px;
top: 15px;
}
div#blog-navigation   ul  li {
color: #999999;
padding-top: 3px;
padding-bottom: 3px;
font-size: 0.9em;
clear: both;
}
div#blog-navigation   ul  li a {
color: #000000;
font-size: 1.1em;
}


div.article-body {
height: 294px;
}

div#blog-navigation h3  {
width: 67px;
height: 15px;
display: block;
position: relative;
overflow: hidden;
left: 10px;
top: 10px;
}

span.rep {
position: absolute;
width: 100%;
height: 100%;
}a	span.rep {	cursor: pointer;	cursor: hand;}

div#blog-navigation h3 span  {
 background: url(/img/blog/h3-articles.gif) 0 0 no-repeat;
}

div#blog-navigation-links a {
position: absolute;
bottom: 25px;
display: block;
height: 18px;
}

div#blog-navigation-links a.old {
width: 55px;
left: 10px;
}
div#blog-navigation-links a.old span {
background: url(/img/blog/old.gif) 0 0 no-repeat;
}
div#blog-navigation-links a.new {
width: 61px;
right: 10px;
}
div#blog-navigation-links a.new span {
background: url(/img/blog/new.gif) 0 0 no-repeat;
}

div.post h2 {
font-size: 1.65em;
width: 420px;
}
div.post p.blog-info {
color: #999999;
}

img.alignleft {
float: left;
clear: none;
}

div#email-signup {
margin-top: 15px;
width: 200px;
height: 65px;
background: url(/img/blog/signup-bg.jpg) 0 0 no-repeat;
display: none;
}

div#email-signup form {
width: 180px;
margin: auto;
padding-top: 15px;

}

div#email-signup form input#inpEmails {
 width: 150px;
}

div#email-signup p.head {
width: 140px;
height: 16px;
position: relative;
padding: 0px;
margin: 0px;
left: 10px;
top: 9px;
}
div#email-signup p.head span {
background: url(/img/blog/newsletter.gif) 0 0 no-repeat;
}
div#email-signup p.response {
position: relative;
top: 10px;
left: 10px;
font-size: 0.8em;
}

div#blog-content p { font-size: 1.1em; }



ol.commentlist {
padding: 0;
margin: 0;
width: 550px;
}
ol.commentlist li {
padding: 6px;
margin-top: 4px;
margin-bottom: 4px;
border: 1px dotted #CFCFCF;
}
ol.commentlist li.even {

background-color: #F1F1F1;
}

div.vcard {
 width: 530px;
float: left;
display: block;
padding-bottom: 4px;
margin-bottom: 6px;
overflow: hidden;
border-bottom: 1px dotted #CFCFCF;
}
div.comment-author {
 float: left;
clear: none;
width: 300px;
display: block;

}
div.commentmetadata {
float: left; 
clear: none;
width: 220px;
display: block;
text-align: right;
padding-top: 22px;

}

div#blog-content ol.commentlist li p {
clear: both;
font-size: 1em;
}

form#commentform {
width: 530px;
}

form#commentform textarea {
 width: 550px;
height: 130px;
}


div#mzl-blog div#share-subscribe {
top: 14px;
position: relative;
width: 330px;
height: 60px;
display: none;
}

div#mzl-blog div#share-links,
div#mzl-blog div#subscribe-links {
background-color: transparent;
width: 580px;
height: 195px;
position: absolute;
top: 200px;
left: 0px;
bottom: 25px;
display: none;
}


div#mzl-blog div#share-links p,
div#mzl-blog div#subscribe-links p {
position: relative;
top: 25px;
left: 52px;
margin-bottom: 0px;
}


* html div#mzl-blog div#share-links,
* html div#mzl-blog div#subscribe-links {
background-image: url(/img/blog/blog_share.gif);
}

div#mzl-blog div#share-links,
div#mzl-blog div#subscribe-links {
background-image: url(/img/blog/blog_share.png);
}



div.share-subscribe ul {
 padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
position: absolute;
left: 50px;
top: 55px;
}
div.share-subscribe ul li {

margin: 5px;
margin-top: 2px;

padding-left: 18px;
height: 16px;
width: 80px;
display: block;
float: left;
clear: none;
background: url(/img/blog/icons.gif) 0 0 no-repeat;
}

div.share-subscribe ul li a {
 display: block;
padding-top: 2px;
height: 16px;
font-weight: normal;
}


div.share-subscribe ul li.google { background-position: 0px -16px; }
div.share-subscribe ul li.reddit { background-position: 0px -144px; }
div.share-subscribe ul li.msn,
div.share-subscribe ul li.live { background-position: 0px -48px; }
div.share-subscribe ul li.linkedin { background-position: 0px -32px; }
div.share-subscribe ul li.delicious { background-position: 0px -128px; }
div.share-subscribe ul li.digg { background-position: 0px -128px; }
div.share-subscribe ul li.twitter { background-position: 0px -64px; }
div.share-subscribe ul li.yahoo { background-position: 0px -80px; }
div.share-subscribe ul li.slashdot { background-position: 0px -160px; }
div.share-subscribe ul li.stumbleupon { background-position: 0px -96px; }
div.share-subscribe ul li.technorati{ background-position: 0px -112px; }
div.share-subscribe ul li.netvibes { background-position: 0px -176px; }
div.share-subscribe ul li.bloglines { background-position: 0px -192px; }
div.share-subscribe ul li.rss { background-position: 0px -208px; }
div.share-subscribe ul li.aol { background-position: 0px -224px; }

div.share-subscribe a.close {
 width: 20px;
height: 20px;
position: absolute;
display: block;
top: 25px;
right: 50px;
}

div#mzl-blog div#share-links p,
div#mzl-blog div#subscribe-links p {
margin: 0;
padding: 0;
}

span.date-pub {
float: left;
}

span.small-rating {
width: 51px;
height: 12px;
float: left;
clear: none;
margin-left: 3px;
}

.bl-0 {
background: url(/img/blog/0stars.jpg) 0 0 no-repeat;
}

.bl-1 {

background: url(/img/blog/1star.jpg) 0 0 no-repeat;

}

.bl-2 {
background: url(/img/blog/2stars.jpg) 0 0 no-repeat;

}

.bl-3 {

background: url(/img/blog/3stars.jpg) 0 0 no-repeat;

}

.bl-4 {
background: url(/img/blog/4stars.jpg) 0 0 no-repeat;

}

.bl-5 {
background: url(/img/blog/5stars.jpg) 0 0 no-repeat;
}

div.no-js-nav-links {
height: 270px;
}