/* BASE CSS */


/* DISPLAY */
.relative {
    position: relative;
}
.relativeShell {
    position: relative;
    width: 100%;
    height: 100%;
}

.shell {
    position: relative;
    width: 100%;
    text-align: center; /* ie */
}
.center {
    position: relative;
    /*width: 800px;*/ /* content width */ /* define in general */
    margin: auto;
    text-align: left;
}

.left {
    float :left;
}
.right {
    float: right;
}

.block {
    display: block;
}
.none {
    display: none;
}

.oHidden {
    overflow: hidden;
}


/* FORMATTING */
.textHeader {
    text-transform: capitalize;
    letter-spacing: 1.25em;
    font-size: 1.2em;
}
.textTitle {
    margin-left: 20px;
    margin-bottom: 12px;
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 2px;
}

.fontSmall {
    font-size: 0.8em;
}
.fontSmaller {
    font-size: 0.5em;
}
.fontLarge {
    font-size: 1.2em;
}
.fontLarger {
    font-size: 1.5em;
}

.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.textCenter {
    text-align: center;
}
.textJustify {
    text-align: justify;
}

.bold {
    font-weight: 700;
}
.strong {
    font-weight: 600;
}
.italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}

.red {
    color: #c00;
}


/* LAYOUT */
 /* Warning: Note that margin and padding change the width characteristics of elements in standards complient (box model) browsers */

.margin5 {
    /*position: relative;*/ /* ~BREAKS IE */
    margin: 5px;
}
.margin10 {
    margin: 10px;
}

.margin-left5 {
    margin-left: 5px;
}
.margin-left10 {
    margin-left: 10px;
}
.margin-top5 {
    margin-top: 5px;
}
.margin-top10 {
    margin-top: 10px;
}

.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}

.padding-left5 {
    padding-left: 5px;
}
.padding-left10 {
    padding-left: 10px;
}
.padding-top5 {
    padding-top: 5px;
}
.padding-top10 {
    padding-top: 10px;
}


/* */