Have found a PSD template on Theme Forest that I'm really digging, and looking for some advice on how to achieve a particular feature that is in the template.

 

The feature I'm after can be seen in the attached screen shot. It's a (left) sidebar menu that has a current menu item state. Easy enough. But there is also styling applied to the menu item immediately following the active one, with a small shadow overlayed to give the illusion of depth.

 

To achieve this I was thinking of perhaps creating a style rule that applies to the "below" menu items unique id, only when the body class for the menu item above it can be found...if that sentence makes any sense at all.

 

Can anyone think of a more elegant solution? Haven't had a go at building this with the method mentioned above yet, so not completely sure it will work.

 

Cheers,

 

Chris

.current-menu-item + .menu-item {

}