/* 無名小站 2012 最後版樣式 — 網誌頁
 *
 * 這個檔是 tools/build-css2012.mjs 產生的，**請不要手改**——
 * 改了下次重建就會被蓋掉。要調整請改 assets_src2/css/ 底下的來源，或改建置腳本。
 *
 * 內容是無名當年的原始 CSS，只把 url(…) 改指到 /img/wretch2012/。
 * 版型是網誌預設版型 skin 1/117（檔頭寫「無名小站預設樣式，使用者可以亂改」）。
 * 總寬 750px＝主欄 #content 530 + 側欄 #links 200 + 間距 20。
 * 出處見 assets_src2/spec/skin.md 與 assets_src2/spec/blog.md。
 */
/* ===== blog/css/top.css（版型之前先載）  <css/blog_top.css> ===== */
.trackback_a { cursor: hand; }
.mapwidth { width: 100%; height: 400px; }
.calendar2{ height:240px; }
.history{zoom:1;}
.history:after {content: "."; display:block; height:0 ; clear:both; visibility:hidden}
.history_title{float:left;}
.history_articles{float:left}
.cmt_floor_hide{color: blue; margin-bottom: .5em; display:none}
.cmt_floor{float:right;}


/* ===== 網誌預設版型 skin 1/117  <css/blog_default_skin117_afuuu_blog.css> ===== */
/*
無名小站預設樣式，使用者可以亂改
*/

body {
	
	margin: 0px;
	font: .8em Arial;
}
/* container
--------------------------*/

#container1 {
	margin: 0px auto;
	width: 750px;
}
/* banner
--------------------------*/
#banner {
	background: url(/img/wretch2012/skin117/banner.gif) no-repeat top left;
	margin-bottom: 20px;
	height: 120px;
}
#pageheader {
	padding-left: 20px;
}
#banner h1 {
	margin-top: 0px;
}
#banner h1 a {
	color: #777;
}
#banner h1 a:hover {
	color: #333;
	text-decoration: none;
}
#description2 .description{
display:block;
width:730px;
height:60px;
overflow:auto;
}

/* content
--------------------------*/
#content {
	width: 530px;
	float: left;
}
#content a {
	color: #547F8F;
}
#content a:hover {
	color: #2B5D70;
	text-decoration: none;
}
.date {
	background: url(/img/wretch2012/skin117/date.gif) no-repeat top left;
	font-size: 20px;
	letter-spacing: -1px;
	text-align: right;
	padding-top: 5px;
	height: 25px;
	padding-right: 25px;
}
.blogbody {
	background: url(/img/wretch2012/skin117/blogbody.gif) no-repeat bottom left;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blogbody2 {
	background: #ddd;
}
.articletext {
	padding: 5px 20px 0px 20px;
}
.posted {
	text-align: center;
}
.title {
	margin-top: 0px;
}
/* comments
--------------------------*/
.total-comments-div {
	width: 300px;
	margin-left: 30px;
}
.comments-head {
	border-bottom: 1px solid black;
	font-weight: bold;
	margin-top: 15px;
}
.comments-body {
	background: #e6e6e6;
}
.comments-post {
	font-size: 10px;
	color: #777;
	text-align: right;
}
.total-comments-div form {
	margin: 0px;
}
#text {
	width: 80%;
}

/* links
--------------------------*/
#links {
	width: 200px;
	float: right;
}
#links a {
        display:block;
	color: #728A3E;
	width: 173px;
	text-decoration: none;
	background: #e5e5e5;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	padding: 2px 5px 2px 10px;
}
#links a:hover {
	color: #4381A1;
	background: #fff;
}
#links br {display: none;}


.sidetitle {
	background: url(/img/wretch2012/skin117/box.gif) no-repeat top left;
	height: 19px;
	padding: 11px 20px 0px 20px;
	font-weight: bold;
	letter-spacing: 2px;
}
#boxProfile, #boxSlideShow, #boxNewArticle, #boxCategory, #boxDate, #boxSearch, #scupioSearch, #boxNewComment, #boxRssList, #boxNewTrackback, #boxFolder, #boxCounter {
	background: url(/img/wretch2012/skin117/box1.gif) no-repeat bottom left;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.side {
	background: #eee;
	border: 6px solid #fff;
	border-bottom: 0px;
	border-top: 2px solid #fff;
}
#boxSearch form {
	margin-bottom: 0px;
}

/* links detail
--------------------------*/
#links .calendar a,
#links #boxSlideShow a,
#links .syndicate a ,
#links .powered a ,
#links .sidetitle a {
	display: inline;
	background: transparent;
	border: 0px;
}
.calendar {
	font-size: 12px;
	background: url(/img/wretch2012/skin117/calendar.gif) no-repeat top left;
	width: 200px;
	height: 200px;
	margin-bottom: 20px;
}
.calendar .calendar {
	background: transparent;
	width: auto;
	height: auto;
	margin-bottom: 0px;
}
.boxCategory1,
.boxProfile1 {
	font-size: 0px;
	letter-spacing: -2px;
	color: #eee;
}
#links .boxCategory1 a,
#links .boxProfile1 a {
	font-size: 12px;
	letter-spacing: 0px;
	
}
#links .boxSearch1 br {display: block;}
#links .sidetitle a img {
	height: 13px;
	
}
.boxNewComment1 {
	text-align: right;
	color: #666;
	font-size: 10px;
}
#links .boxNewComment1 a {
	text-align: left;
	font-size: 12px;
}

.boxRssList1 {
	color: #666;
	font-size: 10px;
}
#links .boxRssList1 a {
	text-align: right;
	font-size: 12px;
}

.boxNewTrackback1 {
	text-align: right;
	color: #666;
	font-size: 10px;
}
#links .boxNewTrackback1 a {
	text-align: left;
	font-size: 12px;
}
#links .boxNewTrackback1 span a {
	font-size: 10px;
	color: #666;
	background: transparent;
	display: inline;
	margin: 0px;
	padding: 0px;
	cursor: default;
}
#links .boxNewTrackback1 span a:hover {
	background: transparent;
	color: #666;
}
#links .boxCounter1 br {
	display: inline;
}
#links .boxCounter1 .side {
	padding-left: 20px;
}
#links .powered br {
	display: block;
}
#links #whowrapper a{width:50px;}

/* ===== common/css/sharing.css（l.yimg 版）  <css/chrome_sharing.css> ===== */
/* Base
--------------------------------------- */

.social-wrapper {
  height: 32px;
  width: auto;
  margin-bottom: 5px;}
.social-wrapper .fixinline {
  *display: inline;
}
#main2, #content {
  zoom: 1;
}

/* Social Widget
--------------------------------------- */

.social-widget {
  height: 30px;
  text-align: center;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  text-align: left;
  zoom: 1;
  margin: auto;
}

.social-widget .bd {
  margin: 0 auto!important;
  overflow: hidden;
  float: left;
  height: 30px;
}

.social-widget .bd a {
  width: 30px;
  height: 28px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 7px 6px;
  float: left;
  margin-left: -1px;
  display: inline-block;
  text-indent: -9999px;
}

.social-widget .bd a:hover {
  border: 1px solid #bfbfbf;
  position: relative;
  z-index: 100;
  background-color: #f8f8f8;
}

.social-widget .bd .fb {
  background-image: url(/img/wretch2012/chrome/ico_facebook.png);
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}
.social-widget .bd .plurk {
  background-image: url(/img/wretch2012/chrome/ico_plurk.png);
}
.social-widget .bd .yim {
  background-image: url(/img/wretch2012/chrome/ico_yim_png8.png);
  background-position: 6px 5px;
}

/* Reblog
--------------------------------------- */

