Slashdot Beta Widescreen Fix and reskin for Stylish

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("slashdot.org") {
div.col-river {
   max-width: none !important;
   width: 77% !important; /* This number will need to be changed based on your screen width. Sorry. */
}
span.current {
   float: left;
   color: white !important;
}
div.container {
   max-width: none !important;
}
article.comment-article {
   margin-top: 5px !important;
   margin-left: 15px !important;
   border: 1px solid #3E403F;
   border-collapse: collapse;
   border-top-left-radius: 10px;
   margin-right: 2px;
}
article.comment-article div.comment-body {
   padding: 0 10px;
}
article.comment-article h3.comment-title {
   color: white !important;
   background: linear-gradient(to bottom, #337D7C 0px, #006663 100%) repeat scroll 0% 0%;
   padding: 3px 5px 5px 5px;
   border-top-left-radius: 10px;
}
article.comment-article h4.avatar-tiny {
   padding: 0 5px 5px 10px;
   line-height: 1em !important;
}
article.comment-article h3.comment-title span {
   color: #cccccc !important;
}

footer.comment-footer {
   padding: 0 10px !important;
   border-bottom: none !important;
}
article.comment-article header {
   margin-bottom: 0 !important;
   background-color: #ECEEEE;
   border-top-left-radius: 10px;
}
img.hero {
   width: auto !important;
   float: left;
   padding-right: 15px;
}
article.layout-article {
   clear: left;
}
}