/* @group Browser Specific CSS */
/* Browser Selectors */
.ie { }
.ie8 { }
.ie7 { }
.ie6 { }
.ie5 { }
.gecko { }
.ff2 { }
.ff3 { }
.ff3_5 { }
.gecko { }
.opera { }
.opera8 { }
.opera9 { }
.opera10 { }
.konqueror { }
.webkit { }
.sarari3 { }
.webkit { }
.chrome { }
.iron { }

/* Operating System Selectors */
.win { }
.mac { }
.linux { }
.iphone { }
.ipod { }
.webtv { }
.mobile { }
.freebsd { }

/* Javascript Selectors */
.no_js  { }
.has_js  { }
.js .no_js  { }
.js .has_js  { }
/* @end */

/* @group Example CSS */

/* BROWSER TARGETING: */

.webkit .img-topstory { 
	height: 400; }
.webkit .img-tiotd { 
	height: 200; }
.sarari3 .img-topstory { 
	height: 400; }
.sarari3 .img-tiotd { 
	height: 200; }

/* OPERATING SYSTEM TARGETING: */
.win.ie7 .example { 
	background-color: tan; }
.mac.webkit .example { 
	background-color: purple; }
.win.gecko .example { 
	background-color: red; }
.linux.gecko .example { 
	background-color: pink; }

/* JAVASCRIPT TARGETING: */
.no_js .example { display: block }
.has_js .example { display: none }
.js .no_js .example { display: none }
.js .has_js .example { display: block }
/* @end */