The article pages on Community Server 4.1 get one template and it's hard to do any individual styling to make an article look like it's unique from the other ones. I needed a way to attach an ID or class to the shell of a site or even to the body tag.  This is the solution that I came up with.

**EXPLANATION** 

This code will let you add a unique class to you website shell.  

What it does is: 
<ul>
<li>grab the text of the h1</li>
<li>nullify all symbols except / and - </li>
<li>replace the spaces with dashes.</li>  
<li>convert all characters to lowercase.</li> 
</ul>

So, if the page is called About Community Server, the website shell div will look like this:

    <div id="website-shell" class="about-community-server-pg"></div>

***caveats***

*For this to work, you'll need one h1 with the class "content-title" - if you use more than one, you're probably not going to get the class you're expecting.  
If you change the h1 text, the class attached to the website shell will also change.  However, this isn't for use on normal pages that you can style - only Community Server article pages with limited styling flexibility.*


**HTML**

    <div id="website-shell">
        <h1 class="content-title">frequently asked questions</h1>
    </div>

**JQUERY**

    <script type="text/javascript">
        $(function() {   
            var h1Class = $(".content-title").text().replace(/ /g,"-").replace(/[^\w/-]/g, '').toLowerCase();
            $("#website-shell").addClass(h1Class+"-pg");
        });
    </script>