.wretch-reblog {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  margin-left: -4px;
  *margin-left: -1px;
}
.wretch-reblog .bd {
  float: left;
  height: 30px;
}
.wretch-reblog .bd a.wretch {
  height: 28px;
  line-height: 28px;
  display: inline-block;
  font-family: arial;
  font-size: 12px;
  padding-left: 24px;
  text-decoration: none;
  margin: 0px;
  float: left;
  color: #666!important;
  text-decoration: none;
  border: 1px solid #e3e3e3;
  border-radius: 0 3px 3px 0;
  background: url(/img/wretch2012/chrome/ico_wretch.png) no-repeat 7px 8px;
  background-color: #fff;
  vertical-align: top;
}
.wretch-reblog .bd a.wretch:hover {
  border: 1px solid #bfbfbf;
  background-color: #f8f8f8;
}
.wretch-reblog .bd span.bubble {
  display: inline-block;
  position: relative;
  margin: 6px 7px 0 8px;
  *margin: -4px 6px 0 8px;
  _margin: 2px 6px 0 8px;
  *left: 8px;
  *top: 3px;
  border: 1px solid #a3a0a1;
  border-radius: 2px;
  font-size: 11px;
  padding: 1px 3px 2px 4px;
  line-height: 12px;
}
.wretch-reblog .bubble-none .wretch {
  line-height: 28px;
  height: 28px;
  vertical-align: middle;
  padding-right: 5px;
}
.wretch-reblog .bd span.bubble span {
  display: none;
  *display: block;
  display: block \9;
  background: url(/img/wretch2012/chrome/ico_reblog_arrow.png) no-repeat;
  width: 3px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: -3px;
}
.wretch-reblog .bd span.bubble:after {
  content: '';
  position: absolute;
  display: inline-block;
  *display: none;
  display: none\9;
  top: 5px;
  left: -2px;
  border: 2px solid white;
  border-color: white transparent transparent white;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.wretch-reblog .bd span.bubble:before {
  content: '';
  position: absolute;
  display: inline-block;
  *display: none;
  display: none\9;
  top: 4px;
  left: -3px;
  border: 3px solid #a3a0a1;
  border-color: #a3a0a1 transparent transparent #a3a0a1;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.bubble-gradient{
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f7eff7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7eff7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f7eff7 100%); /* Chrome10+,Safari5.1+ */
}

/* Knowledge Plus
--------------------------------------- */

.kplizer {
  display: inline-block;
  margin: 0px 10px;
  width: 82px;
  vertical-align: top;
}
.kplizer a.kplizer-btn {
  display: block;
  text-indent: -9999px;
  text-align: left;
  background: url(/img/wretch2012/chrome/ico_kplizer.png) no-repeat !important;
  width: 82px;
  height: 27px;
  padding: 0px;
}
.kplizer a.kplizer-btn:hover {
  cursor: pointer;
  background: url(/img/wretch2012/chrome/ico_kplizer_hover.png) no-repeat !important;
}

.social-wrapper iframe {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
  display: inline-block;
}
.plus-wrapper{
  display: inline-block;
  *display: inline;
  *zoom: 1;  
  overflow: hidden;
  height: 30px;
  vertical-align: middle;
	zoom:1;
}
.social-wrapper .social-gpluson {
  zoom: 1;
  padding: 5px 0 0 5px;
  display: inline-block;
  *display: inline;
  height: 24px;
}

.social-gpluson div{
  overflow: hidden;
  float: left;
  vertical-align: middle !important;
}

/* Taylor is a genius :) */


/* ===== blog/css/font.css（字級）  <css/blog_font.css> ===== */
input { display:inline !important; }

.normal-c { font-size: 16px; font-family: "新細明體" }
.big-c {  font-family: "新細明體"; font-size: 32px}
.small-c {  font-family: "新細明體"; font-size: 12px}
.big-e { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 32px }
.normal-e { font-size: 20px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
.small-e { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px }

.boxNewTrackback1 { word-wrap: break-word; }

#boxMySpace ul 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#boxWho div#whowrapper  *{margin:0; padding:0}
#boxWho div#whowrapper  img{height: 50px; width: 50px; border: 0px}
#boxWho div#whowrapper {margin-bottom:1em;width: 166px; overflow:hidden}
#boxWho div#whowrapper li{height:50px; width: 50px; display: inline; float: left; margin-top: 4px;  margin-left:4px; overflow:hidden}
/*add for bidhead*/
ul {list-style-type:none;padding:0;margin:0}

.comments-body ul li{*display:inline;}
/*.comments-body ul li.comments-word{display:block;float:left;}*/
.comments-body ul .comments-post{*display:block;}

.total-comments-div img{border:0}
.comments-body ul li p{
margin-top:0;
margin-bottom:0;
*height:1%;
word-break : break-all;
}

.comments-body{
margin-bottom:12px;
border-bottom:1px dashed #666;
padding:6px;
}
.trackbacks-post,
.comments-post{
display:block;
clear:both;
padding-top:3px;
*height:1%;
}
.comments-author .comments-post{
color:#888;
}
.comments-author .comments-post a{
color:#000;
text-decoration:underline;
}
.comments-author .comments-post a:hover{
color:#999;
text-decoration:underline;
}
.comments-author{
margin:0px;
padding:6px 6px 6px 24px;
*height:1%;
background:#fff;
opacity:0.8;
filter:alpha(opacity=80);
color:#555;
}

.comments-body{}
.comments-body span{
margin-right:6px;
float:left;
text-align:center;
}
.comments-body span a{
display:block;
width:90px;
height:90px;
vertical-align:middle;
}
.comments-body  a *{vertical-align:middle}
.comments-body span > a{display:table-cell}
.comments-body span cite{
	display:inline-block;
	height:100%;
}

/*collect-2008.08.05*/
#sort{text-align:right;}
#sort li{display:inline;margin-left:20px;}
#sort img{border:0}
#collection p,#collection h3{margin:0}
#collection li{padding-bottom:10px;border-bottom:1px dotted;}
#collection li.more{border:0;text-align:right;}
#collection .title{position:static !important}
p.collect_date{text-align:right;opacity:0.7;filter:alpha(opacity=70);zoom:1}
.collect_cate{
border-left:10px solid;
font-size:1.3em;
font-weight:bold;
padding-left:0.5em;}
.collect_cate a{text-decoration:none;}
#links #boxCollection p{
  padding:0px;
  margin:0px;
}

#links #boxCollection #collect_description{
  border-bottom:1px dashed #666;
  margin:0px 0px 5px 0px;
}

/*push-2008.0904*/
.bookmark{
padding-top:42px;
}
.bookmark a img{vertical-align:middle}
#content #push{
float:right;
text-align:center;
width:81px;
height:59px;
border:1px solid #999;
background:url(/img/wretch2012/blog/border.png) no-repeat 0 0;
margin-bottom:3px;
margin-left:3px;
line-height:18px;
font-size:12px;
font-family:georgia;
color:#4B4B4B;
}

#content #push span{display:block;font-weight:bold;font-size:16px;}

html #push a{
display:block;
width:24px;
height:19px;
float:left;
border:1px solid #aaa;
text-decoration:none;
color:#777;
font-size:13px;
margin:0 0 0 1px;
padding:0 0 0 12px;
}
html #push a.push:hover{color:#09c;border-color:#1A84B7}
html #push a.pull:hover{color:#f09;border-color:#e2669e}

html #push a.push{background:url(/img/wretch2012/blog/push.gif) no-repeat center;}
html>body #push a.push{margin:0 0 0 2px;}
html #push a.pull{background:url(/img/wretch2012/blog/pull.gif) no-repeat center;}
#reading{margin:0 7px 5px 0;text-align:right;}


/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#bigcontainer #container1 .extended span{padding-left:15px;}
#bigcontainer #container1 .extended span a{display:inline;}

.digu .profile{float:left}
.digu .content{margin-left:70px;}
.digu .profile img{border:none}

/*hot today 20081103*/
*html h3 a{vertical-align:middle}
h3>a img{vertical-align:middle}
h3 a img{padding-left:5px;border:0}


/* ===== blog/css/trackback.css  <css/blog_trackback.css> ===== */
#HiddenTrackback.hide-list{display:none;}
.comments-head a{clear:both;overflow:hidden;zoom:1;display:block;}
.comments-head a span{*float:left;}
#trackback-switch{color:black;cursor:pointer;width:13px;height:13px;display:inline-block;background-image:url(/img/wretch2012/blog/ico_trackback_expand.jpg);margin-left:5px;*display:block;*margin-top:5px;}
#trackback-switch.hide{background-image:url(/img/wretch2012/blog/ico_trackback_hide.jpg);}


