zenbackブログパーツのid/class構造ならびにcssは以下の通りとなっております。 cssを書く際の参考になさってください。

※2011/08/05 アップデートしました。


<div id="fb-root"></div>
<div class="zenback">
  <div class="zenback-socialbar zenback-module">
    <div class="zenback-socialbtn zenback-nodesign">
      <div class="zenback-socialbar-twitter">
        <a href="http://twitter.com/share" class="twitter-share-button" data-url="【ここに元記事のURL】" data-count="none" data-via="zenback" data-lang="en">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="utf-8"></script>
        <span class="zenback-socialbar-twitter-count-element">
          <button type="button">【ここにツイート数】</button>
        </span>
      </div>
      <div class="zenback-socialbar-hatebu">
        <a href="http://b.hatena.ne.jp/entry/【ここに元記事のURL】" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加">
        <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" />
        </a>
        <script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
      </div>
      <div class="zenback-socialbar-mixicheck">
        <a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="" data-url="【ここに元記事のURL】" data-button="button-1">Check</a>
        <script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
      </div>
      <div class="zenback-socialbar-evernote">
        <script type="text/javascript" src="http://static.evernote.com/noteit.js"></script>
        <a href="#" onclick="url:'【ここに元記事のURL】'">
        <img src="http://static.evernote.com/article-clipper-jp.png" alt="Clip to Evernote" />
        </a>
      </div>
      <div class="zenback-socialbar-google-plusone">
        <div class="g-plusone" data-size="medium" data-count="true"></div>
      </div>
      <div class="zenback-socialbar-facebook">
        <fb:like href="【ここに元記事のURL】" send="true" layout="button_count" width="200" show_faces="false" font=""></fb:like>
      </div>
    </div>
  </div>
  <div class="zenback-entries zenback-module">
    <div class="zenback-heading">
      <span>関連記事</span>
    </div>
    <ul class="zenback-list">
      <li>
        <a href="【ここに関連記事のURL】">【ここに関連記事のタイトル】</a>
      </li>
    </ul>
  </div>
  <div class="zenback-links zenback-module" style="display:block !important; height:auto !important; visibility:visible !important;">
    <div class="zenback-heading">
      <span>関連リンク</span>
    </div>
    <ul class="zenback-list">
      <li>
        <a href="【ここに関連リンクのURL】">【ここに関連リンクのタイトル】</a>
      </li>
    </ul>
  </div>
  <div class="zenback-keywords zenback-module" style="display:block !important; height:auto !important; visibility:visible !important;">
    <div class="zenback-heading">
      <a href="http://zenback.itmedia.co.jp/" target="_blank">
        <span>関連キーワード</span>
      </a>
    </div>
    <ul class="zenback-list">
      <li>
        <a href="【ここにzenbackキーワーズのリンク】" target="_blank">【ここにキーワード】</a>
      </li>
    </ul>
  </div>
  <div id="zenback-news" style="display:block !important; height:auto !important; visibility:visible !important;">
  <img src="http://zenback.jp/_p/images/icon-newstitle.png" alt="zenback" class="newstitle" />
    <div class="zenback-newslist" style="display:block !important;">
      <div class="zenback-newsitem" style="display:block !important;">
        <span class="zenback-newsdate">【ここにzenbackからのお知らせの日付】</span>
        <a href="【ここにzenbackからのお知らせのURL】" target="_blank">【ここにzenbackからのお知らせのタイトル】</a>
      </div>
    </div>
  </div>
