*
{
        padding: 0;
        margin: 0;
}

img
{
        border: none;
}

body
{
        text-align: center;
        font-family: arial;  /* change the body font */
        line-height: 1.4em;
        font-size: 10pt;
        font-weight: bold;
        color: #9D296A;  /* standard body text color */
        background: #FFFFFF url('http://www.manfredman.de/snap/pics/friendship5.jpg') no-repeat bottom right;  /* this is the background image */
        background-attachment:fixed;
}

/* addon under background */

#background
{
        background: transparent url('') center top;  /* this is the background image and has to be repeated here*/
        background-attachment:fixed;
}

  /* this can be ignored for now */
#wrapper
{
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 800px;
}

  /* we don't modify this I believe singsnap can put messages here */
#toparea #notification_area
{
        display: none;
}

#toparea #notification_area p
{
        display: none;
}

#toparea #notification_area p a
{
        color: #9D296A;
        text-decoration: none;
}

#toparea #notification_area p a:hover
{
        text-decoration: none;
        color: #CF77B4;
}
  /* this is the banner area */

#toparea
{
        margin-top: 5px;  /* this is the space above your banner */
        height: 125px;  /* this is the banner height leave it */
        width: 800px;  /* this is the banner width leave it */
        background: url('http://www.manfredman.de/snap/pics/friendshipsbanner.jpg') no-repeat center top;  /* this is your banner */
}


#toparea ul
{
        margin-top: 83px;
        list-style: none;
        float: right;
}


#toparea ul li
{
        background: url('') no-repeat left top;
        width: 156px;
        height: 40px;
        float: left;
        text-align: center;
        margin-left: 3px
}

  /* this is the first row of links "watch & listen" etc below banner */

#toparea ul li a  /* this defines fonts for this row of links */

{
        background: url('') no-repeat top left;
        text-transform: uppercase;
        font-family: "arial";
        font-size: 11pt;
        font-weight: bold;
        color: #9D296A;
        text-decoration: none;
        line-height: 40px;
        display: block;
}

#toparea ul li a:hover  /* this defines hover color for this row */
{
        text-decoration: none;
        color: #9D296A;
}

#toparea ul li#current_top
{
        background: url('') no-repeat top right;
}


#toparea ul li#current_top a  /* this defines "watch & listen" normal characteristics */
{
        background: transparent; url('BUTTONON2') no-repeat left top;
        color: #9D296A
}

#toparea ul li#current_top a:hover  /* this defines "watch & listen" hover characteristics */
{
        text-decoration: none;
        color: #CF77B4;
}


#toparea ul li#current_top_dynamic  /* uncertain what this does yet LOL */
{
        background: url('MENUBUTTONON1') no-repeat top right;
        width: auto;
        color: #9D296A
}

#toparea ul li#current_top_dynamic a  /* uncertain what this does yet LOL */
{
        background: url('MENUBUTTONON1') no-repeat top left;
        width: auto;
        color: #9D296A;
        /*margin-left: -10px;*/
        padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:6px
}

#toparea ul li#current_top_dynamic a:hover  /* uncertain what this does yet LOL */
{
        text-decoration: none;
        color: #CF77B4;
}

  /* submenu defines functions of the "featured, new etc" row of links */

#submenu
{
        width: 785px;
        padding-left: 8px;
        height: 20px;
        background: transparent url('') no-repeat left top;; margin-left:2px; margin-right:2px; margin-top:10px; margin-bottom:30px
}

#submenu ul
{
        height: 20px;
        padding-right: 8px;
        background: transparent  url('') no-repeat right top;; list-style-type:none
}

#submenu ul li
{
        float: left;
        height: 20px;
        text-align: center;
        margin: 0 10px;
}

#submenu ul li a
{
        text-transform: uppercase;
        font-family: "arial";
        font-size: 9pt;
        font-weight: bold;
        color: #9D296A;
        text-decoration: none;
        line-height: 20px;
        display: block;
}

#submenu ul li a:hover
{
        text-decoration: none;
        color: #CF77B4;
}

#submenu ul li#current_sub
{
        background: transparent url('SUBMENUONLEFT') no-repeat left top;
        color: #9D296A;
        padding-left: 10px
}

  /* the next two define the "home" button on the profile page */