/* ===== blog/css/friend_picker.css（誰來收藏彈窗）  <css/blog_friend_picker.css> ===== */
#collection_comments{position:absolute; top:0; border:5px solid #DFE8F6; background-color:#fff; padding:1em; z-index:500;color:#444}

#collection_comments .icon{position:absolute; top:5px; right:5px; cursor:pointer}

#friend-picker{font-size:11px; font-family:arial, sans-serif; color:#666; width:405px; position:relative; background:#fff;  border:1px solid #DFE8F6; position:absolute;top:0;z-index:100;visibility:hidden}
#friend-picker-container{border:5px solid #DFE8F6; *zoom:1}
#friend-picker a{color:#1A84B7; text-decoration:none}
#friend-picker img{border:none}
#friend-picker-bd{padding-left:7px}
#friend-picker-bd:after, #friend-picker-pagination:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.friend-picker-cell{border:2px solid #fff; margin: 0 3px 7px 0; float:left; width:70px;height:80px;  text-align:center; overflow:hidden; cursor:pointer}
#friend-picker #friend-picker-bd div.friend-picker-cell:hover{border:2px solid #B0CCEF; -moz-border-radius:5px; -webkit-border-radius:5px; border-raidus:5px}
*html #friend-picker #friend-picker-bd .on{border:2px solid #67A7E3}
.friend-picker-cell p{margin:5px auto 0; width:60px; height:60px}
#label{ cursor:pointer; display: table-cell; text-align:center; vertical-align: middle; height: 60px; width: 60px; }
#label *{ vertical-align: middle; }
/*\*//*/
#label { display: block; }
#label span { display: inline-block; height: 100%; width: 1px; }
#/**/
#label span { +display: inline-block; +height: 100%; }
#friend-picker #friend-picker-pagination {text-align:center; margin:7px 0pt 7px -9px; clear:both; font-size:13px}
#friend-picker #friend-picker-pagination a{ background-color:#FFFFFF; border:1px solid #CCCCCC; margin-right:4px; outline-color:invert; outline-style:none; outline-width:medium; padding:2px 7px; text-align:center; cursor:pointer}

#friend-picker #friend-picker-pagination a.more{border:none}
#friend-picker #friend-picker-pagination a.on{ background-color:#fff; border-color:#fff}
#friend-picker #friend-picker-closebtn{ text-decoration:none; cursor:pointer; position:absolute; top:5px; right:5px}
#loading{position:absolute; top:4px; right:25px; display:none}
#friend-picker #friend-picker-hd{ background-color:#F8FBFC; height:18px}
#friend-picker #friend-picker-hd{ text-indent:7px}
#friend-picker #friend-picker-hd .on{background-color:#666 !important; color:#efefef !important}



/* ===== common/css/kukubar.css（內頁工具列）  <css/chrome_kukubar.css> ===== */
html, html body, html body #hugewrapper {margin:0!important;padding:0 0 13px 0!important;border:none!important;width:auto!important;height:auto!important;}

.hidden {
    position:absolute;
    clip:rect(1px 1px 1px 1px);/*IE6, 7*/
    clip:rect(1px, 1px, 1px, 1px);
}
.kukubar-bar {
    text-align:left!important;
    font-family:Arial;
    padding-bottom:0px;
    cursor:text;
    letter-spacing:0px;
}
.kukubar-bar img{
    position:static;
}
.kukubar-bar h5, #kukubar-bar h6{
    font-size:12px !important;
}
.kukubar-bar * {
    list-style-image:none;
    background-image:none;
    z-index:999999;
}
.kukubar-bar div {
    background-image:none;
    padding:0px;
}
.kukubar-bar a {
    font-weight:400 !important;
    background-color:transparent;
    cursor:pointer !important;
    font-size:12px;
    margin:0px;
}
.kukubar-bar .bar-block-click a {
    color:#666666;
}
.kukubar-bar .bar-block-click a:hover {
    color:#000000;
}
.kukubar-bar a:hover,
.kukubar-bar a:active {
    font-weight:400!important;
    font-size:100%!important;
    border:none;
    position:static;
}
.kukubar-bar h5,
.kukubar-bar h6 {
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
    -webkit-margin-start:0px;
    -webkit-margin-end:0px;
}
#kukubar-upper .dropdown {
    border-top-width:0px!important;
}
#kukubar-lower .dropdown {
    border-bottom-width:0px!important;
}
.kukubar-bar ul.dropdown,
.kukubar-bar .dropdown ul {
    left:auto;
    padding-left:0px;
    margin:0px;
    z-index:100000;
    list-style-position:outside;
}
.kukubar-bar ul.dropdown li,
.kukubar-bar .dropdown ul li {
    list-style-type:none;
    word-wrap:break-word;
    text-align:left;
    margin:0px;
    display:block;
    zoom:1;
}
.kukubar-bar ul.dropdown li p,
.kukubar-bar .dropdown ul li p {
    display:block !important;
    width:auto !important;
}
.kukubar-bar ul.dropdown li img,
.kukubar-bar .dropdown ul li img {
    position:static;
}
.kukubar-bar .dropdown li a {
    font-size:12px !important;
    word-wrap:break-word;
}
.dropdown li a:hover {
    background-color:transparent;
    font-size:100%;
    letter-spacing:0px !important;
}
.kukubar-bar p {
    display:block;
    font-size:12px;
    word-wrap:break-word;
}
#kukubar-upper {
    margin:0px !important;
    height:30px;
    z-index:99999;
    font-size:12px;
    font-weight:400 !important;
    border-bottom:1px solid #bbbbbb;
    position:static;
}
#kukubar-upper {_overflow:hidden;}
#kukubar-upper * {_z-index:99999;}
#kukubar-upper .theme:hover {background:transparent;}
#kukubar-upper.font-white .theme {color:#FFFFFF;}
#kukubar-upper.font-white .expanded-btn .theme {color:#666666;}
#kukubar-upper.font-black .theme {color:#666666;}
#kukubar-upper.font-white .expanded-btn a.theme:hover, 
#kukubar-upper.font-black a.theme:hover {color:#000000;}

#kukubar-lower {
    font-weight:400 !important;
    height:25px;
    position:fixed;
    left:0px;
    bottom:0px;
    background:#f0f0f0;
    width:100%;
    margin:0px;
    z-index:9999;
    font-size:12px;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
    -webkit-box-shadow:5px 0px 10px #a0a0a0;
    -moz-box-shadow:5px 0px 10px #a0a0a0;
    -o-box-shadow:5px 0px 10px #a0a0a0;
    -ms-box-shadow:5px 0px 10px #a0a0a0;
    border-top:1px solid #BBBBBB;
    z-index:99999;
}

/* IE6 Absolute layout */
* html #kukubar-lower {
    position:absolute!important;
    left:auto!important;
    bottom:-1px!important;
    right:17px!important;
    _right:0px!important;    /* Make up for the scroll bar */
}
#kukubar-lower.hidden-footer {
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
    bottom:-25px;
    _display:none;
}
#kukubar-lower.hidden-footer-ie {
    _display:none !important;
}
#kukubar-upper:after {
    content:'';
    display:block;
    clear:both;
}
#kukubar-upper ul.expanded, 
#kukubar-lower ul.expanded {
    visibility:visible !important;
}
#kukubar-upper a, 
#kukubar-lower a {
    text-decoration:none;
}
#kukubar-upper a:hover, 
#kukubar-lower a:hover {
    font-size:12px !important;
    text-decoration:underline;
}
#kukubar-upper .bar-block,
#kukubar-lower .bar-block {
    z-index:9999;
    cursor:pointer;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    border-right:1px solid #C9C9C9;
    
}
#kukubar-upper .bar-block-click {
    overflow:hidden;    

}
#kukubar-lower .bar-block {
    color:#666666;
    height:25px;
    line-height:25px;
}
#kukubar-upper .expanded-btn,
#kukubar-lower .expanded-btn {
    overflow:visible;    
    background:#FFFFFF;
    color:#000000;
}
#kukubar-upper #wretch-notice.expanded-btn {
    background-color:#4D4D4D;
}
#kukubar-upper.font-white .expanded-btn span,
#kukubar-lower.font-white .expanded-btn span{
    color:#000000;
}
#kukubar-upper .left-side, 
#kukubar-upper .left-side .bar-block{
    float:left;
    position:relative;
}
#kukubar-upper .right-side,
#kukubar-upper .right-side .bar-block{
    float:right;
    position:relative;
}
#kukubar-lower .left-side, 
#kukubar-lower .left-side .bar-block{
    float:left;
}
#kukubar-lower .right-side,
#kukubar-lower .right-side .bar-block{
    float:right;
}