<br />
  <div class="zenback-twitter zenback-module">
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="utf-8"></script>
    <div class="zenback-heading">
      <span>Twitter
        <em>(最新 【ここにzenbackが収集したツイート数】)</em>
      </span>
    </div>
    <ul class="zenback-list zenback-nodesign" style="display:block !important; height:auto !important; visibility:visible !important; border-top:1px solid #44c2e4 !important;">
      <li >
      <img class="zenback-twitter-icon" src="【ここにTwitterアイコン画像】" alt="" height="50" width="50" />
        <a href="【ここにTwitterユーザアカウントへのリンク】" target="_blank" class="zenback-twitter-name">【ここにTwitterユーザ名】</a>【ここにツイートの内容】 -
        <a href="【ここに元記事のURL】" rel="nofollow">【ここに元記事のURL】...</a>
        <span class="zenback-itemdate">
          <a href="【ここにツイートへのリンクURL】" target="_blank">【ここにツイートの日付】</a>
        </span>
        <span class="web-intents">
          <a href="【返信ボタン】">
          <img src="http://si0.twimg.com/images/dev/cms/intents/icons/reply.png" alt="reply" />
          </a>
        </span>
        <span class="web-intents">
          <a href="【RTボタン】">
          <img src="http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png" alt="retweet" />
          </a>
        </span>
        <span class="web-intents">
          <a href="【お気に入り追加ボタン】">
          <img src="http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png" alt="favorite" />
          </a>
        </span>
      </li>
    </ul>
    <p class="zenback-morereadbtn">
      <a href="javascript:void(0)" class="zenback-moreread-twitter" onClick="">もっとみる</a>
    </p>
    <div class="zenback-powered-topsy">
      <span>
        <a href="http://topsy.com/" >
        <img src="http://corp.topsy.com/wp-content/uploads/2010/10/powered_v3_92.png" width="92" height="15" />
        </a>
      </span>
    </div>
  </div>
  <script type="text/javascript" charset="utf-8"></script>
  <div class="zenback-hatebu zenback-module">
    <div class="zenback-heading">
      <a href="http://b.hatena.ne.jp/entry/【ここに元記事のURL】" target="_blank">
        <span>はてなブックマーク
          <em>(総数 【ここにブックマーク数】)</em>
        </span>
      </a>
    </div>
    <p class="zenback-morereadbtn" style="display:none;">
      <a href="javascript:void(0);" onClick="">もっとみる</a>
    </p>
  </div>
  <div class="zenback-facebook zenback-module">
    <div class="zenback-heading">
      <a href="http://www.facebook.com/" target="_blank">
        <span>Facebook</span>
      </a>
    </div>
    <ul class="zenback-list">
      <li id="zenback-facebook-face"></li>
      <li id="zenback-facebook-comments"></li>
    </ul>
  </div>
  <div class="zenback-powered">
    <span>
      <a href="http://sixapart.jp/zenback/" target="_blank">
      <img src="http://zenback.jp/_p/images/poweredby.gif?v=8eb9c" alt="Powered by zenback" />
      </a>
    </span>
  </div>
</div>


/*
zenback default style
----------------------------------------------------------------------*/
.zenback {
    font-size:13px;
    padding:12px 0;
    line-height:18px;
}
.zenback .zenback-module{
    clear:both;
    padding-bottom:12px;
}
.zenback .zenback-heading{
    font-size:14px;
    margin:0 0 0 10px;
    padding-left:23px;
    float:left;
    display:inline;
}
.zenback .zenback-entries .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-article.png?v=86b06) 0 center no-repeat #7fc527;
}
.zenback .zenback-links .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-link.png?v=c4ac4) 0 center no-repeat #b0c906;
}
.zenback .zenback-mixi .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/mixi_icon.png?v=26695) 4px center no-repeat #f5b868;
}
.zenback .zenback-evernote .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/evernote_icon.png?v=a2195) 4px center no-repeat #7fc527;
}
.zenback .zenback-referrer .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-referrer.png?v=899ac) 0 center no-repeat #d3be5d;
}
.zenback .zenback-keywords .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-key.png?v=be6c2) 0 center no-repeat #C58E68;
}
.zenback .zenback-facebook .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/facebook_icon.png?v=f82ea) 4px center no-repeat #3B5998;
}

.zenback .zenback-entries ul {
    border-top:1px solid !important;
    border-top-color:#7fc527 !important;
    padding-top:7px !important;
}
.zenback .zenback-links ul {
    border-top:1px solid !important;
    border-top-color:#b0c906 !important;
    padding-top:7px !important;
}
.zenback .zenback-referrer ul {
    border-top:1px solid !important;
    border-top-color:#d3be5d !important;
    padding-top:7px !important;
}
.zenback .zenback-keywords ul {
    border-top:1px solid !important;
    border-top-color:#C58E68 !important;
    padding-top:7px !important;
}
.zenback .zenback-keywords ul:after {
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    font-size:0.1em;
    line-height:0;
    clear:both;
}
.zenback .zenback-facebook ul {
    border-top:1px solid !important;
    border-top-color:#3B5998 !important;
    padding-top:7px !important;
}
.zenback .zenback-facebook ul:after {
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    font-size:0.1em;
    line-height:0;
    clear:both;
}

