.testBox {
        border:1px solid #333;
        width:75px;
        height:75px;
}
.absolutely { position:absolute;
        top:0; left:0;
}
.floating {
        float:left;
}
.wide {
        width:200px;
}
.tall {
        height:200px;
}
.tiny {
        width:3px;
        height:3px;
}


.black {
        color:#fff;
        background-color:#000;        
}

.white {
        color:#666;
        background-color:#fff;        
}

.green {
        color:#000;
        background-color:#eef;
}
.red    {
        color:#fff;
        background-color:#ffe;        
}
.blue {
        color:#000;
        background-color:#fef !important;
}

/* font sizes */
.baseFont {
        line-height:14px;
        font:12px Arial,sans-serif;
        letter-spacing:0.1em;
}

.spacedVertical {
        line-height:42px;
}
.spacedHorizontal {
        letter-spacing:0.42em;        
}
.fontSizeTest {
        font:20px Arial,sans-serif;
}

/* margins */
.bigMargin {
        margin:30px;        
}
.noMargin {
        margin:0;
}
.mediumMargin {
        margin:15px;
}
.bigMarginLeft {
        margin-left:150px;
}

/* padding */
.padded {
        padding:3px;
}
.noPadding {
        padding:0;
}
.topPadding {
        padding-top:50px;
}
.bigPadding {
        padding:30px; 
}

/* positioning */

.offsetSome {
        top:50px;
        left:75px; 
}

.topLeft {
        top:0;
        left:0;
}
.bottomRight {
        bottom:0;
        right:0;
}

.bothAxis {
        top:10px;
        left:10px;
        right:10px;
        bottom:10px; 
}