#submenu ul li#current_sub a
{
        background: transparent url('SUBMENUONRIGHT') no-repeat right top;
        color: #9D296A;
        padding-right: 10px
}

#submenu ul li#current_sub a:hover
{
        text-decoration: none;
        color: #CF77B4;
}

  /* this is the intro box on proflie with your picture */

.intro
{
        padding: 10px;
        min-height: 120px;
        background: transparent;
        background-position: 600px 10px;
        background-repeat: no-repeat;
        color: #9D296A;
        border-top: 2px solid #000000;
        border-bottom: 4px solid #000000;
        margin-bottom: 0px;
}

  /* uncertain what this does yet LOL */

#logo
{
        display: none;
}

  /* this is the large BINKY-'S PROFILE from profile page and the large song title on recording page see the border-bottom: that is the line below it  */

#content h1
{
        font-size: 14pt;
        color: #9D296A;
        font-family: "arial";
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 3px solid #D83E94;
}

  /* this is the "Recording information" line  */
#content .results th, #content .results td
{
                    padding: 7px;
                    border-bottom: #000000;
}
#content h2
{
        font-size: 12pt;
        font-family: "arial";
        font-weight: bold;
        color: #9D296A;
}

  /* this controls any text you put in comments after a <P> paragraph symbol but you already defined text in body */

#content p
{
        margin-bottom: 15px;
}

  /* this is the "information for recording", maybe more LOL */

#content .results th
{
        background: transparent;
        color: #9D296A;
        white-space: nowrap;
}

  /* this is the "comments after recording info by owner and visitors", maybe more LOL */

.default_comment_area, .you_comment_area, .owner_comment_area, .highlight_comment_area
{
        background: transparent;  /* you can define as transparent (use "transparent:"in place of colour) if you have a solid bg, or add an image, or set a solid color */
        padding: 10px;
        clear: both;
        color: #D83E94;  /* this is the comments text color */
}

  /* no clue but will find out one day LOL */

* html fieldset
{
        margin-top: 2em;    /* what is this PA? (2em;) */
}

  /* this is the right side of the graphic for the four boxes nominate, add, report and harmonize */

.button-box
{
        background: transparent url('') no-repeat right top;
}

  /* this is the left side of the graphic for the four boxes nominate, add, report and harmonize */

.button-box p
{
        background: transparent url('') no-repeat left top;
}

  /* this is the normal text color for the four boxes nominate, add, report and harmonize */

.button-box p a
{
        color: #9D296A;
}

  /* this is the hover text color for the four boxes nominate, add, report and harmonize */

.button-box p a:hover
{
        color: #CF77B4;
}

  /* this controls the "recording song link views and rating" boxes */

.odd
{
        background: transparent url('') repeat-x left top;
        color: #9D296A;
}

  /* this should control the "member artist embed and comments" boxes but LOL OK I will figure it out some day */

.even
{
}

  /* the next three cover undifined "links - normal, visited and hover" */

a:link
{
        color: #9D296A;
        text-decoration: none;
}

a:visited
{
        color: #9D296A;
        text-decoration: none;
}

a:hover
{
        color: #CF77B4;
        text-decoration: none;
}

  /* this controls the small box behind "your comments" inside the "comments on recording box" maybe more LOL */

.standard-form dt label, .standard-form dt .label
{
        font-weight: bold;
        font-family: Verdana, sans-serif;
        background: transparent;
        color: #9D296A;
        margin-right: 5px;
}

  /* this controls the box around the one visitors type comments in */

.standard-form fieldset
{
        padding: 10px 0 10px 10px;
        margin-bottom: 15px;
        border: none;
        border-top: 1px solid #D83E94;   /* this is the colored line at the top of the box */
        background: transparent url('') center left no-repeat;   /* this sets color or background for the box around the one visitors type comments in */
}

  /* this controls the box around the words "comment on this recording" */

.standard-form legend
{
        padding: 2px 10px;
        margin-left: 15px;
        color: #9D296A;
        background: #000000;
        font-weight: bold;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
}


.frontpage legend
{
        padding: 2px 10px;
        margin-left: 4px;
        color: #9D296A;
        background: #000000;
        font-weight: bold;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
}

.smalltext
{
        font-size: 10px;
}