/*------------------------------------------------------------------
===================
#title# CSS Styles
===================
#description#
-------------------

Author:

[Useful css classes]

* Dimension
* Positioning
* Text
* Images

*/


/* === DIMENSIONS === */

/* Width */
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }

/* Height */
.height100 { height: 100%; }
.height75 { height: 75%; }
.height50 { height: 50%; }


/* === POSITIONING === */

/* Float */
.floatLeft { float: left; }
.floatRight { float: right; }


/* === TEXT ===*/

/* Text align */
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignJustify { text-align: justify; }

/* Font size */
.smallFont { font-size: 0.75em; line-height: 0.75em; }
.largeFont { font-size: 1.25em; line-height: 1.25em; }

/* Font style */
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.lineThrough { text-decoration: line-through; }

.capitalLetter {
    float:left;
    font-size: 5em;
    line-height: 0.85em;
    padding: 0 2px 6px 2px;
    margin: 0 5px 5px 0;
} 


/* === IMAGES === */

.imgAlignRight { float: right; margin: 5px 5px 0; }
.imgAlignLeft { float: left; margin: 0 5px 5px; }
.imgAlignCenter { margin: 0 auto; }

.imgDescription { font-size: 0.9em; font-style: italic; }


/* ===  === */