revisiting CSS preprocessors.
SASS might have nice syntax, but keeping ruby available just for that is a hassle.
That leaves LESS or Stylus
both seem pretty good. Stylus is maybe a bit more sleek, but LESS is a lot more popular. I like that either can be compiled in the browser while developing. That simplifies things.

http://lesscss.org/#usage

http://www.google.com/search?q=css+less+sass&aq=f&oq=css+less+sass&sourceid=chrome&client=ubuntu&channel=cs&ie=UTF-8#hl=en&client=ubuntu&hs=89x&channel=cs&sclient=psy-ab&q=css+preprocessor&oq=css+pre&gs_l=serp.1.1.0l4.139810.140309.0.142905.4.4.0.0.0.1.256.632.0j3j1.4.0.les%3B..0.0...1c.1.5.psy-ab._OuZsX4ZfEc&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.&bvm=bv.43287494,d.aWc&fp=aa79bc8eab752bf1&biw=774&bih=850
http://en.blog.wordpress.com/2012/12/21/css-sass-less/
http://en.wikipedia.org/wiki/LESS_(stylesheet_language)
http://lesscss.org/
http://lesscss.org/#usage
https://github.com/cloudhead/less.js
http://css-tricks.com/poll-results-popularity-of-css-preprocessors/
http://www.google.com/search?q=less+vs+stylus&aq=f&oq=less+vs+stylus&sourceid=chrome&client=ubuntu&channel=cs&ie=UTF-8
http://blog.myfriendbrad.com/post/20861295678/sass-vs-less-vs-stylus
http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout/
http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout/
https://gist.github.com/paulmillr
http://www.google.com/search?q=stylus+css&aq=f&oq=stylus+css&sourceid=chrome&client=ubuntu&channel=cs&ie=UTF-8
http://learnboost.github.com/stylus/docs/import.html
http://learnboost.github.com/stylus/try.html
view-source:http://learnboost.github.com/stylus/try.html
http://www.google.com/search?q=codemirror&aq=f&oq=codemirror&sourceid=chrome&client=ubuntu&channel=cs&ie=UTF-8
http://codemirror.net/
http://codemirror.net/demo/resize.html


these libraries look promising for making CSS more manageable:

http://code.google.com/p/css3-mediaqueries-js/
http://lesscss.org/

I think I came across less being used with other javascript library... backbone.js.

http://www.google.com/search?q=javascript%20drag%20and%20drop&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&source=hp&channel=np#hl=en&client=firefox-a&hs=Ibi&rls=org.mozilla:en-US%3Aofficial&channel=np&sclient=psy-ab&q=javascript+drag+item&oq=javascript+drag+item&aq=f&aqi=g-v1&aql=&gs_nf=1&gs_l=serp.3..0i15.153379.154479.0.155491.5.4.0.1.1.1.313.1052.2-3j1.5.0.3ceGDpsDlSk&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=6444ccfd1295e99d
javascript drag item - Google Search
http://stackoverflow.com/questions/5186441/javascript-drag-and-drop-for-touch-devices
jquery - Javascript Drag and drop for touch devices - Stack Overflow
http://www.google.com/search?q=javascript+libraries&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a#q=javascript+libraries+comparison&hl=en&client=firefox-a&hs=Ghi&tbo=1&rls=org.mozilla:en-US:official&output=search&source=lnt&tbs=qdr:m&sa=X&ei=KrWQT__uAZTpgQe-sfGeBg&ved=0CAcQpwUoBA&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=6444ccfd1295e99d
javascript libraries comparison - Google Search
http://news.ycombinator.com/item?id=3848683
Compare JS MVC frameworks implementing the same site: TodoMVC | Hacker News
http://socialcompare.com/en/comparison/javascript-graphs-and-charts-libraries
Javascript Graphs and Charts libraries | Comparison tables - SocialCompare
http://en.wikipedia.org/wiki/JavaScript_library
JavaScript library - Wikipedia, the free encyclopedia
https://developers.google.com/speed/libraries/
Make the Web Faster — Google Developers
http://www.google.com/search?q=backbone+js&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
backbone js - Google Search
http://documentcloud.github.com/backbone/
Backbone.js
https://github.com/documentcloud/backbone/wiki/Projects-and-Companies-using-Backbone
Projects and Companies using Backbone · documentcloud/backbone Wiki · GitHub
http://documentcloud.github.com/backbone/#examples
Backbone.js
http://zeptojs.com/
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
http://cubiq.org/iscroll
iScroll
http://www.google.com/search?q=underscore+js&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
underscore js - Google Search
http://documentcloud.github.com/underscore/
Underscore.js
http://sass-lang.com/
Sass - Syntactically Awesome Stylesheets
http://compass-style.org/
Compass Home | Compass Documentation
http://lesscss.org/
LESS « The Dynamic Stylesheet language
http://coffeescript.org/
CoffeeScript
http://requirejs.org/
RequireJS
http://www.google.com/search?q=node+js&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
node js - Google Search
http://en.wikipedia.org/wiki/Nodejs
Node.js - Wikipedia, the free encyclopedia
http://nodejs.org/
node.js
http://en.wikipedia.org/wiki/Content_delivery_network
Content delivery network - Wikipedia, the free encyclopedia


center page content
http://www.reignwaterdesigns.com/ad/tidbits/hacks/css_center.shtml
This will only work if the DOCTYPE is XHTML Transitional or Strict. IT WILL NOT WORK if your doctype is HTML 4.x. Here is an example of what it should look like:



NEXT!
Put this at the top of your CSS file and you will be good to go!
#html, body {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width:980px;
height: 100%;
margin: auto;
}


there seem to be many approaches these days for blocks with rounded corners.

there was one fully CSS version that draws one line rows along the top and bottom of the block with margins to give the rounded effect:

The rest use 2-4 images to get the effect

http://www.google.com/search?hl=en&q=rounded+corners+css&btnG=Google+Search&aq=f&oq=
rounded corners css - Google Search
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
25 Rounded Corners Techniques with CSS
http://www.spiffycorners.com/index.php?sc=contact&bg=ffffff&fg=001b2c&sz=5px
Spiffy Corners - Purely CSS Rounded Corners