body { background:#4d4d4d none no-repeat scroll 0 0; }
.xg_theme .xg_user_generated p, .xg_theme .xg_user_generated ol, .xg_theme .xg_user_generated ul, .xg_theme .xg_user_generated dl, .xg_theme .xg_user_generated blockquote, .xg_theme .xg_user_generated table, .xg_theme .xg_user_generated h1, .xg_theme .xg_user_generated h2, .xg_theme .xg_user_generated h3, .xg_theme .xg_user_generated h4, .xg_theme .xg_user_generated h5, .xg_theme .xg_user_generated h6 { margin-bottom:0.5em; }
.xg_theme #xg_themebody {
  font-weight:normal;
  font-size:14px;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
  color:#191919;
}
.xg_theme a {
  color:#191919;
  font-weight:bold;
  text-decoration:none;
  border-bottom:none;
}
.xg_theme a:hover {
  color:#d40075;
  font-weight:bold;
  text-decoration:none;
  border-bottom:none;
}
.xg_theme h1, .xg_theme h2, .xg_theme h3, .xg_theme h4, .xg_theme h5, .xg_theme h6 {
  font-weight:bold;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
  color:#d40075;
}
.xg_theme button, .xg_theme a.button, .xg_theme input.button {
  background:#ffffff none repeat scroll 0 0;
  color:#d40075;
  font-weight:bold;
  font-size:14px;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
  border-width:1px;
  border-style:solid;
  border-color:#ffffff;
}
.xg_theme #xg_head {
  background:transparent none no-repeat scroll 0 0;
  border-width:;
  border-style:none;
  border-color:transparent;
}
.xg_theme h1#xg_sitename { font-size:48px; }
.xg_theme h1#xg_sitename a {
  color:#d40075;
  font-weight:bold;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
}
.xg_theme p#xg_sitedesc {
  color:#faf5fa;
  font-weight:bold;
  font-size:12px;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
}
.xg_theme #xg_navigation {
  background:#333333 none repeat-x scroll 0 0;
  border-width:6px 0 0 0;
  border-style:solid;
  border-color:#d40075;
}
.xg_theme #xg_navigation ul li a {
  color:#ffffff;
  background-color:#333333;
  font-weight:bold;
  font-size:14px;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
}
.xg_theme #xg_navigation ul li a:hover {
  color:#ffffff;
  background-color:#333333;
}
.xg_theme #xg_navigation ul div.xg_subtab ul li a {
  color:#919191;
  background:#f2f2f2;
}
.xg_theme #xg_navigation ul div.xg_subtab ul li a:hover {
  color:#5e5e5e;
  background:#d9d9d9;
}
.xg_theme #xg { background:#ffffff none repeat-x scroll 0 0; }
.xg_theme #xg_body {
  background:transparent none no-repeat scroll 0 0;
  border-width:;
  border-style:none;
  border-color:transparent;
}
.xg_theme .xg_module {
  background:#ffffff none no-repeat scroll 0 0;
  border-width:1px;
  border-style:solid;
  border-color:#cccccc;
}
.xg_theme .xg_module_head {
  background:#4d4d4d none no-repeat scroll 0 0;
  border-width:2px 0 0 0;
  border-style:solid;
  border-color:#b3ff00;
}
.xg_theme .xg_module_head h2 {
  color:#b3ff00;
  font-weight:bold;
  font-size:14px;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
}
.xg_theme .xg_module_body {
  background:transparent none no-repeat scroll 0 0;
  font-size:14px;
}
.xg_theme #xg_foot {
  background:#4d4d4d none no-repeat scroll 0 0;
  border-width:;
  border-style:none;
  border-color:transparent;
}
.xg_theme #xg_footcontent {
  background:transparent none no-repeat scroll 0 0;
  border-width:;
  border-style:none;
  border-color:transparent;
  color:#000000;
}
.xg_theme .xg_floating_container {
  background-color:#ffffff;
  color:#ff00ff;
  font-weight:normal;
  font-size:14px;
  font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif;
}
.xg_theme .mediabutton-c { color:#d40075; }
.xg_theme .mediaplayer-bc { background-color:#ffffff; }
.xg_theme .mediaplaylist-bc { background-color:#aaaaaa; }
#xn_bar, .xg_theme-ningbar-bc { background-color:#333333; }
.xg_theme .icon-color { color:#969696; }
.xg_theme .xg_lightborder { border-color:#cbcbcb; }
.xg_theme .xg_lightfont { color:#7f7f7f; }
.xg_theme .xg_theme-button-c { color:#d40075; }
.xg_theme .xg_theme-button-bc { background-color:#ffffff; }
.xg_theme .xg_theme-link-c { color:#191919; }
.xg_theme #xg_themebody { border-top:3px solid #191919; }
.xg_theme #xg_head, .xg_theme #xg_foot {
  width:1002px;
  margin:0 auto;
}
.xg_theme #xg {
  padding:10px;
  width:982px;
  margin:0 auto;
}
.xg_theme #xg_foot {
  margin-top:10px;
  padding-top:10px;
}
.xg_theme #xg_masthead:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.xg_theme #xg_masthead {
  *zoom:1;
  position:relative;
  padding-top:25px;
  padding-bottom:20px;
}
.xg_theme h1#xg_sitename {
  text-transform:uppercase;
  float:left;
  margin:0;
  letter-spacing:0;
}
.xg_theme p#xg_sitedesc {
  position:absolute;
  right:0;
  bottom:12px;
  margin:0;
}
.xg_theme #xg_navigation {
  clear:both;
  border-left:1px solid #aaaaaa;
  border-right:1px solid #aaaaaa;
}
.xg_theme #xg_navigation ul { margin:0; }
.xg_theme #xg_navigation li {
  float:left;
  margin:0;
  padding:8px 14px 3px;
  text-transform:uppercase;
  border-right:1px dotted #ffffff;
  border-top:4px solid transparent;
  position:relative;
  top:-4px;
}
.xg_theme #xg_navigation li.this { border-top:4px solid #191919; }
.xg_theme #xg_body { width:982px; }
.xg_theme .xg_module_head {
  padding-bottom:4px;
  padding:3px 0 4px 0;
  margin:0 5px;
}
.xg_theme .xg_module { margin-bottom:15px; }
.xg_theme h1, .xg_theme h2, .xg_theme h3, .xg_theme h4, .xg_theme h5, .xg_theme h6 { letter-spacing:-1px; }
.xg_theme .xg_module_head h2 {
  letter-spacing:0;
  text-transform:uppercase;
}
.xg_theme .xj_ad_below_header {
  width:982px;
  padding:10px;
  margin:0 auto;
}
/* THEME BASICS
 * Predefined CSS that correspond to the LESS variables. It's best to 
 * avoid adding additional styles for your theme here, unless you are 
 * trying to hard-code a value such that an NC cannot customize it.
 * Most of these properties are defined with LESS variables; those that 
 * are hard-coded are just there for the purpose of valid CSS.
 */
body {
		background:@ning-body-background-color @ning-body-background-image @ning-body-background-repeat scroll 0 0;
}
.xg_theme #xg_themebody {
        font-weight:@ning-body-font-weight;
        font-size:@ning-body-font-size; 
        font-family:@ning-body-font-family;
        color:@ning-body-color;
}

