/* Move the links div to the right */
/*div#links { float: right; margin: 0 0 0 1.25em; }
div#contents { margin: 0 10.5em 0 0; }
div#articles { margin: 0 18.5em 0 0; }*/
div.generaltitle div.title {
  margin: 0;
  border-bottom: 1px solid #fff;
  background: #ef8218 url(//barrapunto.com/images/article-title-orange-bg.png) repeat-x left top;
}

#commentlisting {
        padding: 0px;
        margin: 0px 0 0 1em;
        list-style: none;
	font-size: 100%;
}

#commentlisting li.comment { list-style: none; }
div#contents #commentlisting ul li {
  list-style: none;
  padding-left: 1.55em;
  margin: 0 0 .75em 0;
  background: url(//barrapunto.com/images/comment-line.png) no-repeat 3px -1px;
}
div#contents #commentlisting .commentBody ul {background: transparent}
div.commentBody ul li { 
	list-style-image: none; 
	list-style: disc !important;
	padding: 0 !important; 
	margin: 0 0 0 1em !important;
	background: transparent !important;
	}

div#contents #commentlisting .commentBody ul {background: transparent}
div#contents #commentlisting li a,
div#contents #commentlisting ul li a {
  padding-left: 15px;
  background-position: left 50%;
  background-repeat: no-repeat;
}
div#contents #commentlisting li div a { padding-left: 0; }

#commentlisting li a { background-image: url(//barrapunto.com/images/comment-bullet-unread.png); }
#commentlisting li a:hover { background-image: url(//barrapunto.com/images/comment-bullet-hover.png); }
#commentlisting li a:visited { background-image: url(//barrapunto.com/images/comment-bullet-read.png); }

#commentlisting div.commentTop {
        margin-top: .75em;
        color: #fff;
}

#commentlisting div.commentTop a,
#commentlisting div.commentBody a,
#commentlisting div.commentSub a,
#commentlisting div.commentTop a:visited,
#commentlisting div.commentBody a:visited,
#commentlisting div.commentSub a:visited { padding-left: 0; background: none; }

#commentlisting { margin-bottom: 15px; }

