@charset "utf-8";

/**
 * @version    1.18
 * @date       2011-07-22, 2011-07-20
 * @since      2010-10-21
 * @author     Christian Oellers
 * @copyright  2010-2011 Christian Oellers
 * @link       http://veryshort.de
 *
 * DESCRIPTION
 * - System independent simple class-based framework.
 */

/* -------------------------------------------------------------------------------------------------------- FRAMEWORK */

/**
 * Default float clear.
 */
.clear {
    clear:both;
    font-size:0;
    line-height:0;
    height:1px;
}

/**
 * Block level elements
 * allows for easy floating.
 */
.block {
    overflow:hidden;
}

/**
 * Hidden and inactive content elements.
 */
.hidden {
    display:none;
}

/**
 * Hidden but active (accessible) content elements.
 * Do not use this for flash files (w/ audio).
 */
.invisible {
    color:rgba(0, 0, 0, 0) !important;
    display:block !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
    border:0 !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

*+ html .invisible {
    display:none !important;
}

/**
 * Flash: Hidden but active swf-files like
 * audio players cannot have a size of '0'.
 */
.hidden.active {
    display:inline !important;
    position:absolute !important;
    left:-4000px !important;
    top:-4000px !important;
    width:1px !important;
    height:1px !important;
}

/* ---------------------------------------------------------------------------------------------------------- GRAPHIC */

/**
 * Interactive elements w/ different display states.
 */
.sprite {
    color:rgba(0, 0, 0, 0);
    background:transparent none 0 0 no-repeat;
    font-size:0;
    line-height:-4000px;
    text-indent:-4000px;
    letter-spacing:-4000px;
    overflow:hidden;
    display:block;
    width:100%;
    height:100%;
}

/**
 * Visible element w/o text or images.
 */
.notext {
    color:rgba(0, 0, 0, 0);
    font-size:0;
    line-height:-4000px;
    text-indent:-4000px;
    letter-spacing:-4000px;
    /** /
    display:inline;
    /**/
}

/* ------------------------------------------------------------------------------------------------------ INTERACTIVE */

/**
 * Text that may not be selected in content or forms.
 * IE workaround w/ JavaScript:
 * - onselectstart="return false;"
 */
.unselectable {
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

/* --------------------------------------------------------------------------------------------------------- CLEARFIX */

/**
 * Clearfix for special layouts and JS.
 */

.clearfix {
    display:inline-block;
}

.clearfix:after {
    content:'.';
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
}