Step 1: 
Knowing were to find the style sheets.
    Site style Sheet
    Page style sheet

Step 2:
     Backgrounds
        Page
            Body / Main
            Top Toolbar
            Main Navbar
            My Navbar
        Widgets
        Widgets Title bar

Step 3:
    Widgets
        Background
        Additional Styling
        Title Bar
        Placement
        Optional Styling

Step 4:
    My navbar
        Background setting
        Moving Inner menu
        Menu Classes Info

Step 5:
    Advanced option
        Hiding title bar
        Adding site images to title bar
        Hiding widgets
        Moving widgets

    Our styling system uses css pages, and style classes. We organized it this way because, as you will see, this makes it much easier to edit the styles then having to learn other site's styling. The goal of this tutorial is to teach you the basic style options, and teach you how our classing system works. Later we will include an index that you can use to see new classes and what each of them mean. To find out additional style option you can search at our site for css styling and you will find several places to get additional options, and their meanings.

You should have a basic understanding of HTML, tags, and basic styling.

Also here is a good site for finding out how to style with css styling. http://www.w3schools.com/css/

Ok start your lesson

    Step 1 Knowing were to find the style sheets.
    Step 2: Backgrounds
    Step 3: Widgets
    Step 4: My Navbar
    Step 5: Advanced options