.zenback img {
    border:none !important;
}
.zenback .zenback-pending{
  background:#f6f6f6 !important;
  text-align:center !important;
  margin:0 0 10px 0 !important;
  color:#555 !important;
  padding:5px 0 !important;
  clear:both !important;
  border-top:1px solid !important;
    border-top-color:#7fc527 !important;
}
.zenback .zenback-keywords-pending {
  background:#f6f6f6 !important;
  text-align:center !important;
  margin:0 0 10px 0 !important;
  color:#555 !important;
  padding:5px 0 !important;
  clear:both !important;
  border-top:1px solid !important;
    border-top-color:#C58E68 !important;
}
.zenback .zenback-heading span {/* tab */
    color:#ffffff !important;
    padding:2px 5px 0 !important;
    line-height:170% !important;
    font-weight:bold !important;
    vertical-align:middle !important;
    display:block !important;
    float:left !important;
    border-left:1px solid #fff !important;
}
.zenback .zenback-entries .zenback-heading span{
    background:#7fc527 !important;
}
.zenback .zenback-links .zenback-heading span{
    background:#b0c906 !important;
}
.zenback .zenback-mixi .zenback-heading span{
    background:#f5b868 !important;
}
.zenback .zenback-evernote .zenback-heading span{
    background:#7fc527 !important;
}
.zenback .zenback-referrer .zenback-heading span{
    background:#d3be5d !important;
}
.zenback .zenback-keywords .zenback-heading span{
    background:#C58E68 !important;
}
.zenback .zenback-facebook .zenback-heading span {
    background:#3B5998 !important;
}
.zenback .zenback-module ul {
    padding:5px 10px 0 10px !important;
    margin:0 0 10px 0 !important;
    clear:both !important;
    word-wrap:break-word !important;
    zoom:1 !important;
}
.zenback li {
    list-style:none !important;
    /*display:block !important;*/
    text-align:left !important;
    float:none !important;
}
.zenback ul.zenback-list {
    zoom:1;
    margin:0 !important !important;
}
.zenback ul.zenback-list li {/* icon list */
  /*
    padding-left:24px !important;
    margin-bottom:5px !important;
    background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/icon-listmark.gif?v=31a7b) no-repeat 0 3px !important;
    */
}
.zenback .zenback-entries ul.zenback-list li {
  padding-left:24px !important;
    margin-bottom:5px !important;
    background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/icon-listmark.gif?v=31a7b) no-repeat 0 3px !important;
}
.zenback .zenback-links ul.zenback-list li {
  padding-left:24px !important;
    margin-bottom:5px !important;
    background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/icon-listmark-link.gif?v=08139) no-repeat 0 3px !important;
}
.zenback .zenback-referrer ul.zenback-list li {
    background: none !important;
    padding-left:0 !important;
}
.zenback .zenback-referrer ul.zenback-list li img{
    margin:0 3px 0 0!important;
}

.zenback .zenback-keywords ul.zenback-list li {
    float:left !important;
    padding-left:15px !important;
    padding-right:5px !important;
    /*background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/key.png?v=3b51a) no-repeat 0 3px !important;*/
  background: #ebebeb !important;
  margin: 0 8px 8px 0 !important;
  padding: 2px 10px 2px !important;
  border: 1px solid #fff !important;
  -moz-box-shadow: 3px 3px #b2b2b2;
  -webkit-box-shadow:3px 3px #b2b2b2;
    box-shadow:3px 3px #b2b2b2;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength=3, direction=135, color='#b2b2b2');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3, Direction=135, Color='#b2b2b2')";
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}
.zenback .zenback-keywords ul.zenback-list li:hover {
  background: #cbcbcb !important;
}
.zenback .zenback-keywords ul.zenback-list li a{
  color:#1e3bf7 !important;
  text-decoration:none !important;
  background:none !important;
}
.zenback .zenback-keywords ul.zenback-list li a:hover {
  color:#1e3bf7 !important;
  text-decoration:none !important;
  background: #cbcbcb !important;
}

.zenback li img {
    margin-right:3px !important;
    vertical-align:middle !important;
}
/* more read */
.zenback .zenback-morereadbtn{
    text-align:center !important;
    border:1px solid #c5c5c5 !important;
}
.zenback .zenback-morereadbtn a{
    display:block !important;
    padding:3px 0 !important;
}
.zenback .zenback-morereadbtn a:hover{
}

.zenback-itemdate {
  font-size:11px;
  color:#999;
}

