/*
Theme Name:     U-Design child theme
Description:    Customizations for U-Design Theme
Author:         Fritz
Template:       u-design

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../u-design/style.css");


/* Background for entire page is placed here */

html
{
  background-image: url( '../../uploads/2013/12/htmlBackground.png' );
  z-index:500;
  background-position: center top;
}

/* An attempt to place the Glow background image in front of the htmlBackground image and behind the bodyShadow image. Didn't work. */

body
{
  min-width: 960px;
  background-image: url( '../../uploads/2013/12/glow.png' );
  background-position: center top;
  background-repeat: no-repeat;
}


/* Content Background, with shadow, is placed on entire page, including behind Header Background image */

#wrapper-1
{
  background-repeat: repeat-y;
  background-image: url( '../../uploads/2013/12/bodyShadow.png' );
  background-position: center top;
  display: block;
  float: left;
  position: relative;
  width: 100%;
}

/* Header background image is placed here. */

#top-wrapper
{
  background-repeat: no-repeat;
  background-image: url( '../../uploads/2013/12/header.png' );
  background-position: center top;
  height: 178px;
  z-index:110;
}

/* Footer Background image is placed here. */

#footer-bg
{
  background-repeat: no-repeat;
  background-image: url( '../../uploads/2014/01/Footer_Bottom.jpg' );
  background-position: center bottom;
  height: 77px;
  z-index:112;
}

/* Used to align the "copyright" text to center in the footer */

#footer_text
{
text-align:center;
}

/* This is all about aligning the main menu items against the background Header image */

#navigation-menu 
{
  position:absolute;
  width:688px;
  right:37px;
  top:0;
  text-align:center;
  font-size:20px;
  height:40px;
}

/* The Float Right makes the menu items appear in backwards order, but solved another issue I couldn't figure out. All other styles remain the same as the main css. */

#navigation-menu ul.sf-menu > li 
{
  background:none;
  list-style: none;
  float: right;
  margin: 0 0 0 -3px;
}

/* The following help build the graphic menus in the sidebar */

#sideMenuContainer 
{    
    margin:0px 8px 25px 20px;
}
#sideMenuHeader 
{
    background-image: url( '../../uploads/2014/01/sidemenutop.png' );
    width: 192px;
    height: 46px;
}
#sideMenuContent 
{
    margin-left: 11px;
    background-image: url( '../../uploads/2014/01/sideMenuBgloop.png' );
    width: 170px;
    vertical-align:bottom;
}
.sideMenuItem 
{
    height: 43px;
    overflow: hidden;
    width: 170px;
}
.categoryWrap, .categoryWrapNoCount
{
    overflow: hidden;
    width: 170px;
    text-align: center;
    color: #7a7a7a;
    height: 170px;
    margin-bottom: 10px;
}
#sideMenuFooter 
{
    background-image: url( '../../uploads/2014/01/sidemenubottom.png' );
    width: 192px;
    height: 45px;
}



div#access li a{
   background-image:none !important;
   background-color:black !important;
}