/* Typo
----------------------------------------*/
@font-face {
  font-family: "Roboto";
  src: url("/s/font/roboto.eot");
  src: url("/s/font/roboto.eot?") format("embedded-opentype"),
	   url("/s/font/roboto-regular.woff") format("woff"),
       url("/s/font/roboto-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Roboto";
  src: url("/s/font/roboto-medium.eot");
  src: url("/s/font/roboto-medium.eot?") format("embedded-opentype"),
	   url("/s/font/roboto-medium.woff") format("woff"),
       url("/s/font/roboto-medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Roboto";
  src: url("/s/font/roboto.eot");
  src: url("/s/font/roboto.eot?") format("embedded-opentype"),
	   url("/s/font/roboto-bold.woff") format("woff"),
       url("/s/font/roboto-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Roboto";
  src: url("/s/font/roboto-bold-italic.eot");
  src: url("/s/font/roboto-bold-italic.eot?") format("embedded-opentype"),
	   url("/s/font/roboto-bold-italic-new.woff") format("woff"),
       url("/s/font/roboto-bold-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "Roboto";
  src: url("/s/font/roboto-black.eot");
  src: url("/s/font/roboto-black.eot?") format("embedded-opentype"),
	   url("/s/font/roboto-black.woff") format("woff"),
       url("/s/font/roboto-black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "Roboto";
  src: url("/s/font/roboto-black-italic.eot");
  src: url("/s/font/roboto-black-italic.eot?") format("embedded-opentype"),
	   url("/s/font/roboto-black-italic-new.woff") format("woff"),
       url("/s/font/roboto-black-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
}

@font-face {
  font-family: "Noticia Text";
  src: url("/s/font/noticiatext-regular.eot");
  src: url("/s/font/noticiatext-regular.eot?") format("embedded-opentype"),
	   url("/s/font/noticiatext-regular.woff") format("woff"),
       url("/s/font/noticiatext-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Noticia Text";
  src: url("/s/font/noticiatext-bold.eot");
  src: url("/s/font/noticiatext-bold.eot?") format("embedded-opentype"),
	   url("/s/font/noticiatext-bold.woff") format("woff"),
       url("/s/font/noticiatext-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("/s/font/source-sans-regular.eot");
  src: url("/s/font/source-sans-regular.eot?") format("embedded-opentype"),
	   url("/s/font/source-sans-regular.woff") format("woff"),
       url("/s/font/source-sans-regular.ttf") format("truetype");
	   url("/s/font/source-sans-regular.svg#web") format("svg");
  font-style: normal;
  font-weight: 400;
}


/* Comment 2013
----------------------------------------*/
#comments { font-size: 16px; margin-bottom: 20px; }
#comments a { color: #bfb29a; text-decoration: none; }
#comments a:hover { text-decoration: underline; }
#comment-head { padding: 14px 11px; background: #efece3; border-top: 1px solid #c9bda6; border-left: 1px solid #c9bda6; border-right: 1px solid #c9bda6; border-radius: 3px 3px 0 0;}
#comment-head:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#comment-head h4 { color: #000; background: none; border: none; float: left; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; font-style: italic; text-transform: uppercase; margin: 5px 0; }
#comment-head h4 span { background: none; border: none; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px; font-style: italic; }
#comment-filter  { float: right; display: none; }
#comment-filter > span { float: left; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; font-style: italic; padding-right: 10px; position: relative; top: 3px; }

.comment-form { padding: 14px 11px; background: #efece3; border-left: 1px solid #c9bda6; border-right: 1px solid #c9bda6; border-bottom: 1px solid #c9bda6; border-radius: 0 0 3px 3px; margin-bottom: 20px; overflow: hidden; }
.comment-form-header { overflow: hidden; margin-bottom: 10px; }
#comments .comment-form-header a { font-family: 'Roboto', sans-serif;  color: #999; font-weight: 500; font-size: 14px; font-style: italic; padding-right: 23px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") right -33px no-repeat; float: right; }
.comment-username { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; font-style: italic; float: left; }
.comment-username .comment-user { font-size: 13px; font-weight: 700; }
.comment-username .comment-length { color: #999; font-weight: 700; padding-left: 6px; font-size: 13px; font-style: italic; }
#comments .textarea { width: 96.5%; margin-right: 11px; padding: 10px; min-height: 80px; background: #fff; border: 1px solid #bebebe; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; margin-bottom: 15px; cursor: text; resize: vertical; }
#comments .form-btn { float: left; margin-right: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #456264; border: none; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; color: #fff; padding: 5px 13px; cursor: pointer; }
.comment-form .btn-submit:after { content: ""; width: 10px; height: 10px; display: block; float: right; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") right -64px no-repeat; margin: 8px 0 0 4px; }
.comment-form .btn-submit:hover:after { background-position: right -117px; }
.comment-form .btn-reset { background: #999; }
.comment-form .btn-reset:hover { background: #155092; }
.comment-faq { width: 70%; float: right; text-align: left; font-family: 'Roboto', sans-serif; font-size: 14px; margin-top: -4px; color: #999999; }
.comment-faq a { font-weight: 700; }
.textarea-wrap .btn-reset { display: none; }
.comment-children .textarea-wrap .btn-reset, .conversation .textarea-wrap .btn-reset { display: block; }
.comment-children .comment-faq { width: 300px; }
.comment-list .comment-faq { width: 60%; }
.comment-children #comment-textarea { width: 542px; }

#nickname-chooser { background: #eee; padding: 11px; font-family: 'Roboto', sans-serif; font-weight: 500; font-style: italic; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
#nickname-chooser #nickname-input { background: none #fff; border: 1px solid #bebebe; cursor: text; font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: 400; padding: 6px 5px; width: 38%; margin: 0 15px; }
#nickname-chooser input[type="button"], #nickname-chooser button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #155092; border: none; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; color: #fff; padding: 5px 13px; cursor: pointer; }

.post-content .comment-form { border: 1px solid #e0e0e0; margin-top: 10px; position: relative; }
.post-content .comment-form:before { content:""; width: 16px; height: 10px; display: block; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") -149px -47px no-repeat; position: absolute; top: 0; margin-top: -10px; left: 64px; }
.post-content .comment-form-header a { display: none; }

#comment-wrap { padding: 20px 11px 0; }
.conversation {  }
.conversation .post-content { padding-bottom: 11px; margin-bottom: 25px; }
.conversation .post-head { padding: 5px 11px; border-bottom: 1px solid #c9bda6;}
.conversation .publisher-name { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; padding-right: 6px; }
.conversation .post-date { font-family: 'Roboto', sans-serif; color: #999; font-weight: 500; font-size: 14px; padding-left: 10px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") -174px -107px no-repeat; }
.conversation .post-body { padding: 14px 11px; }
.conversation .post-body p { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; }
.post-foot { padding: 0 11px; position: relative; }
.post-foot:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#comments .post-foot a.post-reply { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #999; border: none; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; color: #fff; padding: 3px 13px; cursor: pointer; float: left; }
#comments .post-foot a.post-reply:before { content: ""; width: 13px; height: 14px; display: block; float: left; background: url("/s/img/cimlap2013/comment-sprite.png") 0 0 no-repeat; margin: 4px 8px 0 0; }
#comments .post-foot a.post-reply:hover { background: #155092; }
#comments .post-foot a.post-reply:hover:before { background-position: 0 -29px; }
.post-foot .post-report { float: right; width: 24px; height: 20px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") -243px -60px no-repeat; margin: 10px 0 0 15px; }
.post-foot .post-report:hover { background-position: -243px -83px; }
.post-foot .post-reported, .post-foot .post-reported:hover { background-position: -274px -67px; cursor: default; }
.post-foot .post-share-btn { float: right; width: 18px; height: 19px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") -220px -60px no-repeat; margin: 10px 0 0 15px; }
.post-foot .post-share-btn:hover { background-position: -220px -82px; }
.post-foot .post-anchor { float: right; width: 20px; height: 19px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") -198px -61px no-repeat; margin: 10px 0 0 15px; }
.post-foot .post-anchor:hover { background-position: -198px -80px; }
.post-foot .post-like { float: right; height: 16px; padding: 2px 0 0 26px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") -310px -61px no-repeat; font-family: 'Roboto', sans-serif; color: #999; font-weight: 500; font-size: 11px; font-style: italic; margin-top: 10px; }
.post-foot .post-like:hover { background-position: -310px -81px; }
.post-foot .post-like:hover, .post-foot .post-like-done { background-position: -310px -81px; }

.post-share { position: absolute; padding: 12px; border: 1px solid #ccc; background: #fff; right: 10px; bottom: 38px; }
.post-share .layer-close { display: none; }
.post-share ul { overflow: hidden; }
.post-share ul li { float: left; margin-right: 1px; }
.post-share ul li a { display: block; width: 32px; height: 33px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") no-repeat; }
.post-share ul li a.post-share-fb { background-position: 0 -61px; }
.post-share ul li a.post-share-fb:hover { background-position: 0 -95px; }
.post-share ul li a.post-share-w { background-position: -33px -61px; }
.post-share ul li a.post-share-w:hover { background-position: -33px -95px; }
.post-share ul li a.post-share-gp { background-position: -66px -61px; }
.post-share ul li a.post-share-gp:hover { background-position: -66px -95px; }
.post-share ul li a.post-share-tw { background-position: -99px -61px; }
.post-share ul li a.post-share-tw:hover { background-position: -99px -95px; }
.post-share ul li a.post-share-tumblr { background-position: -132px -61px; }
.post-share ul li a.post-share-tumblr:hover { background-position: -132px -95px; }
.post-share:after { content:""; width: 16px; height: 10px; display: block; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") right -93px no-repeat; position: absolute; bottom: 0; margin-bottom: -10px; right: 40px; }
.perma-layer { padding: 10px 12px; }
.post-share.perma-layer:after { right: 75px; }
.perma-layer span { font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 14px; font-style: italic; }

.comment-children { margin-left: 60px; }
.more-comment { padding: 14px; text-align: center; background: #999; }
#comments .more-comment a, .more-comment span { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; font-style: italic; text-transform: uppercase; color: #222; }
#comments .more-comment a { padding-right: 18px; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") right 12px no-repeat; }
#comments .more-comment a:hover { text-decoration: none; color: #222; }

#comment-login { border: 1px solid #ddd; background: #999; padding: 11px; margin: 10px; }
#comment-login-head { overflow: hidden; }
#comment-login h4 { clear: none; background: none; border: none; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; font-style: italic; text-transform: uppercase; }
#comment-login-head #comment-store { float: right; }
#comment-login-head #comment-store label { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; color: #fff; padding-right: 6px; position: relative; top: -2px; }
#comment-login-body { text-align: right; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; color: #fff; overflow: hidden; padding-right: 2px; }
#comment-login-body .login-info { text-align: left; margin-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; color: #fff; }
#comment-login-body .login-info a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; color: #fff; }
#comment-login-body .login-input { margin-bottom: 11px; }
#comment-login-body input { padding: 8px 10px; width: 430px; color: #757575; font-size: 14px; border: 1px solid #7a7a7a; }
#comment-login-body label { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; color: #fff; padding-right: 20px; }
#login-btns { text-align: right; overflow: hidden; }
#login-btns .form-btn { font-size: 16px; margin-left: 12px; }
#login-btns #login-submit:after { content: ""; width: 10px; height: 10px; display: block; float: right; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") right -64px no-repeat; margin: 8px 0 0 4px; }
#login-btns #login-submit:hover:after { background-position: right -117px; }
#login-btns #pw-reminder { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; color: #fff; position: relative; top: 6px; }
#login-more { text-align: left; margin-top: 11px; border-top: 1px solid #fff; padding: 14px 0 10px; *text-align: center; }
#login-more span { font-size: 14px; color: #fff; display: block; clear: left; margin: 10px auto; text-align: center; }
#login-more span a { font-size: 14px; color: #fff; }
#other-login { display: table; margin: 0 auto; overflow: hidden; *display: inline; *zoom: 1; }
#other-login li { float: left; margin: 0 11px; }
#other-login li a { width: 60px; height: 60px; display: block; background: url("/s/20130606/img/cimlap2013/comment-sprite.png") no-repeat; opacity: 0.7; }
#other-login li a:hover { opacity: 1; }
#other-login li a#login-btn-w { background-position: 0 -134px; }
#other-login li a#login-btn-g { background-position: -60px -134px; }
#other-login li a#login-btn-fb { background-position: -120px -134px; }
#other-login li a#login-btn-tw { background-position: -180px -134px; }
#other-login li a#login-btn-yahoo { background-position: -240px -134px; }
#other-login li a#login-btn-tumblr { background-position: -300px -134px; }
.comment-pass { padding: 11px 14px; text-align: center; background: #fcea50; font-family: 'Roboto', sans-serif; margin-top: 20px; }
.comment-pass p { font-weight: 500; font-size: 20px; font-style: italic; text-transform: uppercase; line-height: 1; }
.comment-pass span { font-size: 14px; }
.conversation .comment-pass { width: 638px; margin: 0 0 20px -11px; }

.pre-moderate { padding: 10px 0 0; background: #eee; width: 666px; margin: 0 0 25px 0; border-top: 1px solid #ddd; }
.pre-moderate h5 { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 14px; font-style: italic; margin: 0 0 0 20px; }
.pre-moderate .moderate-time { color: #999; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; }
.pre-moderate .moderate-post { padding-bottom: 15px; border-bottom: 1px solid #ddd; padding: 10px 20px; }

#shadow { background-image: url("/s/20130606/img/cimlap2013/shadow.png"); position: absolute; left: 0; top: 0; width: 100%; z-index: 1100; }
#comments .comment-layer { width: 500px; background-color: #999; border: 2px solid #fff; position: absolute; z-index: 1200; display: none; padding: 20px; }
.comment-layer .layer-close { display: block; width: 10px; height: 10px; background: red; position: absolute; top: 10px; right: 10px; }
.login-layer { padding: 0 !important; border: 1px solid #fff; margin-left: 80px; }
.login-layer .layer-close { display: none; }
.login-layer #comment-login { margin: 0; }
.info-layer { text-align: center; margin-left: 60px; }
.info-layer p { font-weight: 700; color: #fff; }
.info-layer .layer-btns { margin-top: 10px; }

.dk_container a{outline:0}
.dk_toggle{display:-moz-inline-stack;display:inline-block;*display:inline;position:relative;zoom:1}
.dk_open .dk_options{display:block}
.dk_options{display:none;margin-top:-1px;position:absolute;right:0;width:100%}
.dk_options a,.dk_options a:link,.dk_options a:visited{display:block}
.dk_options_inner{overflow:auto;position:relative}
.dk_fouc select{position:relative;top:-99999em;visibility:hidden}