/*
 * Engadget - Minus Garbage Plus Width (Dec 2012)
 *
 * Author      : voltaek
 * Updated     : December 5, 2012
 * Description : Removes ads, right column, widens the text, and more
 * Usage       : Use with Stylish Firefox extension (http://userstyles.org/)
 *               or copy to your Firefox userContent.css file
 */

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

@-moz-document domain("engadget.com") {

/* ADS DIEEE */
.ad,
.header-ad,
.header-ad-banner,
.rail-ad,
.rail-ad-skyscraper,
.rail-ad-topper,
#adDiv,
#adSpan,
#adTable,
img[alt="Advertisement"],
#rail-asl.module,
#ajaxbanner,
#ajaxtopper
{display: none !important;}

/* HIDE meta crap on blogroll, 
 * but keep source and via links, and move them up a bit */
article.post aside.meta-social,
article.post div.meta-gallery {display: none !important;}

article.post div.post-meta,
article.post div.meta-asides,
article.post aside.meta-sources {
width: 0 !important;
height: 0 !important;
}

article.post aside.meta-sources p {
    width: 295px !important;
    position: relative !important;
    white-space: nowrap !important;
}
article.post aside.meta-sources > p:first-child {
    text-align: right !important;
    top: -68px !important;
    left: -295px !important;
}
article.post aside.meta-sources > p:first-child + p {
    text-align: center !important;
    top: -93px !important;
    left: -600px !important;
    overflow: visible;
}

/* HIDE Carousel (Latest big articles, etc) */
#carousel {display: none !important;}

/* HIDE Right Column */
#rail {display: none !important;}

/* HIDE entire footer (links mostly) */
div#footer {display: none !important;}

/* GENERAL CENTERING */
#body {width: 940px !important;}

/* cancels out black title box animation */
div.top {transition: none !important;}

img.post-image-desktop {width: 620px !important;}
img.post-image-desktop,
div.top,
p.image-container img,
div.copy p a img {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* BLOGROLL CENTERING */
article.post.post-ready div.post-body {width: 900px !important;}

/* -black title backgrounds- */
/* make same size as pics and then move in front of said pic */
article.post.post-ready header.post-header div.top {width: 620px !important;}
article.post.post-ready header.post-header div.top {left: 160px !important;}
/* for the ones that DONT go over pics, make them stretch across page and 
 * cancel out re-positioning in front of pic */
article.small-leadin.post.post-ready header.post-header div.top {
    left: 0 !important;
    width: 100% !important;
}

/* ARTICLES CENTERING */
#gdgt-wrapper {width: 100% !important}


}