/* powerd by */
.zenback .zenback-powered {
        border-top-style:solid;
    border-top-width:1px;
    border-top-color:#7fc527;
        padding:0;
    text-align:right;
    zoom:1;
  display:block; 
  height:auto; 
  visibility:visible; 
}
.zenback .zenback-powered:after {
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    font-size:0.1em;
    line-height:0;
    clear:both;
}
.zenback .zenback-powered span {
    background-color:#7fc527;   color:#ffffff;
    padding:0.3em 0.4em;
    font-weight:bold;
    display:block;
    float:right;
}
.zenback .zenback-powered span img {
    vertical-align: middle;
    padding: 0px !important;
    margin: 0px !important;
}


/* start of the 'powered by topsy' */
.zenback .zenback-powered-topsy {
    padding: 0;
    text-align: right;
    zoom: 1;
  display: block !important; 
  height: auto !important; 
  visibility: visible !important;
}

.zenback .zenback-powered-topsy:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.zenback .zenback-powered-topsy span {
    color: #ffffff !important;
    padding: 0.3em 0.4em !important;
    font-weight: bold !important;
    display: block !important;
    float: right !important;
}

.zenback .zenback-powered-topsy span img {
    vertical-align: middle;
    margin: 0px !important;
    padding: 0px !important;
}
/* end of the 'powered by topsy' */


.zenback-hatebu,.zenback-twitter{
}
/* Twitter hatebu common */
.zenback .zenback-hatebu .zenback-social .zenback-heading,.zenback .zenback-twitter .zenback-heading{
}
.zenback .zenback-heading a{
    background:none !important;
    text-decoration:none !important;
}
.zenback .zenback-hatebubtn, .zenback .zenback-twitterbtn, .zenback .zenback-mixibtn, .zenback .zenback-evernotebtn, .zenback .zenback-facebookbtn {
    clear:both;
    padding:5px 0 !important;
    margin:0 0 5px 0 !important;
    background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/line-dashed.gif?v=435f8) 0 bottom repeat-x;
    text-align:center;
}

.zenback .zenback-hatebubtn a,
.zenback .zenback-heading a,
.zenback .zenback-twitterbtn a,
.zenback .zenback-mixibtn a,
.zenback .zenback-facebookbtn a {
    text-decoration:none;
}

.zenback .zenback-hatebubtn img,.zenback .zenback-twitterbtn img{
  vertical-align:bottom !important;
}
.zenback .zenback-headingwrap{
    display:inline;
}
/* Twitter */
.zenback .zenback-twitter .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-twitter.gif?v=11fc1) 3px center no-repeat #44c2e4;
}
.zenback .zenback-twitter .zenback-heading span {
    background-color:#44c2e4;
}
.zenback .zenback-twitter .zenback-heading span em{
    font-weight:normal !important;
    font-style:normal !important;
    font-size:86% !important;
    text-align:right !important;
    margin:0 !important;
    padding:0 !important;
    text-decoration:none !important;
}
.zenback .zenback-twitterbtn{
    border-top:1px solid #44c2e4;
}
.zenback .zenback-twitter-name {
    margin-right:5px;
}
.zenback .zenback-twitter-status {
    clear: both;
} 
.zenback-twitter ul.zenback-list li {
    margin-bottom:5px !important;
    background:none !important;
    padding-left:0 !important;
}
/* Twitter design */
.zenback .zenback-twitter ul{
    /*border-top:1px solid #44c2e4 !important;*/
    padding-top:5px !important;
    /*color:#000 !important;*/
}
.zenback-twitter ul.zenback-nodesign li {
    min-height:48px !important;
    margin-bottom:10px !important;
    padding-bottom:7px !important;
    border-bottom:1px solid #eeeeee !important;
    padding:0 0 5px 0 !important;
    text-indent:0 !important;
}
* html .zenback-twitter ul.zenback-nodesign li {
    height:48px !important;
}
.zenback-twitter ul.zenback-nodesign li img.zenback-twitter-icon {
    float: left !important;
    margin: 0px 5px 0px 0px !important;
}
.zenback-twitter ul.zenback-nodesign li a {
    text-decoration:underline !important;
    font-weight:normal !important;
    background:none !important;
    font-style:normal !important;
    color:#0000FF !important;
}
.zenback-twitter ul.zenback-nodesign li a:hover {
    text-decoration:none !important;
    background:none !important;
    font-weight:normal !important;
    background:none !important;
    font-style:normal !important;
}
.zenback-twitter ul.zenback-nodesign li .zenback-itemdate a{
    font-size:11px !important;
    color:#999 !important;
    text-decoration:none !important;
    font-weight:normal !important;
    font-style:normal !important;
    background:none !important;
    padding:0 !important;
}
.zenback-twitter ul.zenback-nodesign li .zenback-itemdate a:hover {
    text-decoration:underline !important;
    color:#999 !important;
    font-weight:normal !important;
    font-style:normal !important;
    background:none !important;
}
.zenback-twitter ul.zenback-nodesign li .web-intents img {
  float: none !important;
  margin: 0px !important;
  padding: 0px !important;
  display: inline !important;
}