/*upper left*/
#kukubar-upper .left-side h1 {
    font-size:0px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    top:0px;
    height:auto;
    width:auto;
    bottom:auto;
    position:static;
    line-height:0px;
    display:block;
    background-color:transparent;
    background-image:none;
    text-align:left!important;
}
#kukubar-upper .left-side h1 a {
    background:url(/img/wretch2012/chrome/ico_wretch_logo_24.png) center center no-repeat;
    _background:url(/img/wretch2012/chrome/ico_wretch_logo.png) center center no-repeat;
    width:73px;
    height:28px;
    padding:0px;
    margin:0px 5px;
    text-indent:-9999px;
    display:block;
    position:static;
}
#kukubar-upper .left-side ul.dropdown {
    background:#FFFFFF;
    visibility:hidden;
    *left:-1px;
}
#kukubar-upper .left-side ul.album-service li.album-index, 
#kukubar-upper .left-side ul.blog-service li.blog-index, 
#kukubar-upper .left-side ul.video-service li.video-index, 
#kukubar-upper .left-side ul.join-service li.join-index, 
#kukubar-upper .left-side ul.digu-service li.digu-index {
    display:none;
} 
#kukubar-upper .left-side ul.dropdown li a {
    text-decoration:none;
    display:block;
    padding:8px 5px;
    line-height:1;
}
#kukubar-upper .left-side ul.dropdown li a:hover {
    background:#D3ECF6;
}
#kukubar-upper .left-side #wretch-service a.current-service,
#kukubar-upper .left-side #wretch-service span {
    background-color:transparent;
    margin:0px 8px;
    display:inline-block;
}
#kukubar-upper span.bar-block-btn,
#kukubar-upper span.bar-block-btn-login{
    display:block;
    width:13px;
    margin:-2px 8px 0px 0px !important;
    height:13px;
    background:url(/img/wretch2012/chrome/ico_not_expanded.png) center center no-repeat;
    text-indent:-9999px;
    vertical-align:middle;
    outline:none;
}
#kukubar-upper .expanded-btn span.bar-block-btn,
#kukubar-upper .expanded-btn span.bar-block-btn-login{
    background:url(/img/wretch2012/chrome/ico_expanded.png) center center no-repeat;
}
#kukubar-upper span.bar-block-btn:hover {
    background:url(/img/wretch2012/chrome/ico_not_expanded_hover.png) center center no-repeat;
}
#kukubar-upper .expanded-btn span.bar-block-btn:hover,
#kukubar-upper .expanded-btn span.bar-block-btn-login:hover {
    background:url(/img/wretch2012/chrome/ico_expanded.png) center center no-repeat;
}
#kukubar-upper .left-side {
    width:auto;
    float:left;

}
#kukubar-upper .left-side #wretch-service {
    width:auto;
    display:block;
    float:left;
    *position:relative;
    position:relative \9;
}
#kukubar-upper .left-side #wretch-service ul {
    clear:both;
    display:block;
    *float:left;
    overflow:hidden;
    *width:88px;
    border:1px solid #BBBBBB;
    border-top:none;
    _border-right:none;
    margin-bottom:-1px !important;
    xmargin-top:-1px \9;
    z-index:9998;
    top:28px;
}
#kukubar-upper .left-side #wretch-service ul li {
    margin:0px;
    line-height:1;
    width:auto;
    clear:both;
    overflow:hidden;
    border:none;
    border-bottom:1px solid #DDDDDD;
}
#kukubar-upper .left-side #wretch-service ul li a{
    width:100%;
    clear:both;
    overflow:hidden;
    zoom:1;
}


