/* 
Stylus Magazine Simplified
by chochem, December 2006

A few slight changes to improve on the layout of stylusmagazine
Intended for 1024+

It would be a big improvement if there was someway of making an exception to one of the rules for a specific page (I've tried adding a @-moz-document url("http://www.stylusmagazine.com/index.php") after the @-moz-document domain-bit hoping it would overrule it but to no avail). If anybody knows how to do this, please let me know.

*/

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

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

/* adblocking */
    .rightbar_ad {display: none !important;}
    .preleftbar {display: none !important;}
    .rightmain {display: none !important;}

/* moving and rearranging sidebar */
    .rightbar {
	position: absolute !important;
	left: 0px !important;
	top: 102px !important;
	text-align:left !important;
	line-height: 1.2 !important;
	border-right: 0px !important;
	border-left-style: none !important;
	border-bottom: 0px !important;
	margin-bottom: 25px !important;
	z-index: 0 !important;
	}

/* rearranging sidebar items */
    td.midtitle {
	border-width: 1px 0 1px 0 !important;
	border-style:solid !important;
	padding: 4px 4px 4px 4px !important;
	}
    td.rightbar_list {
	padding: 5px 5px 5px 5px !important;
	}
    div.rightbar_list_date{
	display: none !important;
	}
    ul.rightbar_list {
	list-style-type: none !important;
	padding-left: 5px !important;
	}
    ul.rightbar_list li {
	margin-bottom: 2px !important;
	}
    div.rightbar_list_title {
	margin-bottom: 2px !important;
	margin-top: 2px !important;
	}

/* pushing the main content to make space for leftside sidebar */
    table.navbar, div.content {
	position: relative !important;
	left: 234px !important;
	}

/* menu bar adjustments */
    table.navbar {
	padding: 5px 2px 5px 2px !important;
	z-index: 10 !important;
	}
    input:not(.searchbox) {display: none !important}

/* adjustments to article display */
    div.content {
	font-size: 12px !important;
	line-height: 1.4 !important;
	text-align: justify !important;
	padding-right: 5px !important;
	margin-bottom: 25px !important;
	z-index: 10 !important;
	}

/* removal of footer (width doesnt't match anymore) */
    .footer {display: none !important;} 

}