/* hatebu */
.zenback .zenback-hatebu .zenback-heading {
    background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-hatebu.gif?v=0e165) 3px center no-repeat #5279e7;
}
.zenback .zenback-hatebu .zenback-heading span {
    background-color:#5279e7 !important;
}
.zenback .zenback-hatebu .zenback-heading span em{
    font-weight:normal !important;
    font-style:normal !important;
    font-size:86% !important;
    text-align:right !important;
    margin:0 !important;
    padding:0 !important;
    text-decoration:none !important;
}
.zenback .zenback-hatebubtn{
    border-top:1px solid #5279e7 !important;
}
.zenback .zenback-hatebu ul {
    /*border-top:1px solid #5279e7 !important;*/
    padding-top:5px !important;
    color:#000 !important;
}
.zenback .zenback-hatebu ul li{
    margin-bottom:5px !important;
}
/* hatebu design */
.zenback-hatebu ul.zenback-nodesign {
    background:#edf1fd !important;
    margin:0 0 5px 0 !important;
    padding:5px 10px 5px 10px !important;
}
.zenback-hatebu ul.zenback-nodesign li {
    font-size:85% !important;
    margin-bottom:2px !important;
    background:none !important;
    padding-left:0 !important;
}
.zenback-hatebu ul.zenback-nodesign li img {
    vertical-align: middle !important;
    margin: 0px !important;
    padding: 0px !important;
}
.zenback-hatebu ul.zenback-nodesign .zenback-hatebu-date {
    margin-right:3px;
}
.zenback-hatebu ul.zenback-nodesign .zenback-hatebu-name {
    margin-right:3px;
}
.zenback-hatebu ul.zenback-nodesign .zenback-hatebu-tag {
    font-size:80%;
    margin-right:3px;
}
.zenback-hatebu ul.zenback-nodesign a {
    text-decoration:underline !important;
    font-weight:normal !important;
    background:none !important;
    font-style:normal !important;
    color:#0000FF !important;
}
.zenback-hatebu ul.zenback-nodesign a:hover {
    text-decoration:none !important;
    background:none !important;
    font-weight:normal !important;
    background:none !important;
    font-style:normal !important;
}