/*upper right*/
#kukubar-upper .right-side {
    float:right;
}
#kukubar-upper .right-side #wretch-login ul{
    display:block;
    zoom:1;
    margin:0px;
}
#kukubar-upper .right-side #wretch-login ul li{
    float:left;
}
#kukubar-upper.font-white .right-side #wretch-login:hover {
    background:#636363;
}
#kukubar-upper.font-white .right-side #wretch-login.no-hover:hover {
    background:transparent;
}
#kukubar-upper.font-white .right-side #wretch-login.expanded-btn:hover {
    background:#FFFFFF;
    color:#000000;
}
#kukubar-upper.font-black .right-side #wretch-login:hover {
    background:transparent;
    color:#666666;
}
#kukubar-upper.font-black .right-side #wretch-login.expanded-btn:hover {
    background:#FFFFFF;
    color:#000000;
}
#kukubar-upper .right-side #wretch-login ul.login-links{
    overflow:hidden;
    width:auto;
    padding:0px;
    _margin-top:4px;
}
#kukubar-upper .right-side #wretch-login span{
    float:none;
    display:inline-block;
    *display:block;
    *float:left;
    border:none;
    margin:0px 8px;
    *margin-left:10px;
}
#kukubar-upper .right-side #wretch-login span.bar-block-btn-login{
    *margin-top:8px !important;
    display:inline-block !important;
    _margin-top:0px;
}
#kukubar-upper .right-side #wretch-login ul.dropdown{
    width:auto;
     background:#FFFFFF;
    border:1px solid #BBBBBB;
    border-top:none;
    position:absolute;
    visibility:hidden;
    top:30px;
    right:0px;
    margin-bottom:-1px;
    *width:65px;
    overflow:visible;
}
#kukubar-upper .right-side #wretch-login ul li {
    display:inline-block;
    _display:block;
    _float:left;
    padding:0px 5px;
}
#kukubar-upper .right-side #wretch-login ul.dropdown li{
    width:100%;
    display:block;
    padding:0px;
    clear:both;
    border-bottom:1px solid #DDDDDD;
}
#kukubar-upper .right-side #wretch-login ul.dropdown li a {
    width:auto;
    display:block;
    text-decoration:none;
    padding:8px 5px;
    line-height:1;
    float:none;
}
#kukubar-upper .right-side #wretch-login ul.dropdown li:hover,
#kukubar-upper .right-side #wretch-login ul.dropdown li a:hover {
    background:#D3ECF6;
}
#kukubar-upper .right-side #wretch-login ul li.first {
    position:relative;
}
#kukubar-upper .right-side #wretch-login ul li.first:after {
    content:'|';
    display:inline;
    position:absolute;
    right:0px;
    color:#ECECEC;
}
#kukubar-upper .right-side #wretch-search{
    padding-right:8px;
    border-right:none;
}
#kukubar-upper .right-side #wretch-search{
    *zoom:1;
    _width:0px;
    float:right;
}
#kukubar-upper .right-side #wretch-search form{
    vertical-align:middle;
    height:18px;
    border:1px solid #CBCBCB;
    border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -khtml-border-radius:5px;
    margin:5px 0px 0px 8px;
    background:#FFFFFF;
    width:auto;
    _float:right;
}
#kukubar-upper .right-side #wretch-search form label{
    display:block;
    _float:left;
    _width:0px;
    cursor:pointer;
    margin:0px;
    padding-left:5px;
    _padding-left:0px;
    color:#000000;
    text-align:left;
    height:auto;
}
#kukubar-upper .right-side #wretch-search form label:hover {
    background:#EBEBEB;
}
#kukubar-upper .right-side #wretch-search form label.on{
    position:absolute !important;
    display:none !important;
    top:-99999px !important;
}
#kukubar-upper .right-side #wretch-search form fieldset{
    clear:none;
    display:block;
    border:0px;    
    _position:relative;
    _width:200px;
    
    padding:0px !important;
    height:18px;
    margin:0px !important;
    vertical-align:middle;
    line-height:18px;
    *zoom:1;
}
#kukubar-upper .right-side #wretch-search form fieldset legend{
    *position:absolute;
    *top:4px;
    
    *left:0px;
    float:left;
    margin:0px;
    margin-top:2px;
    *margin-top:4px;
    _margin-top:0px;
    margin-left:5px;
    _margin-left:0px;
    padding:0px !important;
    color:#666666;
    clear:none !important;
    display:block;
    line-height:1.231;
    vertical-align:middle;
    *width:50px;
    cursor:pointer;
}
#kukubar-upper .right-side #wretch-search form fieldset legend span{
    display:inline-block;
    text-indent:-9999px;
    background:url(/img/wretch2012/chrome/ico_search_arrow.png) right 5px no-repeat;
    width:10px;
    *position:absolute;
    *top:0px;
    *right:0px;
}
#kukubar-upper .right-side #wretch-search form fieldset .service-list{
    border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -khtml-border-radius:5px;
    border:1px solid #CBCBCB;
    background:#FFFFFF;
    top:26px;
    padding:0px 0px 0px 0px !important;
    float:left;
    display:none;
    clear:none;
    position:absolute;
    overflow:hidden;
    width:200px;
    color:#000000;
    font-size:12px;
    
    *top:27px;
    *left:7px;
    _left:0px;
    *z-index:10001;
    z-index:10001\9;
}
#kukubar-upper .right-side #wretch-search form fieldset .service-list label {
    float:none;
    width:100%;
    width:auto \9;
    padding-left:5px;
    overflow:hidden;
    position:relative;
    top:0px;
}
#kukubar-upper .right-side #wretch-search form fieldset .expanded{
    display:block !important;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field{
    padding:0px;
    margin-left:10px;
    _margin-left:0px;
    float:left;
    _float:none;
    *zoom:1;
    _position:absolute;
    _top:0px;
    _right:0px;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field input{
    height:16px;
    line-height:18px;
    border:1px solid #CBCBCB;
    border-width:0px 1px;
    padding:0px 0px 0px 2px;
    font-size:10px;
    margin:0px;
    background:#FFFFFF;
    _position:absolute;
    _top:0px;
    *right:30px;
    _float:left;
    _width:95px;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field input#wretch-search-text{
    *float:left;
    *margin-left:40px;
    _margin-left:30px;
    font-size:12px;
    color:#000000;
    *line-height:24px;
    vertical-align:middle;
    outline:none;
    margin-bottom:2px;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field input.blur{
    color:#C6C6C6 !important;
}
#kukubar-upper .right-side #wretch-search form fieldset input#wretch-search-btn{
    width:29px;
    height:18px;
    height:16px \9;
    margin:0px;
    background:transparent url(/img/wretch2012/chrome/ico_search.png) center center no-repeat;
    text-indent:-9999px;
    border:none;
    _float:left;
    _position:absolute;
    _top:3px;
    _right:0px;
}
#kukubar-upper .right-side #wretch-notice a.notice-list span{
    display:block;
    text-indent:-9999px;
    background:url(/img/wretch2012/chrome/ico_noti.png) center center no-repeat;
    width:35px;
    height:30px;
}
#kukubar-upper .right-side #wretch-notice.expanded-btn a.notice-list span{
    background:url(/img/wretch2012/chrome/ico_noti_clicked.png) center center no-repeat;
}
#kukubar-upper .right-side #wretch-notice.unread a.notice-list span{
    background:url(/img/wretch2012/chrome/ico_noti_new.png) center center no-repeat;
}
#kukubar-upper .right-side #wretch-notice div.dropdown{
    background:#FFFFFF;
    width:270px;
    border:1px solid #BCBCBC;
    position:absolute;
    visibility:hidden;
    top:30px;
    right:-1px;
    text-align:left;
}
#kukubar-upper .right-side #wretch-notice div.dropdown ul{
    visibility:hidden;
}
#kukubar-upper .right-side #wretch-notice div.dropdown ul.vitality-list{
    margin:0px;
    visibility:hidden;

}
#kukubar-upper .right-side #wretch-notice.expanded-btn div,
#kukubar-upper .right-side #wretch-notice.expanded-btn ul {
    *padding:0px;
    padding:0px \9;
    visibility:visible !important;
}
#kukubar-upper div.dropdown .notice-heading{
    visibility:hidden;
    background:#4D4D4D;
    padding:4px 0px !important;
    display:block;
    height:22px;
    vertical-align:bottom;
}
#kukubar-upper div.dropdown .notice-heading h4{
    line-height:1.231;
    padding:0px 0px 0px 5px;
    padding-left:5px;
    margin:5px 0px 5px 8px;
    _margin-top:10px;
    color:#FFFFFF;
    display:block;
    font-weight:400;
    font-size:12px;
    border-left:5px solid #FFD233;
    vertical-align:bottom;
}
#kukubar-upper div.dropdown .notice-heading h4  a{
    color:#cbbf82;
}
#kukubar-upper div.dropdown .notice-heading h4  span{
    margin-left:115px;
}
#kukubar-upper .right-side #cam {
    padding:0 8px 0 25px;
    border-right:#C9C9C9 solid 1px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    position:relative;
    z-index:9999;
    float:right;
    *background:url(/img/wretch2012/chrome/ico_sprite.png) no-repeat scroll 5px -153px transparent;
    background:url(/img/wretch2012/chrome/ico_sprite.png) no-repeat scroll 5px -154px transparent;
}
#kukubar-upper .right-side #wretch-notice a.notice-list{
    height:30px;
}
#kukubar-upper .right-side #wretch-notice ul li {
    overflow:hidden;
    cursor:pointer;
    padding:16px 10px;
    *padding:4px 0px;
    padding:4px 0px \9;
    _position:relative;
    clear:both;
    text-align:left;
    *zoom:1;
}
#kukubar-upper .right-side #wretch-notice img.loading-icon{
    position:static;
    margin:0px 5px 0px 10px !important;
    vertical-align:middle;
}
#kukubar-upper .right-side #wretch-notice ul li.hover-on {
    background:#D3ECF6;
}
#kukubar-upper .right-side #wretch-notice ul li a{
    vertical-align:top;
    color:#33A1FF !important;
    display:inline-block;
    _display:block;
    float:left;
    border:none;
}
#kukubar-upper .right-side #wretch-notice ul li a img{
    margin:0 10px;
    *margin:16px 10px;
    margin:16px 10px \9;
    width:30px;
    height:30px;
    border:none;
    vertical-align:top;
}
#kukubar-upper .right-side #wretch-notice ul li div.content{
    display:inline-block;
    _display:block;
    *float:left;
    float:left \9;
    *padding:8px 10px 4px 10px;
    padding:8px 10px 4px 10px \9;
    line-height:1.231;
    vertical-align:top;
    width:180px;
    overflow:hidden;
    word-wrap:break-word;
    *zoom:1;
}
#kukubar-upper .right-side #wretch-notice ul li div.content *{
    line-height:1;
    padding:0px;
}
#kukubar-upper .right-side #wretch-notice ul li div.content p{
    margin:0px 0px 8px 0px;
    line-height:1.231;
    width:auto;
}
#kukubar-upper .right-side #wretch-notice ul li div.content a{
    border:none;
    margin:0px;
    float:none;
    display:inline;
}

/* cover story text link */
#kukubar-upper #infozone{
    margin-left:8px;
    float:left;
    overflow:hidden;
    width:200px;height:30px;
}
#kukubar-upper #infozone ul{
    padding:0;margin:0;
}
#kukubar-upper #infozone li{
    list-style:none;line-height:30px;
}