.xg_theme a {
        color:@ning-a-color;
        font-weight:@ning-a-font-weight;
        text-decoration:@ning-a-text-decoration;
        border-bottom:@ning-a-border-bottom;
}

.xg_theme a:hover {
        color:@ning-a-hover-color;
        font-weight:@ning-a-hover-font-weight;
        text-decoration:@ning-a-hover-text-decoration;
        border-bottom:@ning-a-hover-border-bottom;
}

.xg_theme h1, .xg_theme h2, .xg_theme h3, .xg_theme h4, .xg_theme h5, .xg_theme h6 {
        font-weight:@ning-heading-font-weight;
        font-family:@ning-heading-font-family;
        color:@ning-heading-color;
}

.xg_theme button,
.xg_theme a.button,
.xg_theme input.button {
        background:@ning-button-background-color @ning-button-background-image @ning-button-background-repeat scroll 0 0;
        color:@ning-button-color;
        font-weight:@ning-button-font-weight;
        font-size:@ning-body-font-size;
        font-family:@ning-button-font-family;
        border-width:@ning-button-border-width;
        border-style:@ning-button-border-style;
        border-color:@ning-button-border-color;
}

.xg_theme #xg_head {
        background:@ning-header-background-color @ning-header-background-image @ning-header-background-repeat scroll 0 0;
        border-width:@ning-header-border-width;
        border-style:@ning-header-border-style;
        border-color:@ning-header-border-color;
}

