My CSS advanced is below.
I uploaded a new jpg and changed the name of the jpg in the code below to match it.
BUT
The background hasn't changed.
What am I doing wrong?
THANKS!
body {
background-position: 50% top;
background-attachment:fixed;
background-repeat: repeat-y;
}
#xg_head {
text-align: center;
}
#xg_masthead p#xg_sitename {
font-size: 550%;
font-weight: bold;
letter-spacing: -0.05em;
line-height: 120%;
padding-top: .4em;
}
#xg_masthead p#xg_sitedesc {
color: #333;
font: 120% Georgia, "Times New Roman", Times, serif;
padding-bottom: 1.5em;
}
#xg_navigation {
font-family: "Helvetica Neue",Helvetica,Arial,Georgia, "Times New Roman", Times, serif;
font-style: normal;
text-transform:lowercase;
}
#xg_navigation ul {
display: inline-block;
float: none;
width: 955px;
white-space: nowrap;
margin: 0 auto;
}
#xg_navigation > ul {
display: table;
}
#xg_navigation ul li {
display: inline;
float: none;
padding: 0;
}
#xg_navigation ul > li {
display: table-cell;
}
*:first-child+html #xg_navigation ul > li { /* IE7 */
display: inline;
}
#xg_navigation ul li a {
display: inline-block;
background-color: #f88c12;
color: #fff;
padding: 0 .8em;
margin-right: 0px;
}
#xg_navigation ul li > a {
display: block;
}
*:first-child+html #xg_navigation ul li > a { /* IE7 */
display: inline-block;
}
#xg_navigation ul li a:hover {
background-color: #fff;
color:#000;
}
#xg_navigation ul li.this a {
background-color: #000;
color: #fff;
}
.xg_module_head {
text-transform:uppercase;
}
.xg_module_head h2 {
font-size: 1.4em;
}
#xg_foot, #xg_foot a {
color: #aaa;
}
.xg_widget_main_authorization {
background-image: url(
http://api.ning.com/files/USRkO2Qfv2S-JyWf-NJvj5OUpNFE64OVz3DM4tr-7...*JvJhduQy/wig.jpg) !important;_background-repeat: repeat !important;__}__#xj_welcomebox_link_container .invite {_display: none;_}_.create-success {_display: none !important;_}