CSS: rule format archetype

css-rule-format-archetype.css

.foo {  display:block;
        opacity: 1;
        visibility: visible;
        position:inherit;
        top: 0;
        left: 0;
        float:none;
        margin:0px auto 1rem;
        width:747px;
        height:427px;
        z-index: 1;
        padding:0.5rem;
        //background: #FFF url(../img/bnr_trim.gif) no-repeat 0% 0%;
        background: url(img_flwr.gif);
        background-repeat: no-repeat;
        background-position:top center;
        background-size: contain;
        //border:1px solid #333;
        border-collapse: collapse;
        border-width: 1px;
        border-style: solid;
        border-color: #ff0000 #0000ff;
        border-radius: 25px;
        overflow-x: hidden;
        overflow-y: scroll;
        box-shadow: 2px 8px 8px 8px #CCCCCC inset;
        color: #000;
        //font:29px/30px bold Verdana, Arial, Helvetica, sans-serif;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1rem;
        font-weight: normal;
        line-height:1.2em;
        letter-spacing: 0.2px;
        word-spacing: auto;
        text-decoration: none;
        text-shadow: 2px 2px #ff0000;
        text-indent:0;
        text-transform:none;
        quotes: "\201c" "\201e";
        text-align:left;
        list-style-position: inside;
        list-style-type: upper-roman;
        list-style-image: url('sqpurple.gif');
        cursor: pointer;
        transform: scale(0.9, 0.9);
        clear:both;
        }