New widescreen and comment code

For those who were interested in our beta testing of the improvements to the NB look and feel, please replace the old code in your Firefox or Chrome Stylish extension with the following stuff.

Note: We are still testing this stuff so it will not be perfect and may cause some strangeness on your display with fonts.

That said, you'll notice spiffier looking comments, bigger article fonts and a few other small improvements.

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

@-moz-document domain("newsbusters.org") {

body {
background: #ddd !important;
}

#content-inner  {
overflow: visible !important;
font: normal 12pt times new roman !important;
}

.view-frontpage {
font: normal 9pt times new roman;
}

.view-frontpage h2 a {
font: normal 4pt times new roman !important;
}

#main-content p, #main-content li, #main-content blockquote {
line-height: 140% !important;
margin-bottom: 14px !important;
}

#main-content li {
margin-left: 30px !important;
}

#main-content h2 {
font-size: 200% !important;
}

#interad {
text-align: center;
}

.page-title {
font-size: 1990%;
}

#container{
width: 85% !important;
max-width: 1300px !important;
min-width: 985px !important;
}

#top-shortcuts {
margin-right: 2.2% !important;
}

#leaderboard {
width: 77% !important;
text-align: center !important;
margin: 6px 0px  !important;
padding: 0px !important;
/* border: solid 1px black; */
}

#branding {
float: left !important;
width: 55% !important;
min-width: 404px !important;
/* border: solid 1px green; */
text-align: center !important;
margin: 0px !important;
}


#header-blocks, #top-follow {
float: right !important;
}

#header-blocks {
margin-left: 0px !important;
width: 59px !important;
}

#top-follow {
}

.jcarousel-container {
width: 95% !important;
}

.jcarousel-clip-horizontal {
width: 98% !important;
}


#viewscarousel-TopSlider-block_1, .jcarousel-item  {
 overflow: visible !important;
}


.views-field-field-mainphoto-fid {
text-align: center !important;
}

.addtoany span {
display: none;
}

ul.links, ul.links li, ul.links li a, .statistics_counter span {
font: normal 14px sans-serif !important;
}

.node ul.links li {
padding: 0px !important;
}

ul.links, ul.links li {
/* overflow: hidden !important; */
}

.comment, .comment div, .comment p  {
font: normal 11pt sans-serif !important;
}

.comment ul.links  {
padding-top: 5px !important;
}

.comment ul.links li {
padding: 0px !important;
margin: 0px !important;
}

.comment ul.links li a {
padding: 4px 8px !important;
border: solid 1px #aaa !important;
-moz-border-radius: 1em;
background: #eee !important;
color: #333 !important;
/*
background: #FFa351;
color: #fff !important;
*/


}

.comment ul.links li a:hover{
border: solid 1px #FF5351 !important;

}

#comments-title {
margin-bottom: 18px !important;
}

.comment-id {
display: none !important;
}

.comment h3 {
font-size: 11pt !important;
}

.comment a {
color: rgb(255, 112, 20) !important;
}

.even p, .odd p {
font: normal 10pt sans-serif !important;
}

.forum-post {
padding: 10px !important;
}

.even {
background: #f4f4f4 !important;
padding: 10px;
border: solid 1px #ddd;
-moz-border-radius: 1em !important;
}

.odd {
border: solid 1px #ddd;
padding: 10px;
-moz-border-radius: 1em !important;
}

.comment ul.links {
clear: both !important;
margin: 0px 0px 20px 0px !important;
}


}