// DKosWide
// version 1
// 2006-05-08
// --------------------------------------------------------------------
//
// This is a Greasemonkey user script.
//
// To install, you need Greasemonkey: http://greasemonkey.mozdev.org/
//
// To uninstall, go to Tools/Manage User Scripts,
// select "DailyKos Wide", and click Uninstall.
//
// --------------------------------------------------------------------
//
// WHAT IT DOES:
// --------------------------------------------------------------------
//
// ==UserScript==
// @name            Dailykos Wide
// @description     Makes a liquid layout, and gets rid of the ugly logo and bright orange.
// @include         http://www.dailykos.com/*
// @include         http://*.dailykos.com/*
// @include         http://dailykos.com/*
// ==/UserScript==



//First we remove the new garish logo from the webpage
//(this no longer works with new ajaxy dkos)
/*  var mast = document.getElementsByTagName('img');

  if( mast )
  {
      mast[0].src = "";
      mast[0].alt = "";			
      mast[0].height = "0";
      mast[0].width = "0";
  }
*/



//This is the function for changing any styles	
function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}


//Now lets change some of the styles...
//First we get rid of the silly fixed width column image in the background and set the color to white		
addGlobalStyle('body {background:#fff url(); color: #000; padding: 0; margin: 0; font: 13px/1.6 Verdana, Arial, sans-serif; line-height:1.45em ! important;}');

//Make things liquid		
addGlobalStyle('#container {background: url(); width: 100%; border: none; margin: 0 auto; position: relative; background-color:white ! important;}');

//Push the main text to the left side and let it auto expand with a 244px buffer of padding for the right menu 	
addGlobalStyle('#main {position:absolute; left:0px; padding:0px 250px 0px 25px; margin:0px; width:auto; background-color:white; z-index:1 ! important;}');

//Hide those god damn ads	
//(personally I use adblock extension and whitelist dailykos)
//(the result is that no ads show on the front page, but they do show on all other pages)
addGlobalStyle('#ads {display:none; ! important;}');

//Make the mainmenu flush right	and set logo as the background image
//Yeah its ugly - but so is the source HTML flow...a pain for making liquid layouts
addGlobalStyle('#sidebar {position:absolute; right:0px; margin:0px; width: 240px; font-size: .9em; padding:150px 0px 30px 0px; margin-top:0px; border-left: thin dotted lightgrey; background-color:white; background: url(http://img155.echo.cx/img155/176/littleman019ma.jpg) top center no-repeat; z-index:2 ! important;}');

//Tone down that damn bright orange		
addGlobalStyle('#sidebar h3 {background:#e59044;  font-weight:bolder; color: #FFF; padding: 0.25em 15px 0.15em 15px; ! important;}');
addGlobalStyle('#sidebar a {border-bottom:solid 1px #ccc; ! important;}');
addGlobalStyle('#sidebar li a {border-bottom:none; ! important;}');
addGlobalStyle('#footer {display:none ! important;}');

//Remove the garish top masthead
addGlobalStyle('#mastheadSpan {display:none ! important;}');

//Make the comments also have full width capabilites (not sure if 'e' needs to be in there
addGlobalStyle('#comments,#e {width:100%;_width:100%;}');

//Modify the width of the comments as they indent
//(this was my final touch)
addGlobalStyle('#comments ul.i0 li {margin-left:0}');
addGlobalStyle('#comments ul.i0 li .cx {width:90%}');
addGlobalStyle('#comments ul.i1 li {margin-left:24px}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li .cx {width:96%}');
addGlobalStyle('#comments ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li ul.i1 li {margin-left:0}');

//Last we add the Daily Kos name on top of the logo and make it link home. Its ugly but it works!		
var main, newElement;
main = document.getElementById('main');
if (main) {
    newElement = document.createElement('div');
		var s = '<a href="/" style="color:#ffc080; line-height: .8em; opacity: 0.7">Daily Kos</a>';
		newElement.setAttribute("style", "position:absolute; right:0px; padding:0px 0px 0px 0px; width:194px; color:white; font-size:40px; z-index:3");
		newElement.innerHTML = s;
    main.parentNode.insertBefore(newElement, main);
}