/* GLOBAL CSS ============================================================== */

body { background: white; font: 18px Verdana, Helvetica, sans-serif bold; margin: 0; padding: 1em }

::selection { background: yellow }
::-moz-selection { background: yellow }


/* TARGET INTERNET EXPLORER 6, 7, 8 WITH ATTRIBUTES ======================== */

.attr { color: black }
.attr { color/*\**/: blue\9 } /* IE8, first and alone */
.attr {
	*color: red; /* IE7 + IE8 in IE7 mode */
	_color: green; /* IE6 */
}


/* TARGET IE 6, 7, 8, FIREFOX 1, 2, 3, SAFARI AND OPERA WITH SELECTORS ===== */


/* INTERNET EXPLORER ======================================================= */

.sel { color: black; } /* non IE */
* html .sel { color: green;} /* IE6 */
*+html .sel { color: red; } /* IE7 + IE8 in IE7 mode */
.sel { color: blue\0/; } /* IE8 (must be last in IE list) */


/* FIREFOX AND NETSCAPE ==================================================== */

@-moz-document url-prefix() { .sel { color: magenta; }} /* FF1+ AND Netscape	 */
.sel, x:-moz-any-link {	color: gray; } /* FF 2+ */
.sel, x:-moz-any-link, x:default { color: brown; } /* FF3+ */

/* OTHER BROWSERS ========================================================== */

body:first-of-type .sel { color: orange } /* Safari + Chrome */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .sel { color: cyan !important } } /* Opera */