/**
 * TagSphere design for sidebar.
 *
 * ---------------------------------------------------------------------------------------------------------------------
 * @version   1.0.1
 * @date      2013-03-11
 * @since     2012-11-30
 * @author    Christian Oellers <c.oellers@*.de>
 * @copyright Alldesign, http://alldesign.de/
 */

/* -------------------------------------------------------------------------------------------------------- TagSphere */

#TagSphereHolder {
    overflow:hidden;
    width:260px;
    height:220px;
    margin:0 0 20px;
}

#TagSphere {
    background:#252525;
    width:300px;
    height:200px;
}

#TagSphere li a.point {
    color:#FFF;
    line-height:120%;
    cursor:default;
    -moz-animation:fadeOpacity 1s ease-in;
    -o-animation:fadeOpacity 1s ease-in;
    -webkit-animation:fadeOpacity 1s ease-in;
    animation:fadeOpacity 1s ease-in;
}

@-moz-keyframes    fadeOpacity {0%{opacity:0;} 100%{opacity:1;}}
@-o-keyframes      fadeOpacity {0%{opacity:0;} 100%{opacity:1;}}
@-webkit-keyframes fadeOpacity {0%{opacity:0;} 100%{opacity:1;}}
@keyframes         fadeOpacity {0%{opacity:0;} 100%{opacity:1;}}


/* ---------------------------------------------------------------------------------- Development */

body.cms_development .main {
    width:100%;
}

body.cms_development .right {
    display:none;
}

body.cms_development #TagSphereHolder {
    width:890px;
    height:500px;
}

body.cms_development #TagSphere {
    width:850px;
    height:480px;
}