@media print display:none isn't working
===

I have tried for over 3 weeks now with different implementations trying to get the right section to not display, and have the left section display at full width.  Given that my research shows there is no easy or streamlined way to quickly render Print views without reviewing the print preview, I am asking for some help to figure this out.   

[This][1] is the current page im trying to get to work.

[This][2] is what I want to happen.

the print media css that is not working is this:

    #gc {
		width: 100%;
	}
	#asideTrack {
    /*		width: 100%;*/
		display: none;
	}
	.asideTrack {
    /*		width: 100%;*/
		display: none;
	}
	.slideAside {
    /*		width: 100%;*/
		display: none;
	}
	#slideAside {
		display:none
	}


Any suggestions?

  [1]: http://specialorange.org/resume
  [2]: https://docs.google.com/drawings/d/1cYgN2Y16i9ry6PenOoWreMCDJT3CY55KwJNR32y-PpQ/edit