@Charset "UTF-8";
html, body {height:100%;}
body {
  font:16px Georgia,'新細明體','宋体','cwTeXMing',Verdana,Helvetica,arial,sans-serif; background-color:#f7f7f4;
  background-color:#f7f7f4;
  max-width:1440px;
  padding: 0 30px;
  margin:auto;
}
div {padding:0;margin:0;}
img {border:none;}
a:hover {text-decoration:none;}
a:active {outline:2px solid #806; -moz-outline-radius:10px;}
blockquote {
    margin:5px 15px 0 15px; padding:9px 16px; color:#000; background-color:#e8efe9;
    font-family:'新細明體',pmingliu,'宋体',simsun,'cwTeXMing',serif; border:4px dotted #c8c8c9; border-right-color:#b0b0af; border-bottom-color:#b0b0af;
}
q {font-weight:normal; margin:0; padding:0; color:#630;}
q::after, q::before {content:'';}
cite {font-style:normal; color:#630; padding:0;}
q:hover, cite:hover {color:#DE7008;}
i {padding:0 4px 0 0;}
code, .code {background-color:#e8efe9; padding:1px 3px; white-space:normal; font-family:Consolas,Monaco,monospace;}
code:hover {background-color:#ffa;}
pre {overflow:auto; border:1px solid #ddd;}
var {color:#c00; font-style:normal;}
ins {text-decoration:none; padding:2px 5px 4px 27px; color:#900; background:transparent url(img/blinkbulb_24.png) no-repeat 0 50%;}
del {opacity:.89; text-decoration:line-through;}
del * {text-decoration:line-through;}
table {border-collapse:collapse; border:1px solid #ddd; border-bottom:1px solid #bbb; border-right:1px solid #bbb;}
table tr:hover {background-color:#fff;}
table tr th {
  background-color:#625232; color:#fff; border-right:1px solid #bbb; border-bottom:1px solid #bbb; text-align:center; padding:1px 4px; font-weight:normal;
  font-family:'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'メイリオ','cwTeXHeiBold', sans-serif;
}
table tr td {padding:1px 7px; border-right:1px solid #bbb; border-bottom:1px solid #bbb;}
noscript {display:block; background-color:#E8EFE9; border:2px solid #92A195; padding:0 5px; float:right; margin-bottom:16px;}
input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;}

.ta-c {text-align:center;}
.centered {margin-left:auto; margin-right:auto;}
.block {display:block;}
.inline {display:inline;}
.inline-block {display:inline-block;}
.va-m {vertical-align:middle;}
.dsp-block {display:block;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.underline {background: transparent url(img/underline.gif) repeat-x scroll 0px 100%;}
em.underline {text-decoration:none;}
.no-indent {text-indent:0px;}
.lh-15 {line-height:1.5em;}
.pd-l-20 {padding-left:20px;}
.pd-l-30 {padding-left:30px;}
.pd-l-40 {padding-left:40px;}
.tp-20 {padding-top:20px;}
.tp-40 {padding-top:40px;}
.tp-50 {padding-top:50px;}
.lp-10 {padding-left:10px;}
.lrp-10 {padding-left:10px; padding-right:10px;}
.lm-0 {margin-left:0 !important;}
.lm-10 {margin-left:10px;}
.lm-20 {margin-left:20px;}
.lm-40 {margin-left:40px;}
.tm-0 {margin-top:0;}
.tm-10 {margin-top:10px;}
.tm-20 {margin-top:20px;}
.tm-40 {margin-top:40px;}
.bm-0 {margin-bottom:0 !important;}
.bm-10 {margin-bottom:10px;}
.bm-20 {margin-bottom:20px;}
.bm-40 {margin-bottom:40px;}
.hr {margin:30px 0;}
.hr-x {margin:50px 0;}
.hr-0, .hr-3, .hr-1,
.hr-4 {height:0; border:none; background-color:transparent; padding:0; margin:0; visibility:hidden; clear:both;}
.hr-1 {margin:1em 0;}
.hr-3 {margin:3em 0;}
.hr-4 {margin:4em 0;}
.bold {font-weight:bold;}
.help {cursor:help;}
.gray {color:gray;}
.gray-d {color:#666;}
.gray-dd {color:#333;}
.float-l {float:left;}
.float-r {float:right;}
.clear-l {clear:left;}
.both {clear:both;}
.hidden {visibility:hidden; display:none;}
.ellipsis {font-family:'cwTeXKai','標楷體',dfkai-sb,stkaiti,'ＭＳ 明朝','MS Mincho','楷書';}
.kai {font-family:'標楷體',dfkai-sb,stkaiti,'ＭＳ 明朝','MS Mincho','cwTeXKai','楷書';}
.serif {font-family:'新細明體',pmingliu,'宋体','仿宋體',simsun,'cwTeXMing',serif;}
.sans-serif {font-family:'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'メイリオ','cwTeXHeiBold','粗黑體' sans-serif;}
.qty {white-space:normal; font-family:Consolas,Monaco,sans-serif;}
.minor-bdr {border:3px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.round-bdr {-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.config-off {color: #889; text-decoration:line-through;}
.pre {white-space:pre;}
.report {padding:18px; margin:16px; font-size:18px; border:4px solid #aba; background-color:#e8efe9;}
kbd, .kbd {
  font-family:Consolas,Monaco,monospace; border:1px solid #000; margin:0.1em; padding:0px 1px;
  background:#FAF6F6 none repeat scroll 0% 0%; border-color:#EEDDDD rgb(187, 170, 170) rgb(187, 170, 170) rgb(238, 238, 221); border-width:1px 2px 2px 1px; color:#000000;
}
.lyrics {padding:30px 0 30px 40px; margin:30px 10px 10px 30px; background-color:#e8efe8; border-left:8px dotted #f7f7f4; border-right:8px dotted #f7f7f4;}
.sh-code {padding:1px 3px; font-family:Consolas,Monaco,sans-serif;}
textarea.ta-code {width:91%; margin:auto; font-family:Consolas,Monaco,monospace; padding:2px 4px;}
.youtube-obj {display:block; margin:10px 20px;}

#Header1 {text-align:left; padding-top:4px; position:relative;}
#Header1 h1 {float:left; margin:-9px 0 14px 71px;}
#Header1 h1 a {font-weight:bold; font-size:24px; text-decoration:none; letter-spacing:5px; margin-left:20px; color: #9a8099; text-shadow:rgba(0,0,0,0.2) 0 0 14px;}
#Header1 .header_pageType {
    font:16px Georgia, '新細明體', Verdana, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:0px; vertical-align:top; padding:0 0 0 8px; color:#603;
    position:absolute; left:-14px; top:-10px;
}
#Header1 .header_pageType::before, #Header1 .header_pageType::after {content:'-';}

/* Content */
#content {
    clear:left; float:left; outline:8px solid white; text-align:left;
    width:70%; max-width:1200px;
}
.more-link {color:#f00; text-decoration: none;}
#post-content-toggle {float:right; position:relative; top:-70px; left:-24px; cursor:pointer;}
.post_date {color:#999; float:left; padding-left:8px;}
.postheader {margin-top:10px;}
.postheader h2 {
    font-size:22px; margin:3px 0px 6px 0; padding:3px 3px 4px 5px; border-top:1px solid #eef; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;
    background:#ddd url(img/postheader_bg.png) 140% 0% repeat-y; color:#333; clear:both; font-weight:bold;
}
.postheader a {text-decoration:none; color:#333;}
.postheader .postdetails {text-align:right; color:#777; padding-right:4px;}
.postheader .postdetails a {color:#826; margin-right:7px;}
/* .postheader .postdetails a:last-child {margin-right:0;} */
.postheader .postdetails a:hover {border-bottom:1px dotted #826; background-color:#fff;}
.postcontent {padding:5px 20px 10px; line-height:180%; clear:left;}
.postcontent p {text-indent: 2em;}
.postcontent p.no-indent {text-indent:0;}
.postcontent ul.p,
.postcontent ol.p {
  text-indent: 2em;
  padding-left: 0;
  list-style-type: none;
}
.postcontent h2 {font:bold 20px 'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'cwTeXHeiBold', sans-serif;}
.postcontent img {margin:0 12px 12px 12px;}
.postcontent img.inline {margin: 0; vertical-align: middle;}
.postcontent a {text-decoration:none;}
.postcontent ul li,
.postcontent ol li {list-style-position:outside;}
.postcontent ul li h3,
.postcontent ol li h3 {font-family:'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'cwTeXHeiBold', sans-serif; margin:0; padding:0;}
.postcontent ul li h4,
.postcontent ol li h4 {margin:0; padding:0;}
.postcontent ul li blockquote,
.postcontent ol li blockquote {margin-bottom:20px;}
.postcontent ul li p:first-child,
.postcontent ol li p:first-child {padding:2px 10px;}
.postcontent ul li p:last-child,
.postcontent ol li p:last-child {margin-bottom:40px;}
.postcontent .mass li {margin-bottom:18px;}
.postcontent .mass-p-min li p {margin-top:8px;}
.postcontent .mass-p-min li p:last-child {margin-bottom:25px;}
.postcontent .mass-no-indent li p {text-indent:0;}
.postcontent .mass-reset {margin-top:5px; margin-left:14px; padding-left:4px;}
.postcontent .mass-reset li {margin-bottom:0;}
.leq_read_more {padding:2px 4px; margin-left:12px; width:254px; color:#267; font-family:'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'cwTeXHeiBold', sans-serif;}
.leq_read_more span, .leq_read_more a {padding:2px 4px; margin:4px 2px 0 0; width:228px; text-align:center; color:#267; cursor:pointer;}
.leq_read_more a {margin:4px 0 0 2px; color:#806;}
.leq_read_more a:hover {border-style:none; background-color:inherit;}
.leq_read_more img {vertical-align:middle; margin:0; margin-left:6px; cursor:pointer; position:relative; top:-1px; display:none;}
.leq_read_more:hover img {display:inline;}
.postfooter {margin-bottom:5px; margin-top:25px; padding:0 10px 0 20px;}
.postfooter a {color:#806; text-decoration:none; font-family:'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'cwTeXHeiBold', sans-serif;}
.comment_num_text {float:left;}
.comment_num_text var {padding:0 4px; position:relative; top:-1px; letter-spacing:2px; color:currentColor;}
.item_respond {float: right;margin-top: 27px;}
.item_respond a {text-decoration:none; color:#806;}
.item_respond h3 {font-size: 20px;float: right;padding:0 28px 20px 0; position:relative; top:-14px;}

/* 電梯向下 */
.comments_btn {
    background:#f7f7f4 url(img/elevator_2_off.png) 100% 65% no-repeat;
    width:40px; height:40px; float:right; position:relative; top:-10px; cursor:pointer; color:transparent; text-indent:16px;
}
.comments_btn:hover {background:url(img/elevator_2.png) 100% 65% no-repeat;}
.comments_btn:hover span {color:#806;}
.postfooter .google-plus-btn {float: right;}
.postfooter .elevator p.loading {text-align:center; font-family:'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'cwTeXHeiBold', sans-serif;}
.postfooter .elevator p.loading img {margin-right:5px;}
.scrollContainer_footer {margin-bottom:40px; text-align:right; padding-right:8px;}
.scrollContainer_footer span {padding-right:20px; color:#777; position:relative; top:-5px; display:none;}
.scrollContainer_footer:hover span {display:inline;}
.scrollContainer_footer img {cursor:pointer; position:relative; top:-8px;}

/* Comments */
#comments {margin:0 20px;}
#comments h3 {color:#806; font-family:'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei',simhei,Meiryo,'cwTeXHeiBold',sans-serif;}
#comments h3 img {vertical-align:bottom;}
ol.comments {padding:0; margin-bottom:30px; margin-left:30px; list-style-type:decimal-leading-zero; list-style-position:outside; color:rgba(0,0,66,0.3);}
ol.comments:hover {color:rgba(0,0,66,0.7);}
li.comment {margin:0 0 24px 0; clear:both; /*color:green;*/}
.comment_top {
    background:#cad8cb url(img/rc_74.png) no-repeat top left; padding:4px 14px; text-align:right;
    -moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
    border:1px solid #fff;
    border-top:1px solid #cad8cb;
    border-bottom:none;
}
.comment_top a {color:#666; text-decoration:none;}
.commenter, a.commenter {color:#806; float:left; font:17px Georgia,'新細明體',Verdana,Arial,Helvetica,'cwTeXMing',sans-serif;}
.comment_top a.blogger-comment-icon, .comment_top a.openid-comment-icon,
.comment_top a.anon-comment-icon {margin-right:8px; position:relative; top:2px; opacity:0.77;}
li.comment:hover a.blogger-comment-icon, li.comment:hover a.openid-comment-icon,
li.comment:hover a.anon-comment-icon {opacity:1.0;}
.comment_timestamp {margin-right:12px; color:#444;}
.comment_body {
    font-size:16px; line-height:160%; padding:10px 8px 0 8px; margin:0; background-color:#e8efe9; color:#000;
    padding:6px 20px 8px;
    border:1px solid #fff;
    border-bottom:1px solid #969696;
    border-top:none;
    -moz-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
}
.deleted-comment {padding:7px 0 2px 16px;color:#040;}
.deleted-comment img {vertical-align:middle; margin-right:14px;}
.admin_delete_icon {float:right; position:relative; top:14px; left:9px;}
.super_comment .comment_top {background-image:none; background-color:#806;}
.super_comment .comment_top a, .super_comment .comment_timestamp {color:#bbb;}
.super_comment .commenter, .super_comment  a.commenter {color:#FFCC00;}
.super_comment .comment_body {background-color:#fff;}


/* Sidebar */
#toggleSidebarBtn {background:none; border:none; position:fixed; bottom:0; right:0; opacity:.4; padding:10px 0 0 10px;}
#toggleSidebarBtn:hover {background-color:#f7f7f4; opacity:.9;}
#sidebar {
    float:right;
    width:30%;
    max-width:440px;
    margin-top:-40px;
    text-align:right; color:#806;
    background:url(img/toilet_lt.png) no-repeat scroll 90% 0px;
}
*+html #sidebar {position:absolute; top:10px; right:2%;}
* html #sidebar {position:absolute; top:10px; right:2%;}
#sidebar h2 {text-align:right; font-size:20px; margin-bottom:8px; padding-right:2px;}
#sidebar h2 span {cursor:pointer;}
#sidebar ul {list-style:none; padding:0; margin:0; margin-bottom:40px; line-height:170%;}
#sidebar ul li {padding:0; margin:0; width:100%; color:#555; clear:both;}
#sidebar ul li a {text-decoration:none; color:#555;}
#sidebar ul li:hover {color:#000;}
div.widget {clear:right;}

/* 關於 */
#Profile1 div.widget-content {color:#111;}
#Profile1 div.widget-content a {text-decoration:none; color:#427;}
#Profile1 div.widget-content ul {text-align:right;}
#Profile1 div.widget-content ul li::before {content:'- ';}
#sidebar ul li:hover {color:#555;}
#bootleq_config span {cursor:pointer; padding:0 2px;}
#bootleq_config span:hover {color:#000; background-color:#dcc;}

/* 近期迴響 */
#Feed2 div.widget-content {padding-left:12%;}
#Feed2 ul li:hover {background-color:#fff;}
#Feed2 .item-top {cursor:n-resize; background-color: #806;}
#Feed2 .item-top:hover {background-color:#806;}
#Feed2 .item-top .item-author {font-weight: bold; color: #333; float:left;}
#Feed2 .item-top .item-date {padding-left: 8px; float:right;}
#Feed2 .item-title {clear:both; text-align:left;}
#Feed2 .item-title a {color:#777;}
/* LVCHEN 最新回應 */
#divrc {}
#divrc img {vertical-align:middle;}
#headerButton * {vertical-align:middle;}
#showAllButton {cursor:pointer; opacity:0.6; margin:8px 0 0;}
#showAllButton p {padding:0; margin:0;}
#showAllButton input {color:#111; font-size:15px; padding:1px 4px;}
#showAllButton:hover {background-color:#fff;}
#divrc ul {margin-bottom:14px;}
#divrc ul li {clear:both; overflow:hidden;}
#divrc li:hover,
#divrc li:hover .rcPostTitle {background-color:transparent !important;}
#divrc li:hover .rcfold {font-style:italic;}
.rcfold {float:left; width:18px; margin-right:1px; font-size:14px; background:none !important; color:#806; font-weight:bold; cursor:n-resize !important;}
.rcAuthor,
.rcAuthor a {float:left; font-weight:normal; color:#666;}
.rcAuthor a {font-weight:bold; color:#555;}
.rcAuthor .gray {font-weight:normal;}
.rcPostTitle,
.rcPostTitleRemoved {overflow:hidden; float:left; font-size:15px; color:#666; margin-left:3px; white-space:nowrap; overflow:hidden; text-align:left;}
.rcPostTitleRemoved {letter-spacing:1px; margin-left:7px;}
.rcTimeStamp {font-size:12px; color:#444; padding-left:8px; vertical-align:middle;}
.comcontent {clear:both; padding:0 2px; margin-bottom:8px;}
.comcontent p {padding:3px 4px 6px 6px; margin:0; border:4px solid #ccc !important; text-align:left; color:#444; line-height:150%;}
#showfooterButton {margin:0 0 10px; background-color:#ddd; opacity:0.7;}
#showfooterButton input {color:#111; font-size:15px; padding:1px 4px;}
#showfooterButton .rcBtnPrev {float:left;}
#showfooterButton .rcBtnNext {float:right;}
#showfooterButton a {font:italic bold 14px Consolas,Monaco,sans-serif; color:#752; text-decoration:none; text-align:center; display:block; line-height:28px; padding-right:4px;}

/* ShoutMix */
#shoutmix_obj_box {
  background: #eaeaea url(img/loading.gif) no-repeat 50% 60px;
  border:4px solid #fff; display:block; float:right; width:300px; height:400px; margin-bottom:16px;
}
#shoutmix_iframe {width:100%; height:100%; overflow:auto;}

/* 裝飾品 */
#HTML3 div.widget-content {text-align:right;}
#HTML3 div.widget-content ul {position:relative; top:8px; left:6px;}

/* 標籤 & 文章封存 */
#Label1 {clear:right;}
#Label1 .item_pv_switch,
  #ArchiveList .item_pv_switch {display:none; cursor:n-resize; padding-right:6px; font-weight:bold; color:#806; font-style:italic;}
#Label1 li.current_label {background-color:#E9E9E7;}
#Label1 li.current_label:hover {background-color:#fff;}
#Label1 li:hover,
#ArchiveList li:hover {background-color:#F7F7F4;}
#Label1 li:hover .item_pv_switch,
  #ArchiveList li:hover .item_pv_switch {display:inline;}
#Label1 ul li ul, #ArchiveList ul li ul {
  padding-right:8px !important; margin-bottom:10px !important; border:1px solid #ccc !important;
  border-left-style:none !important; color:#666;
  list-style:disc inside !important;
}
#Label1 ul li ul li a,
  #ArchiveList ul li ul li a {color:#565;}
#Label1 ul li ul li:hover,
  #ArchiveList ul li ul li:hover {background-color:#fff;}
/* 覆蓋 blogger 的樣式 */
#ArchiveList {text-align:right !important;}
.BlogArchive #ArchiveList ul li {padding-left:inherit !important;text-indent:inherit !important;}
.BlogArchive #ArchiveList ul li:hover {background-color:#F7F7F4;}
.BlogArchive #ArchiveList ul ul li {padding-left:inherit !important; list-style:disc inside !important;}

form#SearchBox label {border-style: none;}
form#SearchBox input.search_submit_btn {padding:0 4px;}
#search_input {  /* 文字欄位 */ padding:0 1px; margin-right:4px; width:180px;}

#navbar, #navbar-iframe {visibility: hidden; display: none; }
/* ** Markup free clearing ** Details: http://www.positioniseverything.net/easyclearing.html */
.clear-block:after {content: ".";display: block; height:0; clear: both;visibility: hidden;}
.clear-block {display: inline-block; width: 100%; height:0; clear: both;}

/* navigation */
div.navigation {clear:both; border: 1px solid #aaa; padding:8px 14px; margin-top:40px;}
div.navigation a {text-decoration:none; color:#333;}
a.navi_newer_link {float:left; text-align:left;}
a.navi_older_link {float:right; text-align:right;}

/* 反向連結等功能 */
p.comment-footer a {text-decoration:none; color:#806;}

.jump2comment {margin-left:10px;}
.jump2comment:hover {position:relative; top:2px;}
.comment-form {
    border-left:9px groove #806;
    margin:40px 0 40px 32px;
    width:100%;
}
#comment-form {max-width:90% !important;}
#comment-form > a img {position:relative; left:-6px;}
.comment-form h3 {margin:0 0 2px 20px; padding-top:5px; font-size:18px;}
.comment-form h3 a {font-size:14px; color:#806; margin-left:6px; top:-2px; vertical-align:top; text-decoration:none;}
.comment-form object {width:100%; height:270px; padding:4px 20px; margin-left:2px;}

/* jquery.lightbox-0.5-leq */
#jquery-overlay {position: absolute; top:0; left:0; z-index:90; width:100%; height:500px;}
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image {padding:15px 0;}
#lightbox-loading {position:absolute; top:40%; left:0; height:25%; width:100%; text-align:center; line-height:0;}
#lightbox-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lightbox-container-image-box > #lightbox-nav {left:0;}
#lightbox-nav a {outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%; height:100%; zoom:1; display:block;}
#lightbox-nav-btnPrev {left:0; float:left; }
#lightbox-nav-btnNext {right:0; float:right;}
#lightbox-container-image-data-box {
  font:12px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;
    padding:6px 15px 0;
}
#lightbox-container-image-data {padding:0; color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left;}
#lightbox-image-details-caption {font-weight:normal; font-size:16px;}
#lightbox-image-details-currentNumber {display:block; clear:left; padding-top:10px; padding-bottom:14px;}
#lightbox-secNav-btnClose {width:66px; float:right; padding-bottom:0.7em;}

/* SyntaxHighlighter_modified */
.dp-highlighter {font:17px "Consolas","Monaco","Courier New", Courier, mono, serif; background-color:#E7E5DC; width:99%; overflow:auto; margin:18px 0 18px 0 !important; padding-top:1px;}
/* clear styles */
.dp-highlighter .bar {position:absolute; /*padding-left:40px;*/}
.dp-highlighter ol, .dp-highlighter ol li, .dp-highlighter ol li span {margin:0; padding:0; border:none;}
.dp-highlighter a, .dp-highlighter a:hover {background:none; border:none; padding:0; margin:0;}
.dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar {padding-left:0;}
.dp-highlighter ol
{
    list-style:decimal; /* for ie */
    background-color:#fff;
    margin:0 0 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
  padding:0; color:#5C5C5C; cursor:text; line-height:20px;
}
.dp-highlighter.nogutter ol, .dp-highlighter.nogutter ol li {list-style:none !important; margin-left:0 !important;}
.dp-highlighter ol li, .dp-highlighter .columns div
{
    list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
    list-style-position: outside !important;
    border-right:1px solid #cdcdcd; background-color:#fff; color:#5C5C5C; padding:0 3px 0 6px !important; margin:0 !important; white-space:pre;
}
.dp-highlighter ol li:hover {background-color: #ffa;}
.dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div {border:0;}
.dp-highlighter .columns {background-color:#F8F8F8; color:gray; overflow:hidden; width:100%;}
.dp-highlighter .columns div {padding-bottom:5px;}
.dp-highlighter ol li.alt {/*background-color: #FFF;*/ color: inherit;}
.dp-highlighter ol li span {color:black; background-color:inherit;}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol {margin:0px;}
.dp-highlighter.collapsed ol li {display:none;}
/* Additional modifications when in print-view */
.dp-highlighter.printing {border:none;}
.dp-highlighter.printing .tools {display: none !important;}
.dp-highlighter.printing li {display:list-item !important;}
/* Styles for the tools */
.dp-highlighter .tools
{
    padding:4px 40px 5px 20px; font:14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:silver; border:1px solid #ddd; border-left:5px solid #E7E5DC; border-right:1px solid #cdcdcd;
    background:#f8f8f8 url(img/kiss-mark_16.png) no-repeat scroll 98% 5px; opacity:.91;
    -moz-border-radius:0 7px 1px 0;  -webkit-border-radius:0 7px 1px 0; border-radius:0 7px 1px 0;
}
.dp-highlighter.nogutter .tools {border-left:0;}
.dp-highlighter.collapsed .tools {border-bottom:0;}
.dp-highlighter .tools a {font-size:14px; color:#776; background-color:inherit; text-decoration:none; margin-right:16px; cursor:pointer;}
.dp-highlighter .tools a:hover {color:red; background-color:inherit; text-decoration:underline;}
/* About dialog styles */
.dp-about {background-color:#fff; color:#333; margin:0px; padding:0px;}
.dp-about table {width:100%; height:100%; font:11px Tahoma, Verdana, Arial, sans-serif !important;}
.dp-about td {padding:10px; vertical-align:top;}
.dp-about .copy {border-bottom:1px solid #ACA899; height:95%;}
.dp-about .title {color:red; background-color:inherit; font-weight:bold;}
.dp-about .para {margin:0 0 4px 0;}
.dp-about .footer {background-color:#ECEADB; color:#333; border-top:1px solid #fff; text-align:right;}
.dp-about .close {font:11px Tahoma, Verdana, Arial, sans-serif !important; background-color:#ECEADB; color:#333; width:60px; height:22px;}
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments {color:#008200; background-color:inherit;}
.dp-highlighter .string {color:blue; background-color:inherit;}
.dp-highlighter .keyword {color:#069; font-weight:bold; background-color:inherit;}
.dp-highlighter .preprocessor {color:gray; background-color:inherit;}
/* hScrollBtns-btn */
.hScrollBtns-btn {
  position:absolute; cursor:pointer; display:none; width:60px; height:110px; margin:0 4px; background-color:#806;
  opacity:.7; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}
.hScrollBtns-btn:hover {opacity:1.0; -moz-box-shadow:rgba(0,0,0,.4) 2px 2px 3px; -webkit-box-shadow:rgba(0,0,0,.4) 2px 2px 3px;}
.hScrollBtns-btn.btn-w {background:rgba(100,0,60,.86) url(img/previous2.gif) no-repeat 50% 50%;}
.hScrollBtns-btn.btn-e {background:rgba(100,0,60,.86) url(img/next2.gif) no-repeat 50% 50%;}
.hScrollBtns-btn.btn-active {}

/* vim colorscheme slate */
.vim {background-color:#000; color:#dfdfdf; padding:6px 4px; font-family:Consolas,Monaco,monospace; line-height:1.4em;}
.vim:after {clear:both;}
.vim::after {clear:both;}
.vim a {color: inherit;}
.vim a:hover {text-decoration: underline;}
.vim .Type {color:#00d000;}
.vim .Constant {color:#d75f00;}
.vim .Identifier {color:#ff5050;}
.vim .Function {color:#d75f5f;}
.vim .String {color:#5fbfaf;}
.vim .Comment {color: #8787af;}
.vim .PreProc { color:#ff5050; }
.vim .Operator {color:#ff6060;}
.vim .Special {color:#af5f00;}
.vim .Statement {color:#5fd7ff;}
.vim .lnr {color:#840;}

@media print {
  body {background-color:#fff; width:100%;}
  #content {width:100%;}
  #sidebar,
  .navigation,
  .comment_num_text,
  #toggleSidebarBtn,
  #comment-form {display:none;}
}

div.blogger-clickTrap {
  display: none;
}