body
{
  font-family:          Arial;
  font-size:            14px;

  background-image:     url('../images/header-background.jpg');
  background-repeat:    repeat-x;
}

#header
{
  background-image:     url('../images/header-image.jpg');
  background-repeat:    no-repeat;
  background-position:  0px 54px;
}

/* CONTENT */

#content
{
  color:                #90908F;
  line-height:          1.5em;
}

/* HEADINGS */

h1, span.widgetTitle
{
  color:                #0BABCD;
  font-size:            26px;
  font-weight:          normal;
  letter-spacing:       -1px;
  
  margin:               0px;
  padding:              20px 0px 20px 0px;
}

h2
{
  color:                #6C6958;
  font-size:            15px;
  
  margin:               0px;
  padding:              5px 0px;
}

/* LOGO */

a#stopsiteLogo
{
  background-image:     url('../images/logo-stopsite.jpg');
  background-repeat:    no-repeat;
}

/* SIGNUP LINK */
a#signUpLink
{
  background-image:     url('../images/btn-signup.png');
  background-repeat:    no-repeat;
}

/* TWITTER LINK */
a#twitterLink
{
    background-image: url('../images/twitter.gif');
    background-repeat:    no-repeat;
}

/* DEMO LINK */
a#demoLink
{
  background-image:     url('../images/header-course-preview.jpg');
  background-repeat:    no-repeat;
}

/* HEADER MENU */
#headerMenu a
{
  color:                #D7D5CB;
  font-weight:          bold;
  text-decoration:      none;
  font-family:          Tahoma, Arial;
  font-size:            16px;
}

#headerMenu a:hover
{
  /* hover effect has been moved to /lib/js/library.js to provide a nice smooth glow */
  /*color:                #FFFFFF;*/
}

/* LOGIN AREA */

input#submitLogin
{
	background:			url("../images/btn-login.jpg") repeat scroll 0 0 transparent;
}

/* BREADCRUMB */

#breadCrumb ul li, #breadCrumb ul li a
{
  font-size:            12px;
  font-weight:          bold;
  color:                #90908F;
}

#breadCrumb ul li a
{
  text-decoration:      none;
}

#breadCrumb ul li a:hover
{
  color:               #0BABCD; 
}

/* WIDGET */

div.widgetTop
{
  height:               7px;  

  background-image:     url('../images/widget-background.jpg');
  background-repeat:    no-repeat;
  background-position:  top;
  
  margin:               0px;
}

div.widgetContent
{
    color:              #90908F;
    font-size:          13px;
    
    border-left:        1px solid #eeede7;
    border-right:       1px solid #eeede7;
}

div.widgetBottom
{
  height:               7px;  

  margin:               0px;
  
  background-image:     url('../images/widget-background.jpg');
  background-repeat:    no-repeat;
  background-position:  bottom;
}

/* NEWS WIDGET */
div.readMore a
{
  color:                #0BABCD;
  font-weight:          bold;
  font-style:           italic;
  text-decoration:      none;
}

/* COLOR PICKER */

a#toggleColorPicker.show
{
  background-image:     url('../images/btn-plus.gif');
}

a#toggleColorPicker.hide
{
  background-image:     url('../images/btn-minus.gif');
}

div#colorPicker ul li a#themeBasic
{
  background-image:     url('../../default/images/theme-default.gif');
}

div#colorPicker ul li a#themePurple
{
  background-image:     url('../../default/images/theme-purple-selected.gif');
}

/* FOOTER */

#footer
{
  font-size:            12px;
  
  background-color:     #252525;
  background-image:     url('../images/footer-background.gif');
  background-repeat:    repeat-x;
  background-position:  top;
}

#footerLinks
{
  padding-top:          20px;
}

#footerLinks ul
{
  list-style-type:      none;
  
  margin:               0px;
  padding:              0px;
}

#footerLinks ul li
{
  display:              block;
  float:                left;
  
  margin-right:         15px;
}

#footerMenu
{
  float:                right;
}

#footerMenu, #footerMenu a
{
  /*color:                #A6A6A6;*/
  color:                #FFFFFF;
  font-weight:          bold;
}

#footerMenu a:hover
{
  text-decoration: underline;
}

#footerMenuText
{
  float:                right;
}

#footerMenu a
{
  text-decoration:      none;
}

#footerMenu a:hover
{
  /* hover effect has been moved to /lib/js/library.js to provide a nice smooth glow */
  /*color:                #FFFFFF;*/
}