/*----------------------------------------------------------------------
    This file is generated whenever you customize the appearance of your
    app. We recommend that you avoid editing this file directly; instead,
    simply use or not use these styles in your app as desired.
    For more information, contact support@ning.com.
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
    Fonts
----------------------------------------------------------------------*/
/* Font (Body Text) */
body, select, input, button, textarea, .xg_bodyfont {
    font-family:/* %textFont% */ "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Font (Headings) */
h1, h2, h3, h4, h5, h6,
#xg_sitename,
.xg_headingfont {
    font-family:/* %headingFont% */ "Lucida Grande", "Lucida Sans Unicode", Arial, clean, sans-serif;
}


/*----------------------------------------------------------------------
    Colors
----------------------------------------------------------------------*/
/* Main Color */
body,
#xg_navigation li.this a,
.xg_bodytexgcolor {
    color:/* %moduleBodyTextColor% */ #CCCCCC;
}
a, .xg_linkcolor {
    color:/* %siteLinkColor% */ #FF6600;
}
a.button, button, input.button,
a.button:hover, button:hover, input.button:hover {
    color:/* %buttonTextColor% */ #fff;
    background:/* %siteLinkColor% */ #FF6600;
}
/* Margins */
body, .xg_marginbg {
    background-color:/* %siteBgColor% */ #090909;
    background-image:/* %siteBgImage% */  none;
    background-repeat:/* %siteBgImage_repeat% */  no-repeat;
}
/* Header Background Color/Image */
#xg_head,
#xg_head a,
.xg_headertextcolor {
    color:/* %pageHeaderTextColor% */ #01AFEF;
}
#xg, .xg_headerbg {
    background-color:/* %headBgColor% */ #222222;
    background-image:/* %headBgImage% */  none;
    background-repeat:/* %headBgImage_repeat% */  no-repeat;
}
/* Page */
#xg_body,
.xg_bodybg,
.xg_floating_container {
    background-color:/* %pageBgColor% */ #191919;
    background-image:/* %pageBgImage% */  none;
    background-repeat:/* %pageBgImage_repeat% */  no-repeat;
}
#xg_navigation ul li.this a,
ul.page_tabs li.this {
    background-color:/* %pageBgColor% */ #191919;
}
/* Module Headers */
.xg_module_head {
    color:/* %moduleHeadTextColor% */ #CCCCCC;
    background-color:/* %moduleHeadBgColor% */ #222222;
}
/* Ningbar */
/* %ningbarInvert% */ 
#xn_bar,
.xg_ningbarbg {
    background-color:/* %ningbarColor% */ #000000!important;
}
/* Footer */
#xg_foot {
    background-color:/* %ningbarColor% */ #000000!important;
}


/*----------------------------------------------------------------------
    Misc
----------------------------------------------------------------------*/
#xn_brand,
.xg_displaybrand {
    display:/* %ningLogoDisplay% */ inherit;
}

/* this color is the average between moduleBodyTextColor and pageBgColor: */
.xg_lightfont {
    color:/* %lightfont% */ #5a5a5a;
}
hr {
    color:#999999;
    background-color:#999999;
}
/* this color is (moduleBodyTextColor + (2 * pageBgColor))/3 */
.xg_lightborder {
    border-style:solid;
    border-color:/* %lightborder% */ #555555;
}