/* ==============================================
FACE Example CSS

version:  0.1
site:     KuraFire Network
author:   Faruk Ates (kurafire.net)
date:     December 13th, 2005
================================================= */

/* =ANIMATION
================================================= */



.example .box0 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box1 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box2 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box3 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box4 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box5 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box6 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box7 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box8 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box9 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box10 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box11 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box12 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box13 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box14 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box15 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box16 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box17 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box18 span { background: #c00; border: 1px solid #000; visibility: visible; }
.example .box19 span { background: #c00; border: 1px solid #000; visibility: visible; }

/* =OPACITY
=================================================
Yes, I know this has nasty proprietary stuff. See
through that for the sake of the example, please. */
.example .box20 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity=95); visibility: visible; }
.example .box21 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.9; opacity: 0.9;   filter: alpha(opacity=90); visibility: visible; }
.example .box22 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.8; opacity: 0.8;   filter: alpha(opacity=80); visibility: visible; }
.example .box23 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.7; opacity: 0.7;   filter: alpha(opacity=70); visibility: visible; }
.example .box24 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.6; opacity: 0.6;   filter: alpha(opacity=60); visibility: visible; }
.example .box25 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.5; opacity: 0.5;   filter: alpha(opacity=50); visibility: visible; }
.example .box26 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.4; opacity: 0.4;   filter: alpha(opacity=40); visibility: visible; }
.example .box27 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.3; opacity: 0.3;   filter: alpha(opacity=30); visibility: visible; }
.example .box28 span { background: #c00; border: 1px solid #000; -moz-opacity: 0.2; opacity: 0.2;   filter: alpha(opacity=20); visibility: visible; }
.example .box29 span { background: #fff; border: 1px solid #000; -moz-opacity: 1; opacity: 1;   filter: alpha(opacity=100); visibility: visible; }