div.commentwrap {
  position: relative;
  margin: .5em 0 1.25em 1.7em;
  padding: 0;
  background: #696969 url(//barrapunto.com/images/commentbox-bg.png) repeat-x left top;
 clear: right; 
}
div.commentwrap div.commentBox:first-child {
	background: url(//barrapunto.com/images/commentbox-left.png) no-repeat left top;
}
div.commentBox {
  padding: .1em .7em;
	color: #fff;
	font-size: 85%;
	text-align: center;
}

.commentBox a { color: #fff; }
.commentBox a:visited { color: #fff; }

div.commentBoxForm {
  padding: 1.3em 0 0 0;
  text-align: center;
  font-size: 93%;
  background: #eee url(//barrapunto.com/images/commentboxform-bg.png) repeat-x left bottom;
}
  div.commentBoxForm form { padding: 0; }
    div.commentBoxForm fieldset { }
  div.commentBoxForm div.commentBox {
    padding: .75em 0 .5em 0;
    background: url(//barrapunto.com/images/commentboxform-bottom-right.png) no-repeat right bottom;
  }
  div.commentBoxForm div.commentBox small {
    color: #555;
    font-size: 93%;
  }

.commentwrap legend {
  display: none;
}
.commentwrap fieldset, .commentswrap form {
  margin:0;
  padding: 0;
  border: none;
}
.linkCommentPage {
  margin-bottom: 15px;
  background: #eee;
  text-align: center;
  padding: .3em;
}

div.commentTop { position: relative; }
  div.commentTop div.title {
    position: relative;
    border-bottom: 1px solid #fff;
    padding: .1em 0 .1em 0;
    background: #ef8218 url(//barrapunto.com/images/article-title-orange-bg.png) repeat-x left top;
  }
    div.commentTop div.title * { line-height: 100%; }
    div.commentTop div.title  { font-size: 100%; }
    div.commentTop div.title a { color: #fff; }
    div.commentTop div.title h4 {
      padding: .6em .7em 0 .7em;
      color: #fff;
      font-size: 100%;
      font-weight: bold;
      float: left;
      margin: -.3em 0 0 0;
      position: relative;   
 }
    div.commentTop div.title span.score {height: 1em; padding: .3em; color: #fff;}
    #metamod  div.commentTop div.title {padding: .35em 0 .5em 0;}
       #metamod div.commentTop div.title h4 {
           padding: .5em .7em;
           float: none;
           display: inline;
 }
  div.commentTop div.details {
    padding: .2em .7em .4em .7em;
    font-size: 83%;
    color: #000;
    background: #e6e6e6 url(//barrapunto.com/images/article-details-bg.png) repeat-x left bottom;
  }
  div.commentTop div.details a { padding-left: 0; }
  div.commentTop div.details small { font-size: 100%; }
  

div.commentBody { 
	padding: .6em .7em 1em .7em; 
	background: #fff;
	border: 1px solid #eee;
}
div#contents #commentlisting .commentBody ul {background: transparent}

div.commentSub {
  margin-bottom: .4em;
  padding: .2em .7em .4em .7em;
  font-size: 83%;
  font-weight: bold;
  color: #777;
  border-bottom: 1px solid #ef8218;
  background: url(//barrapunto.com/images/commentsub-bg.png) repeat-x left bottom;
}

/* Related Stories */  
div.briefarticle { padding: 0.7em; background: #e8e8e8; }
  div.briefarticle a { font-weight: bold; }
  div.briefarticle div.introhide { display: none; }

/* Styles copied from the old comments.css */

.commentshrunk, .commentstatus { font-weight: bold }

#commentlisting { list-style: none; }
.comment { margin-bottom: 0.5em }
.comment { margin-left: 0.5em }
#commentlisting li.comment { list-style: none; }
.comment_footer { text-align: center; background: #ddd }
.modsel {
	display: inline;
	font-weight: bold;
	color: black;
}

.ups {
	margin: 0 0 0 -.3em;
	padding: 0 .3em;
	text-decoration: none;
	background: url("//barrapunto.com/images/comm-minus.gif") 0 .2em no-repeat;
	right: -1.4em;
	z-index: 2;
	cursor: pointer;
}

.dwns {
	margin: 0;
	padding: 0 .3em;
	text-decoration: none;
	background: url("//barrapunto.com/images/comm-plus.gif") 0 .2em no-repeat;
	right: -1.4em;
	z-index: 1;
	cursor: pointer;
}

.hide { display: none   }
.show { display: inline }

.comment > .hidden  { display: none   }
.comment > .full    { display: inline }
.comment > .oneline * {	display: inline; }
.comment > .oneline .commentTop * {	vertical-align: top; }
.comment > .oneline .commentSub, .comment > .oneline .otherdetails, .comment > .oneline .sig { display: none; }
.comment > .oneline {
	border: 1px solid transparent;
	padding: .3em;
	width: 100%;
	height: 1.25em;
	overflow: hidden;
}
.comment > .oneline .details { font-size: 100%; }
.comment > .oneline .commentTop .title h4 a, .comment > .oneline .commentTop .score { color: #069;}
.comment > .oneline .commentTop {
	background: transparent;
	border: none;
	padding: 0;
}
.comment > .oneline .commentBody {
	color: #666;
	font-size: 100%;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0 0 0 1em;
}
.comment > .oneline .commentBody * {
	color: #666;
	text-decoration: none;
	font: inherit;
}
.oneline div.commentTop div.title h4, 
.oneline div.commentTop div.title,
.oneline div.commentTop div.details,
.oneline div.commentBody
 {background: transparent !important; padding-left: 0; padding-bottom: 0}

/* D2 Widget */

#d2prefs { background-color: lightgray; padding: 1em; width: 20em; border: 1px solid black; display: none; position: absolute; z-index: 1 }
#d2prefs  .pref-group { margin-top: 1.5em; }
#d2prefs  .pref-group-comment { font-size: smaller; margin: 0.5em 1em; }
#d2prefs  .pref-group h1 { font-size: 110%; }
#d2prefs  .reading-prefs, #d2prefs  .writing-prefs { display: none; }
#d2prefs.reading .reading-prefs, #d2prefs.writing .writing-prefs { display: block; }

#d2prefs-closebox { display: block; position: absolute; right: 4px; top: 4px; height: 12px; width: 12px; border: 1px solid darkgray; }

#d2act {display: none; position: relative; opacity: 1; z-index: 1000; width: 8.7em; text-align: center; }
.vertical #d2act {position: absolute; left: 0.4em !important}
.vertical #d2act.rooted {left:-9.3em !important;}
#d2act div.block {background: transparent}
#d2act div.block div.title h4 {text-align: left; background: #7f7f7f url('//barrapunto.com/images/commentbox-left.png') top left no-repeat !important;}
.rooted #d2act.rooted div.block div.title h4 { background: none !important; }
#d2act .close {position: absolute; top: .2em; right: .2em; color: #ccc; text-decoration: none; font-style: sans-serif; border: 1px solid #bbb; border-bottom: 1px solid #444; border-right: 1px solid #555; padding: 0 .3em;}
#d2act .close:hover {position: absolute; top: .2em; right: .2em; color: #eee; text-decoration: none; font-style: sans-serif; border: 1px solid #444; border-bottom: 1px solid #aaa; border-right: 1px solid #ccc; padding: 0 .3em;}
#d2act .commentControlFooter {border-bottom: 1px solid #444; border-top: 1px solid #ccc; text-align: right padding: 3px; background: #666; color: #fff; }
#d2act .commentControlFooter a {  color: #fff; text-decoration: none; }
.loki { display: inline;}
.comment_divider,
#comment_full,
#comment_abbr,
#comment_hidden {opacity: 1 !important;  border-right: 1px solid #aaa;border-left: 1px solid #aaa;}
.commentControlFooter {clear: both; font-size: 85%;}
#commentlisting {clear: right;}
#commentControlBoxStatus {border-bottom: 1px solid #444; border-top: 1px solid #ccc; text-align: center; padding: 3px; background: #666; color: #fff; }

.escape-link { position: relative; float: left; text-align: left;}
.commentBox div {width: 100%; text-align: right; font-size: 80%; }

.horizontal .loki {display: block; }
.horizontal #d2act {left: 11.8em !important; margin:0 1.25em 0 0;background: #7F7F7F; right: 0; opacity: 1; top: 0; z-index: 1000; border: none; border-right: 2px solid #aaa; width: auto; text-align: center}
.horizontal #d2act.rooted {left: 0 !important; margin:0 0 0 0;}
.rooted #d2act.rooted { border: 3px solid #555555; }
/* .horizontal #d2act div.block div.title h4 {background: transparent !important} */
.horizontal #d2act .commentControlFooter { display: none; }
.commentBox div {width: 100%; text-align: right}

.ccw-header-links { display: none; padding-right: .8em; }
.ccw-header-links a { color: white; }
.ccw-header-links a:visited { color: white; }
.horizontal .ccw-header-links { display: block; position: absolute; right: 2em; top: 0em; text-align: right; font-size: 80%; color: white; }

/* new draggable guts for the D2 Widget */

	/* Overall Size and Position */
.ccw-panel-border { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

#ccw, #ccw-centering-rail,
#ccw-body {
	display: block;
	position: relative;
}

#ccw-panel-container,
div.ccw-panel, #ccw-control,
#ccw-abbr-bar-pos, #ccw-hide-bar-pos,
#ccw-abbr-bar, #ccw-hide-bar,
.ccw-count-pos, .ccw-count-text,
.ccw-bar-tab,
.horizontal #ccw-body,
.horizontal div.ccw-panel {
	display: block;
	position: absolute;
}

.horizontal #ccw-body { width: 100%; }
.vertical #ccw-panel-container, .vertical #ccw-control { top: 16px; bottom: 16px; }
.horizontal #ccw-panel-container, .horizontal #ccw-control { left: 0.5em; right: 0.5em; }

.ccw-core-pos { height: 1px; }
.horizontal .ccw-core-pos { width: 1px; }


#ccw-centering-rail, #ccw-abbr-bar-pos, #ccw-hide-bar-pos { width: 2px; }
#ccw-centering-rail { margin: 0 auto; }
.horizontal #ccw-centering-rail { width: 100%; }

.horizontal #ccw-centering-rail,
.horizontal #ccw-abbr-bar-pos,
.horizontal #ccw-hide-bar-pos { top: 1em; height: 2px; }


.ccw-core, .ccw-panel, .ccw-count-pos { height: 140px; width: 8.7em; }
.vertical .ccw-panel { height: auto; }
.vertical .ccw-count-pos { height: 1px; }
.horizontal .ccw-core, .horizontal .ccw-panel, .horizontal .ccw-count-pos { height: 2em; width: auto; }
.horizontal #ccw-panel-container, .horizontal #ccw-control { left: 0.5em; }
#ccw { height: 172px; width: 8.7em; }
.horizontal #ccw { height: 2em; width: 100%; }

.ccw-bar { height: 4px; width: 9.3em; left: -4.9em; }
.horizontal .ccw-bar { width: 4px; height: 2.4em; top: -1.3em; left: 0; }
#ccw-abbr-bar { top: -5px; }
.horizontal #ccw-abbr-bar { top: -1.3em; left: -5px; }

.ccw-bar-tab { height: 8px; width: 3em; left: 3.5em; }
.horizontal .ccw-bar-tab { height: 1.2em; width: 4px; }
#ccw-abbr-bar-tab { top: -9px; }
#ccw-hide-bar-tab { top: 4px; }
.horizontal #ccw-abbr-bar-tab { top: 0.5em; left: -5px; }
.horizontal #ccw-hide-bar-tab { top: 0.5em; left: 4px; }

#ccw-body { z-index: 1; }

.vertical #ccw-full-panel { top: -16px; }
.vertical #ccw-hide-panel { bottom: -16px; }
.horizontal #ccw-full-panel { left: -0.5em; }
.horizontal #ccw-hide-panel { right: -0.5em; }

.vertical .ccw-panel-border { border-width: 0 1px; }
.horizontal .ccw-panel-border { border-width: 0 0 1px 0; }
.horizontal #ccw-full-panel .ccw-panel-border { border-width: 0 0 1px 1px; }



	/* Borders and Fills */


#ccw-abbr-bar, #ccw-hide-bar, .ccw-bar-tab { border: 1px solid black; }

/* #ccw-body                          { background-color: white; } */
#ccw-full-panel                       { background-color: white; }
#ccw-abbr-panel                       { background-color: #CCCCCC; }
#ccw-hide-panel                       { background-color: #AAAAAA; }
.ccw-panel-border                     { border: solid #AAAAAA; }

#ccw-abbr-bar, #ccw-abbr-bar-tab      { background-color: white; }
#ccw-hide-bar, #ccw-hide-bar-tab      { background-color: #666666; }



	/* Cursor Behavior */

#ccw { -khtml-user-select: none; -moz-user-select: none; user-select: none; }

#ccw-abbr-bar, #ccw-hide-bar          { cursor: grab; cursor: -moz-grab; }

#ccw-control.ccw-active,
.ccw-active #ccw-abbr-bar,
.ccw-active #ccw-hide-bar             { cursor: grabbing; cursor: -moz-grabbing; }


	/* specifics */

.horizontal .ccw-count-pos { width: 100%; }
.h-inline { display: none; padding-left: 1em; font-size:80%; }
.h-inline a:visited { color: white; }
.horizontal .h-inline { display: inline; }
.horizontal .titlecount:before { content: " ("; }
.horizontal .titlecount:after { content: ")"; }
.horizontal .titlecount { text-decoration: none; }
.titlecount a {font-size: 80%; color: white; }
.titlecount a:visited {font-size: 80%; color: white; }

.ccw-count-text { width: 100%; text-align: center; }

.vertical #ccw-full-count-text { top: -4px; }
.vertical #ccw-abbr-count-text { top: -9px; }
.vertical #ccw-hide-count-text { top: 4px; }

.horizontal #ccw-full-count-text { top: 0.5em; left: -0.3em; }
.horizontal #ccw-abbr-count-text { top: 0.5em; }
.horizontal #ccw-hide-count-text { top: 0.5em; left: 0.25em; }


#ccw-abbr-bar-tab { border-bottom-width: 0; }
#ccw-hide-bar-tab { border-top-width: 0; }
.horizontal #ccw-abbr-bar-tab { border-bottom-width: 1px; border-right: none; }
.horizontal #ccw-hide-bar-tab { border-top-width: 1px; border-left: none; }