* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

* { margin:0; padding:0; }

body { font-family:'Roboto',Arial,sans-serif; color:#070707; font-size:14px; line-height:24px; width:300px; overflow:hidden; }

a { color:#646464; text-decoration:none; }
a:hover { text-decoration:none; }

a img { border:0; }

.logo { display:block; background:url(i/logo.png) no-repeat 0 50%; width:100%; height:38px; margin:0 0 5px 0; }
.title { color:#666; font-weight:normal; }

.widget-content { float:left; background:#fff; width:300px; height:250px; min-height:250px; overflow:hidden; border:1px solid #000; padding:5px; }

.slideshow { float:left; width:100%; }

.lt-ie8 .widget-content { overflow:hidden; width:99%; }
.lt-ie8 .widget-content .slide a { overflow:hidden; width:99%; }

#pager { position:absolute; right:0; top:-44px; height:38px; list-style:none; float:left; }
#pager li { list-style:none; float:left; }
#pager li a { cursor:pointer; list-style:none; float:left; display:block; width:10px; height:38px; margin-left:5px; }
#pager li.cycle-pager-active a, #pager li a:hover { background:url(i/dot-red.png) no-repeat 50% 50%; }

.round { background:url(i/dot-black.png) 50% 50% no-repeat; overflow:hidden; text-indent:-9999px; }

.slide { background:#fff url(i/vert-pix.gif) repeat-y 50%; }
.slide .slide-post { position:relative; width:130px; height:195px; float:left; }
.slide .slide-post a { position:relative; display:block; float:left; }
.slide .slide-post a img { display:block; float:left; }
.slide .slide-post a .title { position:absolute; left:0; right:0; bottom:0; background:#000; background:rgba(0,0,0,0.7); color:#fff; padding:3px 8px; font-weight:300; font-size:14px; line-height:18px; }
.slide .slide-post-even { margin-left:26px; }