/* socialbar */
.zenback .zenback-socialbar .zenback-heading {
    background: url(images/icon-social.gif) 3px center no-repeat #5279e7 !important;
}
.zenback .zenback-socialbar .zenback-heading span {
    background-color: #5279e7 !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div {
  float: left !important;
  height: 30px !important;
}
.zenback .zenback-socialbar .zenback-socialbtn:after {
    content: "." !important;
    display: block !important;
    visibility: hidden !important;
    height: 0.1px !important;
    font-size: 0.1em !important;
    line-height: 0 !important;
    clear: both !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter iframe {
  float: left !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter-count {
  list-style-type: none !important;
  background: none !important;
  position: relative !important;
  float: left !important;
  padding: 0px 5px 0px 0px !important;
  margin: 0px !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div span.zenback-socialbar-twitter-count-element {
  float: left !important;
  background-image: url(http://hakoniwa.zenback.jp:9002/_p/images/tweet.png?v=fb705) !important;
  background-position: 0px -145px !important;
  height: 20px !important;
  padding: 0px 0px 0px 8px !important;
  margin: 0px 0px 0px 3px !important;
  position: relative !important;
}

.zenback .zenback-socialbar .zenback-socialbtn div span.zenback-socialbar-twitter-count-element button {
  background: transparent url(http://hakoniwa.zenback.jp:9002/_p/images/tweet.png?v=fb705) !important;
  background-position: right -145px !important;
  height: 20px !important;
  min-width: 26px !important;
  width: 50px !important;
  padding: 0px 4px 0px 0px !important;
  margin: 0px -1px 0px 0px !important;
  position: relative !important;
  display: block !important;
  font: bold 12px Arial,Helvetica,sans-serif !important;
  color: #2A7090 !important;
  overflow: visible !important;
  border: none !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter-follow {
  clear: both !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-hatebu {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-mixicheck {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-evernote {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-facebook {
}


/* socialbar design */
.zenback-socialbar div.zenback-nodesign {
  margin: 0px !important;
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important; 
  padding-left: 10px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-twitter {
  margin: 0px !important;
  padding-top: 0px !important;
  padding-right: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-twitter iframe {
  margin: 0px !important;
  padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-twitter span {
  margin: 0px !important;
  padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-hatebu {
  margin: 0px !important;
  padding-top: 0px !important; 
  padding-right: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-hatebu iframe {
  margin: 0px !important;
  padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck {
  margin: 0px !important;
  padding-top: 0px !important;
  padding-right: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck a {
  margin: 0px !important;
  padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck a:hover {
    background: none !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck img {
  vertical-align: middle !important;
  margin: 0px !important;
  padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote {
  margin: 0px !important;
  padding-top: 0px !important;
  padding-right: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote a {
  margin: 0px !important;
  padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote a:hover {
    background: none !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote img {
  vertical-align: middle !important;
  margin: 0px !important;
  padding: 0px !important;
}
/* TODO: */
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-google-plusone {
  margin: 0px !important;
  padding-top: 0px !important;
  padding-right: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  vertical-align: middle !important;
  /*
  width: 100% !important;
  */
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-facebook {
  margin: 0px !important;
  padding-top: 0px !important;
  padding-right: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-facebook iframe {
  margin: 0px !important;
  padding: 0px !important;
}


/*
zenback-news
----------------------------------------------------------------------*/
.zenback #zenback-news{
    border:3px solid #80c527;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin-bottom:12px;
    position:relative;
    margin-top:20px;
}
.zenback #zenback-news .newstitle{
    position:absolute;
    top:-24px;
    left:-3px;
}
* html .zenback #zenback-news .newstitle{
    top:-21px
}
*+html .zenback #zenback-news .newstitle{
    top:-21px;
}
.zenback #zenback-news .zenback-newslist{
    padding:5px 10px;
    margin:0;
}
.zenback #zenback-news .zenback-newslist .zenback-newsitem{
    padding:0;
    margin:5px 0;
}
.zenback #zenback-news .zenback-newslist .zenback-newsdate{
    padding:3px 10px 3px 0;
}
.zenback #zenback-news .zenback-newslist .zenback-newsdate img {
    vertical-align: middle !important;
    margin: 0px !important;
    padding: 0px !important;
}
/*
zenback customize style
----------------------------------------------------------------------*/
/* module background color */
.zenback {
}
/* title color */
.zenback .zenback-heading span, .zenback .zenback-powered span {
    color:#ffffff;
}
/* title background color */
.zenback .zenback-heading {
    border-bottom-color:#7fc527;
}
.zenback .zenback-entries .zenback-heading span,
.zenback .zenback-entries .zenback-heading {
    background-color: #7fc527;
}
.zenback .zenback-entries ul {
    border-top-color:#7fc527;
}
.zenback .zenback-links .zenback-heading span,
.zenback .zenback-links .zenback-heading {
    background-color:#b0c906;
}
.zenback .zenback-links ul {
    border-top-color:#b0c906;
}
.zenback .zenback-referrer .zenback-heading span,
.zenback .zenback-referrer .zenback-heading {
    background-color:#d3be5d;
}
.zenback .zenback-referrer ul {
    border-top-color:#d3be5d;
}
.zenback .zenback-keywords .zenback-heading span,
.zenback .zenback-keywords .zenback-heading {
    background-color:#C58E68;
}
.zenback .zenback-keywords ul {
    border-top-color:#C58E68;
}
.zenback .zenback-facebook .zenback-heading span,
.zenback .zenback-facebook .zenback-heading {
    background-color:#3B5998;
}
.zenback .zenback-facebook ul {
    border-top-color:#3B5998;
}
.zenback .zenback-powered {
    border-top-color:#7fc527;}
.zenback .zenback-heading span, .zenback .zenback-powered span {
    background-color:#7fc527;}