/*lower left*/
#kukubar-lower a:hover {
    font-size:100%;
}
#kukubar-lower #footer-feedback{
    height:25px;
    overflow:hidden;
}
#kukubar-lower #footer-feedback a{
    display:block;
    width:100px;
    height:25px;
    text-indent:-9999px;
    background:url(/img/wretch2012/chrome/suggestion.png) no-repeat;
}
#kukubar-lower #footer-feedback a:hover {
    background:url(/img/wretch2012/chrome/suggestion_hover.png) no-repeat;
}
#kukubar-lower img.loading-icon {
    margin:0px 5px 15px 10px;
    float:left;
}
.kukubar-bar .login-request {
    display:block;
    overflow:hidden;
    bottom:25px;
    left:0px;
    position:absolute;
    background:#FFFFFF;
    padding:15px;
    width:auto !important;
}
.login-request div{
    float:left;
}
.login-request div:after {
    clear:both;    
    display:block;
    content:'';
}
.login-request .login-btn{
    margin-right:10px;
    border:1px solid #E06F00;
}
.login-request .login-msg {
    width:100px;
    line-height:1.23;
    color:#666666;
    display:none;
}
.login-request.vitality .login-msg-vitality,
.login-request.subscription .login-msg-subscription {
    display:block;
}
#kukubar-lower .footer-ok-btn {
    display:block;
    padding:5px 9px;
    background: #FF7804; /* old browsers */
    background: -moz-linear-gradient(top, #FF7804 0%, #FCB400 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF7804), color-stop(100%,#FCB400)); /* webkit */
    background: -o-linear-gradient(top, #FF7804 0%,#FCB400 100%); /* opera */
    color:#FFFFFF;
    border:1px solid #FDA601;
}
#kukubar-lower button.footer-ok-btn{
    border:1px solid #FDA601;
}
#kukubar-lower button.deactivated{
    border:1px solid #c0c0c0;
    background: #A1A1A1; /* old browsers */
    background: -moz-linear-gradient(top, #A1A1A1 0%, #D3D3D3 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1A1A1), color-stop(100%,#D3D3D3)); /* webkit */
    background: -o-linear-gradient(top, #A1A1A1 0%,#D3D3D3 100%); /* opera */

}
#kukubar-lower .footer-ok-btn:hover {
    border:1px solid #FFE898;
    background: #FCCD00; /* old browsers */
    background: -moz-linear-gradient(top, #FCCD00 0%, #FFAB04 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCCD00), color-stop(100%,#FFAB04)); /* webkit */
    background: -o-linear-gradient(top, #FCCD00 0%,#FFAB04 100%); /* opera */
}
#kukubar-lower .footer-ok-btn:active {
    background: #FEC24A; /* old browsers */
    background: -moz-linear-gradient(top, #FEC24A 0%, #F49038 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEC24A), color-stop(100%,#F49038)); /* webkit */
    background: -o-linear-gradient(top, #FEC24A 0%,#F49038 100%); /* opera */
}
#kukubar-lower #footer-vitality a.footer-vitality-btn , 
#kukubar-lower #footer-fb a.footer-fb-btn ,
#kukubar-lower #footer-subscription a.footer-subscription-btn {
    margin:0px !important;
    height:25px;
    overflow:hidden;
    _padding-right:30px;
    _float:left !important;
    _display:block;
    *zoom:1;
    text-decoration:none;
    letter-spacing:0px;
    font-size:12px;
}
#kukubar-lower #footer-vitality a.footer-vitality-btn:hover , 
#kukubar-lower #footer-fb a.footer-fb-btn:hover ,
#kukubar-lower #footer-subscription a.footer-subscription-btn:hover {
    text-decoration:none;
    letter-spacing:0px;
    font-size:12px;
    background-color:#f0edb7;
}
#kukubar-lower #footer-vitality a span, 
#kukubar-lower #footer-fb a span,
#kukubar-lower #footer-subscription a span{
    cursor:pointer;
    background:url(/img/wretch2012/chrome/ico_not_expanded.png) center center no-repeat;
    margin:-2px 8px 0px 8px;
    width:13px;
    height:13px;
    line-height:1;
    display:inline-block;
    _display:block;
    _float:none;
    _position:absolute;
    _top:6px;
    clear:none;
    text-indent:-9999px;
    vertical-align:middle;
}
#kukubar-lower #footer-vitality.expanded-btn a span, 
#kukubar-lower #footer-fb.expanded-btn a span,
#kukubar-lower #footer-subscription.expanded-btn a span,
#kukubar-lower #footer-vitality.expanded-btn a:hover span, 
#kukubar-lower #footer-fb.expanded-btn a:hover span,
#kukubar-lower #footer-subscription.expanded-btn a:hover span{
    background:url(/img/wretch2012/chrome/ico_expanded.png) center center no-repeat;
}
#kukubar-lower #footer-vitality a:hover span , 
#kukubar-lower #footer-fb a:hover span ,
#kukubar-lower #footer-subscription a:hover span{
    background:url(/img/wretch2012/chrome/ico_not_expanded_hover.png) center center no-repeat;
}
#kukubar-lower div.dropdown {
    visibility:hidden;
    position:absolute;
    bottom:25px;
    left:0px;
    *left:-1px;
    background:#FFFFFF;
    width:270px;
    border:1px solid #BCBCBC;
    font-size:12px;
    z-index:10;
}
#kukubar-lower div.expanded {
    visibility:visible;
}
#kukubar-lower #footer-vitality.new-msg {
    background:#f9f0d2;
    color:#666666;
}
#kukubar-lower #footer-vitality span.loading-msg {
    float:left;
    margin:15px 0px;
    line-height:1;
}
#kukubar-lower #footer-vitality img.loading-icon {
    margin-top:15px;
}
#kukubar-lower #footer-vitality .vitality-msg {
    margin:15px 10px;
}
#kukubar-lower #footer-vitality a.footer-vitality-btn{
    background:url(/img/wretch2012/chrome/ico_wretch_vitality.png) 5px center no-repeat;
    padding-left:25px;
    height:25px;
    display:block;
}
#kukubar-lower #footer-fb a.footer-fb-btn{
    background:url(/img/wretch2012/chrome/ico_fb.png) 5px center no-repeat;
    padding-left:25px;
    height:25px;
    line-height:25px!important;
    display:block;
}
#kukubar-lower #footer-subscription a.footer-subscription-btn{
    background:url(/img/wretch2012/chrome/ico_subscription.png) 5px center no-repeat;
    padding-left:25px;
    height:25px;
    line-height:25px!important;
    display:block;
}
#kukubar-lower #footer-vitality{
    position:static !important;
}
#kukubar-lower #footer-vitality div.dropdown{
    position:absolute !important;
    left:100px;
    right:auto;
}
#kukubar-lower #footer-vitality div.dropdown .vitality-heading{
    overflow:hidden;
    zoom:1;
    clear:both;
    background:#4D4D4D;
    padding:4px 0px;
    display:none;
}

#kukubar-lower #footer-vitality div.expanded .vitality-heading{
    visibility:visible;
    display:block;
}
#kukubar-lower #footer-vitality div.dropdown .vitality-heading h4{
    line-height:1;
    padding:0px 0px 0px 5px;
    margin:5px 0px 5px 10px;
    color:#FFFFFF;
    display:block;
    float:left;
    font-weight:400;
    border-left:5px solid #FFD233;
    font-size:12px;
}
#kukubar-lower #footer-vitality div.dropdown .vitality-heading a{
    float:right;
    color:#F2D671;
    margin-right:5px;

}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event{
    padding:8px 10px;
    overflow:hidden;

}
#kukubar-lower #footer-vitality div.dropdown ul li.unread{
    background:#EBEBEB;
}
#kukubar-lower #footer-vitality div.dropdown ul li.hover-on{
    background:#D3ECF6;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event a{
    margin:10px;
    float:left;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event a img{
    border:none;
    width:30px;
    height:30px;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event p{
    margin:0px;
    line-height:1.231;
    display:block;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content{
    width:185px; /*sorry*/
    overflow:hidden;
    float:left;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content a{
    display:inline !important;
    margin:0px;
    float:none;
    color:#33A1FF;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content span.time{
    text-align:left;
    clear:both;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content span.vitality-private{
    text-indent: -9999px;
    background: transparent url(/img/wretch2012/chrome/lock.gif);
    width: 21px;
    height: 16px;
    margin-left: 5px;
    display: block;
    float: left;
}
#kukubar-lower #footer-fb{
    position:relative;
}
#kukubar-lower #footer-fb iframe{
    display:none;
    position:absolute;
    bottom:25px;
    background:#FFFFFF;
    left:0px;
}
#kukubar-lower #footer-fb iframe.expanded{
    display:block;
}
#kukubar-lower #footer-subscription{
    position:relative;
    bottom:0px;
}
#kukubar-lower #footer-subscription.expanded-btn{
}
#kukubar-lower #footer-subscription ul.dropdown{
    bottom:25px;
    position:absolute;
    visibility:visible;
    background:#FFFFFF;
    left:0px;
    border:1px solid #BBBBBB;
}