.xg_theme h1#xg_sitename {
        font-size:@ning-site-name-font-size; 
}

.xg_theme h1#xg_sitename a {
        color:@ning-site-name-color;
        font-weight:@ning-site-name-font-weight;
        font-family:@ning-site-name-font-family;
}

.xg_theme p#xg_sitedesc {
        color:@ning-site-desc-color;
        font-weight:@ning-site-desc-font-weight;
        font-size:@ning-site-desc-font-size;
        font-family:@ning-site-desc-font-family;
}

.xg_theme #xg_navigation {
        background:@ning-navigation-background-color @ning-navigation-background-image @ning-navigation-background-repeat scroll 0 0;
        border-width:@ning-navigation-border-width;
        border-style:@ning-navigation-border-style;
        border-color:@ning-navigation-border-color;
}

.xg_theme #xg_navigation ul li a {
        color:@ning-navigation-a-color;
        background-color:@ning-navigation-a-background-color;
        font-weight:@ning-navigation-font-weight;
        font-size:@ning-navigation-font-size;
        font-family:@ning-navigation-font-family;
}

.xg_theme #xg_navigation ul li a:hover {
        color:@ning-navigation-a-hover-color;
        background-color:@ning-navigation-a-hover-background-color;
}

.xg_theme #xg {
        background:@ning-main-background-color @ning-main-background-image @ning-main-background-repeat scroll 0 0;
}

.xg_theme #xg_body {
        background:@ning-main-content-background-color @ning-main-content-background-image @ning-main-content-background-repeat scroll 0 0;
        border-width:@ning-main-content-border-width;
        border-style:@ning-main-content-border-style;
        border-color:@ning-main-content-border-color;
}

.xg_theme .xg_module {
        background:@ning-module-background-color @ning-module-background-image @ning-module-background-repeat scroll 0 0;
        border-width:@ning-module-border-width;
        border-style:@ning-module-border-style;
        border-color:@ning-module-border-color;
}

.xg_theme .xg_module_head {
        background:@ning-module-head-background-color @ning-module-head-background-image @ning-module-head-background-repeat scroll 0 0;
        border-width:@ning-module-head-border-width;
        border-style:@ning-module-head-border-style;
        border-color:@ning-module-head-border-color;
}

.xg_theme .xg_module_head h2 {
        color:@ning-module-head-color;
        font-weight:@ning-module-head-font-weight;
        font-size:@ning-module-head-font-size;
        font-family:@ning-module-head-font-family;
}

.xg_theme .xg_module_body {
        background:@ning-module-body-background-color @ning-module-body-background-image @ning-module-body-background-repeat scroll 0 0;
        font-size:@ning-body-font-size; 
}

.xg_theme #xg_foot {
        background:@ning-foot-background-color @ning-foot-background-image @ning-foot-background-repeat scroll 0 0;
        border-width:@ning-foot-border-width;
        border-style:@ning-foot-border-style;
        border-color:@ning-foot-border-color;
}

.xg_theme #xg_footcontent {
        background:@ning-foot-content-background-color @ning-foot-content-background-image @ning-foot-content-background-repeat scroll 0 0;
        border-width:@ning-foot-content-border-width;
        border-style:@ning-foot-content-border-style;
        border-color:@ning-foot-content-border-color;
        color:@ning-foot-content-color;
}

