I came across a lot of talks about the CSS frameworks lately. Its advantages, disadvantages, and whether to use or avoid them. Frankly, I have to admit I’m not a big fan of these structures but there certainly are parts I find my inspiration in. Through the years of my career I have developed few code snippets I base my every single project on. I’d like to call it a scaffolding structure rather than a framework. Here it is:

@import url(reset.css); /* Eric Meyer's CSS Reset */

/* Elements
============================================================ */

body { background:#000; color:#fff; }

body, input, textarea, button, cite { font-family:helvetica,arial,sans-serif; font-size:13px; }
body { line-height:22px; }

a       { text-decoration:none; color:#06c; }
a:hover { text-decoration:underline; }

h1 {  }
h2 {  }
h3 {  }

strong { font-weight:bold; }
em   { font-style:italic; }

/* Classes
============================================================ */

.wrap  { width:960px; margin:0 auto; }
.clear { clear:both; height:0px; line-height:0px; font-size:0px; }

.left  { float:left; }
.right { float:right; }
.al    { text-align:left; }
.ac    { text-align:center; }
.ar    { text-align:right; }
.col50 { width:50%; }

.tiny   { font-size:11px; font-weight:normal !important; }
.big    { font-size:15px; font-weight:bold; }
.strong { font-weight:bold; }
.gray   { color:#666; }
.black  { color:#000; }

.nowrap { white-space:nowrap; }

.hide { display:none; }