/*crazy panel*/
#kukubar-lower div#scrb-panel {
    border:1px solid #BBBBBB;
    border-bottom:none;
    width:478px;
    cursor:text;
    z-index:100000 !important;
}
#kukubar-lower div#scrb-panel.panel-loading {
    height:auto !important;
}
#scrb-panel button {
    cursor:pointer;
}
#scrb-panel #scrb-panel-mask {
    position:absolute;
    text-align:left;
    top:0px;
    padding:0px;
    left:0px;
    width:100%;
    height:0px;
    background:rgba(255, 255, 255, 0.5);
    color:#FFFFFF;
    zoom:1;
}

#scrb-panel #scrb-panel-mask div {
    zoom:1;
    width:250px;
    height:95px;
    position:relative;
    left:0px;
    top:40%;
}

#scrb-panel #scrb-panel-mask div.msg-block{
    background:#3A3A3A;
    width:250px;
    height:95px;
    line-height:95px;
    text-align:center;
    position:absolute;
    top:0px;
    left:0px !important;
    right:auto;
    bottom:auto;
    margin-left:120px;
    vertical-align:middle;
    padding:0px;
}
#scrb-panel #scrb-panel-mask div.msg-block span{
    display:inline-block;
    color:#FFFFFF;
    height:95px;
    vertical-align:middle;
}
#scrb-panel #scrb-panel-mask div.msg-block img{
    vertical-align:top;
    margin-right:5px;
    margin-top:40px;
    float:none;
    display:block;
}
/*
#scrb-panel #scrb-panel-mask div.msg-saved span{
    margin-right:5px;
    background:url(/img/wretch2012/chrome/ico_saved_msg.png) center center no-repeat;
    display:block;
    float:left;
    width:14px;
    height:14px;
}
*/
#scrb-panel .hd{
    position:relative;
    overflow:hidden;
    padding-bottom:15px;
    zoom:1;
    text-align:left;
    height:338px;
    background:#FFFFFF;
    height:auto;
}
#scrb-panel .hd ul,
#scrb-panel .hd div {
    background:#FFFFFF;
    float:left;
}
#scrb-panel .heading{
    text-align:left;
    border-bottom:1px solid #DDDDDD;
    margin:0px 0px 10px 0px;
    padding:10px;
    position:relative;
    background:#FFFFFF;
    zoom:1;
}
#scrb-panel .heading h5{
    margin:0px;
    color:#000000;
    font-weight:400;
    height:auto;
    line-height:1.231;
    width:auto;
    font-weight:400;
}
#scrb-panel .heading span.close-panel{
    position:absolute;
    right:10px;
    top:5px;
    background:url(/img/wretch2012/chrome/ico_close.png) center center no-repeat;
    display:block;
    text-indent:-9999px;
    width:14px;
    height:14px;
    cursor:pointer;
}
#scrb-panel .hd ul{
    width:370px;
    padding-left:10px;
}
#scrb-panel .hd ul li{
    width:65px;
    _width:67px;
    cursor:pointer;
    display:inline-block;
    *display:block;
    *float:left;
    border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        -o-border-radius:2px;
        -khtml-border-radius:2px;
    background:#FFFFFF;
    border:1px solid #70cdec;
    color:#70cdec;
    padding:5px;
    line-height:1;
    margin:5px;
    
}
#scrb-panel .hd ul li.hover-on{
    color:#FFFFFF;
    background:#48B2D5;
}
#scrb-panel .hd ul li.selected{
    color:#FFFFFF;
    background:#70cdec;
}
#scrb-panel .hd ul li span.add,
#scrb-panel .hd ul li span.del{
    width:10px;
    text-align:center;
    margin-right:5px;
    _margin-right:0px;
    font-size:13px;
}
#scrb-panel .hd ul li span.add{
    display:inline-block;
    _display:block;
    _float:left;
}
#scrb-panel .hd ul li span.del{
    display:none;
}
#scrb-panel .hd ul li.selected span.add{
    display:none;
}
#scrb-panel .hd ul li.selected span.del{
    display:inline-block;
    _display:block;
    _float:left;
}
#scrb-panel .hd div button {
    xmargin-top:30px;
    margin-top:5px;
    *padding:0px auto;
    *width:80px;
    *line-height:1;
}
#scrb-panel .bd{
    width:auto;
    background:#FFFFFF;
}
#scrb-panel .bd h5{
    text-align:left;
    padding:0px;
    margin:0px;
    _margin-top:10px;
    width:100%;
    background:#4D4D4D;
}
#scrb-panel .bd h5 em{
    margin:0px 0px 0px 10px;
    vertical-align:bottom;
    line-height:25px;
    font-weight:400;
    color:#FFFFFF;
    border-left:5px solid #5EB03E;
    padding:0px;
    padding-left:5px;
    font-style:normal;
}
#scrb-panel .bd ul li{
    clear:both;
    border-top:1px solid #DDDDDD;
    overflow:hidden;
    position:relative;
    font-size:12px;
    zoom:1;
}
#scrb-panel .bd ul li img{
    border:none;
}
#scrb-panel .bd ul li.hover-on{
    background:#D3ECF6;
    cursor:pointer;

}
#scrb-panel .bd ul li a{
    color:#33A1FF;
    text-decoration:none;
}
#scrb-panel .bd ul li a:hover {
    font-size:12px !important;
    text-decoration:underline;
}
#scrb-panel .bd ul li span{
    line-height:1.231;
}
#scrb-panel .bd ul li span.article-type,
#scrb-panel .bd ul li span.author-thumb,
#scrb-panel .bd ul li div.article-list-right{
    float:left;
}
#scrb-panel .bd ul li span.article-type{
    padding:10px;
    width:55px
}
#scrb-panel .bd ul li span.author-thumb{
    padding:10px;
}
#scrb-panel .bd ul li span.author-thumb img{
    width:30px;
    height:30px;
}
#scrb-panel .bd ul li div.article-list-right{
    width:auto;
}
#scrb-panel .bd ul li div.article-list-right h6{
    margin:0px;
    font-weight:400;
}
#scrb-panel .bd ul li span.article-time{
    position:absolute;
    right:10px;
    bottom:10px;
}
#kukubar-lower div#scrb-panel.after-subscribe {
    background:#F9F9F9;
    overflow:hidden;
    zoom:1;
}
#scrb-panel.after-subscribe .hd {
    float:left;
    height:auto;
    width:115px;
    _width:100px;
    border-right:1px solid #E4E4E4;
    background:#FFFFFF;
    height:386px;
    _height:394px;
    overflow:visible;
    xoverflow:hidden;
    position:relative;
}
#scrb-panel.after-subscribe .heading{
    text-align:left;
    background:#4D4D4D;
    margin-bottom:0px;
    zoom:1;
    padding:5px;
}
#scrb-panel.after-subscribe .heading h5{
    background:#4D4D4D;
    vertical-align:top;
    display:inline-block;
    _display:block;
    _float:left;
    margin:5px 0px 0px 5px;
    color:#FFFFFF;
    padding:0px 0px 0px 5px;
    line-height:1;
    padding-left:5px;
    font-weight:400;
    border-left:5px solid #FFD233;
}
#scrb-panel.after-subscribe .hd ul{
    width:100%;
    padding:0px;
    border-bottom:1px solid #E4E4E4;
    -webkit-padding-start:0px;
    margin:0px;
}
#scrb-panel.after-subscribe .hd ul.sub-list li{
    border-right:1px solid #E4E4E4;
    background:#88CFEC;
    color:#FFFFFF;
    border-radius:0px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        -o-border-radius:0px;
        -khtml-border-radius:0px;
    border:none;
    border-top:1px solid #E4E4E4;
    margin:0px;
    display:block;
    float:none;
    width:105px;
    _width:100px;
    line-height:1;
    padding:10px 0px 10px 10px;
}
#scrb-panel.after-subscribe .hd ul li span.add,
#scrb-panel.after-subscribe .hd ul li span.del{
    display:none;
}
#scrb-panel.after-subscribe .hd .add-more{
    text-align:left;
    zoom:1;
    clear:both;
    position:relative;
    width:100%;
    margin-top:10px;
    _padding-bottom:10px;
}
#scrb-panel.after-subscribe .hd .hidden-list{
    display:none;
}
#scrb-panel.after-subscribe .hd .add-more h6{
    font-size:12px;
    margin:0px;    
    clear:both;
    font-weight:400;
    line-height:1.231;
    margin-left:10px;
}
#scrb-panel.after-subscribe .hd a.add-sub {
    background:url(/img/wretch2012/chrome/ico_not_expanded_hover.png) center center no-repeat;
    width:13px;
    height:14px;
    display:inline-block;
    text-indent:-9999px;
    vertical-align:middle;
    clear:both;
    position:absolute;
    right:10px;
    top:0px;
    _top:-7px;
    _right:0px;
}
#scrb-panel.after-subscribe .hd a.add-sub:hover, 
#scrb-panel.after-subscribe .hd a.add-sub:active {
    position:absolute;
    left:auto;
    bottom:auto;
    right:10px;
    top:0px;
    _top:-7px;
    _right:0px;
}
#scrb-panel.after-subscribe .hd ul.unsub-list{
    margin-left:10px;
    margin-bottom:10px;
    border:none;
    width:auto;
}
#scrb-panel.after-subscribe .hd ul.unsub-list li {
    clear:both;
    background:#FFFFFF;
    color:#70cdec;
    width:66px;
    border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        -o-border-radius:2px;
        -khtml-border-radius:2px;
    margin:10px 0px 0px 0px;
}

