Style Inheritance
It's all very simple. To the point of being frustrating. Yesterday everything was fine, today I turn on my computer, Denver, go to the site, and one of the blocks refuses to accept styles. Firebug reports that there are no styles defined for it, even though three neighboring blocks with the same styles are working fine.
Below is a snippet of code from page.css:
/*footer menu*/
#block-menu-menu-secondary-menu li.first.expanded.menu-depth-1.menu-item-740{
width: 200px;
float: left;
margin-left: 100px;
font-size: 12px;
}
#block-menu-menu-secondary-menu li.first.expanded.menu-depth-1.menu-item-740 a{
color: #888;
}
#block-menu-menu-secondary-menu li.first.expanded.menu-depth-1.menu-item-740 a:hover{
color: #E25401;
}
#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-749{
width: 200px;
float: left;
margin-left: 80px;
font-size: 12px;
}
#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-749 a{
color: #888;
}
#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-749 a:hover{
color: #E25401;
}
#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-745{
width: 200px;
float: left;
margin-left: 80px;
font-size: 12px;
}
#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-745 a{
color: #888;
}
#block-menu-menu-secondary-menu li.expanded.menu-depth-1.menu-item-745 a:hover{
color: #E25401;
}
#block-menu-menu-secondary-menu li.last.expanded.menu-depth-1.menu-item-753{
width: 200px;
float: left;
margin-left: 80px;
font-size: 12px;
}
#block-menu-menu-secondary-menu li.last.expanded.menu-depth-1.menu-item-753 a{
color: #888;
}
#block-menu-menu-secondary-menu li.last.expanded.menu-depth-1.menu-item-753 a:hover{
color: #E25401;
}
#block-menu-menu-secondary-menu{
border-top: 1px dashed #afafaf;
}