/*----------------------------------------------------------------------
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_theme-body-f {
font-family:/* %textFont% */ Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}
/* Font (Headings) */
h1, h2, h3, h4, h5, h6,
#xg_sitename,
.xg_theme-heading-f {
font-family:/* %headingFont% */ Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}


/*----------------------------------------------------------------------
Colors
----------------------------------------------------------------------*/
/* Main Color */
body,
#xg_navigation li.this a,
.xg_theme-body-t {
color:/* %moduleBodyTextColor% */ #333333;
}
a, .xg_theme-link-c {
color:/* %siteLinkColor% */ #0076A3;
}
a.button, button, input.button,
a.button:hover, button:hover, input.button:hover {
color:/* %buttonTextColor% */ #fff;
background:/* %siteLinkColor% */ #0076A3;
}
.xg_theme-button-c {
color:/* %buttonTextColor% */ #fff;
}
.xg_theme-button-bc {
background:/* %siteLinkColor% */ #0076A3;
}
.icon-color {
color:/* %iconColor% */ #21BAF3;
}

/* Margins */
body {
background-color:/* %siteBgColor% */ #FFFFFF;
background-image:/* %siteBgImage% */ url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/themes/Social%20Blue/bg-gradient.gif?v=4.0.9%3A20487);
background-repeat:/* %siteBgImage_repeat% */ no-repeat;
}
.xg_theme-body-bc {
background-color:/* %siteBgColor% */ #FFFFFF;
}
.xg_theme-body-bi {
background-image:/* %siteBgImage% */ url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/themes/Social%20Blue/bg-gradient.gif?v=4.0.9%3A20487);
}

/* Header Background Color/Image */
#xg_head,
#xg_head a,
.xg_theme-header-c {
color:/* %pageHeaderTextColor% */ #333333;
}
#xg, .xg_headerbg {
background-color:/* %headBgColor% */ #FFFFFF;
background-image:/* %headBgImage% */ none;
background-repeat:/* %headBgImage_repeat% */ no-repeat;
}
.xg_theme-header-bc {background-color:/* %headBgColor% */ #FFFFFF;
}
.xg_theme-header-bi {background-image:/* %headBgImage% */ none;
}

/* Page */
#xg_body,
.xg_floating_container {
background-color:/* %pageBgColor% */ #FFFFFF;
background-image:/* %pageBgImage% */ none;
background-repeat:/* %pageBgImage_repeat% */ no-repeat;
}
.xg_theme-body-bc {
background-color:/* %pageBgColor% */ #FFFFFF;
}
.xg_theme-body-bi {
background-image:/* %pageBgImage% */ none;
}
#xg_navigation ul li.this a,
ul.page_tabs li.this {
background-color:/* %pageBgColor% */ #FFFFFF;

}
/* Module Headers */
.xg_module_head {
color:/* %moduleHeadTextColor% */ #333333;
background-color:/* %moduleHeadBgColor% */ #FFFFFF;
}
.xg_theme-modulehead-c {
color:/* %moduleHeadTextColor% */ #333333;
}
.xg_theme-modulehead-bc {
background-color:/* %moduleHeadBgColor% */ #FFFFFF;
}

/* Module Body */
.xg_module_body, .xg_theme-modulebody-bc {
background-color:/* %moduleBodyBgColor% */ #FFFFFF;
}

/* Status Box */
.status-bar {
color:/* %statusBarTextColor% */ #000000;
background-color:/* %statusBarBgColor% */ #DFE7EA;
}
.status-bar a, .xg_theme-status-c {
color:/* %statusBarTextColor% */ #000000;
}
.xg_theme-status-bc {
background-color:/* %statusBarBgColor% */ #DFE7EA;
}
.status-bar .arrow, .xg_theme-status-oc {
border-color:/* %statusBarBgColor% */ #DFE7EA;
}
.status-bar .refresh {
background-image:/* %buttonTextColor% */ #fff;
}

/* Media Players */
.xg_theme-mediabutton-c {
color:/* %mediaButtonLink% */ #2E5F87;
}
.xg_theme-mediaplayer-bc {
color:/* %mediaPlayerBg% */ #DFE7EA;
}
.xg_theme-mediaplaylist-bc {
color:/* %mediaPlaylistBg% */ #FFFFFF;
}

/* Ningbar */
/* %ningbarInvert% */ 
#xn_bar, .xg_theme-ningbar-bc {
background-color:/* %ningbarColor% */ #000000!important;
}

/* Footer */
#xg_foot, .xg_theme-footer-bc {
background-color:/* %ningbarColor% */ #000000!important;
}


/*----------------------------------------------------------------------
Misc
----------------------------------------------------------------------*/
#xn_brand,
.xg_displaybrand {
display:/* %ningLogoDisplay% */ block!important;
}
/* this color is the average between moduleBodyTextColor and pageBgColor: */
.xg_lightfont {
color:/* %lightfont% */ #666666;
}
hr {
color: #636f78;
background-color: #636f78;
}
/* this color is (moduleBodyTextColor + (2 * pageBgColor))/3 */
.xg_lightborder {
border-style:solid;
border-color:/* %lightborder% */ #bbbbbb;
}
/* this color is (moduleBodyTextColor + (5 * pageBgColor))/6 */
.xg_separator {
border-style:solid;
border-color:/* %separator% */ #dddddd;
}