#scrb-panel.after-subscribe .hd ul.unsub-list li span.add {display:inline;}
#scrb-panel.after-subscribe .hd ul li.hover-on {background:#37B7EC;}
#scrb-panel.after-subscribe .hd ul.unsub-list li.hover-on {color:#FFFFFF;}

#scrb-panel.after-subscribe .hd ul li.selected {
    border-right:1px solid #FFFFFF;;
    position:relative;
    z-index:10000;
    right:-1px;
    background:#FFFFFF;
    width:114px;
    _width:99px;
    color:#000000;
}
#scrb-panel.after-subscribe .bd {
    clear:none;
    float:left;
    width:362px;
    _width:366px;
    margin:0px;
    position:relative;
    xborder-left:1px solid #E4E4E4;
    background:#F9F9F9;
    padding-bottom:30px;
}
#scrb-panel.after-subscribe .bd h5{
    display:none;
}
#scrb-panel.after-subscribe .bd ul.article-list{
    display:block;
    background:#FFFFFF;
    margin:0px;
    zoom:1;
}
#scrb-panel.after-subscribe .bd ul.article-list li{
    zoom:1;
    border-bottom:1px solid #E4E4E4;
    border-top:none;
}
#scrb-panel.after-subscribe .bd ul.article-list li span.article-type{
    display:none;
    font-size:0px;
}
#scrb-panel.after-subscribe .bd ul.article-list li img{
    border:none;
    _margin-bottom:10px;
}
#scrb-panel.after-subscribe .bd a.unsub {
    color:#31A2FF;
    position:absolute;
    right:10px;
    margin-top:10px;
    margin-bottom:10px;
    text-decoration:none;
    background:url(/img/wretch2012/chrome/ico_close.png) left center no-repeat;
    padding-left:20px;
    font-size:12px;
}
#scrb-panel.after-subscribe .bd a.unsub:hover {
    top:auto;
    left:auto;
}
/*lower right*/
#kukubar-lower .right-side{
    position:absolute;
    bottom:0px;
    right:0px;
    background:#F0F0F0;
}
#kukubar-lower .right-side #text-carousel {
    border-top: 1px solid #BBBBBB;
    float: left;
    width: 240px;
    height: 25px;
    overflow: hidden;
    padding-right: 5px;
}
#kukubar-lower .right-side #text-carousel ul {
    margin: 0;
    padding: 0;    
}
#kukubar-lower .right-side #text-carousel li {
    height: 25px;
    line-height: 25px;
    list-style: none;
    overflow: hidden;    
}
#kukubar-lower .right-side #text-carousel a {
    color: #666;
}
#kukubar-lower .right-side #text-carousel a:hover {
    color: #000;
    text-decoration: underline;
}
#kukubar-lower .right-side ul#footer-ugc-compose{
    float: right;
    padding-left: 0;
    *float: none;
    margin:0px;
    margin-right:35px;
    border-top:1px solid #BBBBBB;
    _margin-bottom:-1px;    
}
#kukubar-lower .right-side ul#footer-ugc-compose:after {
    clear:both;    
    display:block;
    content:'';
}
#kukubar-lower .right-side ul#footer-ugc-compose li{
    list-style-type:none;
    margin-left:0px;
    float:left;
}
#kukubar-lower .right-side ul#footer-ugc-compose li em{
    display:block;
    text-indent:-9999px;
    width:26px;
    position:relative;
}
#kukubar-lower .right-side ul#footer-ugc-compose li.blog-service em{
    border-left:1px solid #C9C9C9;
    background:url(/img/wretch2012/chrome/ico_footer_blog.png) center center no-repeat;
}
#kukubar-lower .right-side ul#footer-ugc-compose li.album-service em{
    background:url(/img/wretch2012/chrome/ico_footer_album.png) center center no-repeat;
}
#kukubar-lower .right-side ul#footer-ugc-compose li.video-service em{
    background:url(/img/wretch2012/chrome/ico_footer_video.png) center center no-repeat;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown{
    position:absolute;
    bottom:25px;
    _bottom:24px;
    background-color:#FFFFFF;
    z-index:9999;
    visibility:hidden;
    border:1px solid #BCBCBC;
    border-width:1px 1px 0px 1px;
    overflow:visible;
    float:none;
    display:block;
    left:inherit;
    margin:0px !important;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.expanded{
    visibility:visible;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li{
    cursor:text;
    display:block;
    float:none;
    clear:both;
    text-indent:0px;
    position:relative !important;
    *bottom:0px;
    vertical-align:middle;
    border-bottom:1px solid #BBBBBB;
    line-height:1.231;
    *padding:0px !important;
    margin:0px;
    overflow:visible;
    width:60px;
    z-index:99999;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.expanded li{
    visibility:visible;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li.last{
    border-bottom:none;
    zoom:1;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li a {
    margin:0px !important;
    float:none;
    padding:5px 5px;
    display:block;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li.last a{
    margin:0px !important;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li a:hover {
    background:#D3ECF6;
    text-decoration:none;
}
#footer-switch{
    background:#F1F1F1 url(/img/wretch2012/chrome/ico_footer_close.png) center center no-repeat;
    position:fixed;
    _position:absolute;
    right:0;
    bottom:0;
    z-index:99999;
    width:35px;
    overflow:hidden;
    height:25px;
    _height:24px;
    margin:0;
    *cursor:pointer;
    border-top:#C9C9C9 solid 1px;
    padding:0px;
}

#footer-switch.off{
    background:#F1F1F1 url(/img/wretch2012/chrome/ico_footer_open.png) center center no-repeat;
    -webkit-box-shadow:5px 0px 10px #a0a0a0;
    -moz-box-shadow:5px 0px 10px #a0a0a0;
    -o-box-shadow:5px 0px 10px #a0a0a0;
    -ms-box-shadow:5px 0px 10px #a0a0a0;
    border-left: 1px solid #C9C9C9;
    border-top: 1px solid #C9C9C9;
}

#footer-switch button{
    padding:0px;
    width:100%;
    height:100%;
    overflow:hidden;
    margin:0;
    border:0;
    outline:none;
    cursor:pointer;
    text-indent:-9999px;
    background:none;
}

/* Override base layout, and apply Absolute Layout in Internet Explorer 6 */
/* Taylor */
* html, * html body {
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
}

* html body #hugewrapper {
    position:relative!important;
    height:100%!important;
    width:100%!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
}

* html div#kukubar-lower div.left-side {margin-left:8px!important;}