.xg_theme .xg_floating_container {
		background-color:@ning-floating-container-background-color;
		color:@ning-floating-container-color;
		font-weight:@ning-body-font-weight;
        font-size:@ning-body-font-size; 
        font-family:@ning-body-font-family;
}

.xg_theme .mediabutton-c {
		color:@ning-player-color;
}

.xg_theme .mediaplayer-bc {
		background-color:@ning-player-background-color;
}

.xg_theme .mediaplaylist-bc {
        background-color:@ning-playlist-background-color;
}

#xn_bar {
        background-color:@ning-ningbar-background-color;
}

.xg_theme .icon-color {
		color:@ning-icon-color;
}

.xg_theme .xg_lightborder {
		border-color:#cbcbcb;
}

.xg_theme .xg_lightfont {
		color:#7F7F7F;
}

.xg_theme .xg_theme-button-c {
		color:@ning-button-color;
}

.xg_theme .xg_theme-button-bc {
		background-color:@ning-button-background-color;
}

.xg_theme .xg_theme-link-c {
		color:@ning-a-color;
}

.xg_theme .status-bar {
		color:#333;
		background-color:#e1e1e1;
}

.xg_theme .status-bar .arrow {
		border-color:#e1e1e1;
}

/* THEME EXTRA
 * Add your additional CSS below. Also consider setting the following:
 * -Default sizes for h1, h2, etc.
 * -Default list styles
 * -Etc
 * Remember that #xg_body must have an inner width of 982px. 
 * Note that you can use the LESS variables you set above to tie styles of various elements to
 * match the theme.
 */

.xg_theme #xg_themebody {
	border-top:3px solid #000000;
}

.xg_theme #xg_head,
.xg_theme #xg_foot {
	width:1002px;
	margin:0 auto;
}

.xg_theme #xg {
	padding:10px;
	width:982px;
	margin:0 auto;
}
.xg_theme #xg_foot {
	margin-top:10px;
	padding-top:10px;
}

.xg_theme #xg_masthead:after {
    content:".";
    display:block;
    height:0;
    clear:none;
    visibility:hidden;
}

.xg_theme #xg_masthead {
	*zoom:1;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
}

.xg_theme h1#xg_sitename {
	text-transform:uppercase;
	float:left;
	margin:0;
	letter-spacing:0;
}

.xg_theme p#xg_sitedesc {
	position:absolute;
	right:0;
	bottom:12px;
	margin:0;
}

.xg_theme #xg_navigation {
	clear:both;
	border-left:0px solid #AAA;
	border-right:0px solid #AAA;
	margin-top:0px;
}

.xg_theme #xg_navigation ul {
	margin:0;
}

.xg_theme #xg_navigation li {
	float:left;
	margin:0;
	padding:8px 14px 3px;
	border-right:1px solid #777676;
	text-transform:uppercase;
	border-top:0px solid transparent;
	position:relative;
	top:0px;
}

.xg_theme #xg_navigation li.this {
	border-top:4px solid #ce1e2e;
}

.xg_theme #xg_body {
	width:982px;
}

.xg_theme .xg_module_head {
	padding-bottom:5px;
	padding:3px 0 4px 5px;
	margin:0 5px;
}

.xg_theme .xg_module {
	margin-bottom:15px;
}

.xg_theme h1, .xg_theme h2, .xg_theme h3, .xg_theme h4, .xg_theme h5, .xg_theme h6 {
	letter-spacing:-1px;
}

.xg_theme .xg_module_head h2 {
	letter-spacing:0;
	text-transform:uppercase;
}

.xg_theme .xj_ad_below_header {
	width:982px;
	padding:10px;
	margin: 0 auto;
}


/* OPTIONAL
 * Additional elements that are reused by applications that the theme 
 * should style. Includes form elements, sub-tabs, etc. Remove the 
 * comment blocks to include this CSS, and only remove them if you 
 * are actually changing the predefined values. Otherwise, you'll
 * have redundant CSS. Note that there is more CSS that makes elements 
 * like lightboxes work, but only the styles that may be theme-
 * pertinent are included below. You only need to be concerned with 
 * aesthetic properties.
 *
 * TBD
 */