Как мне изменить свойства братьев и сестер с помощью селекторов CSS, например: focus?

У меня проблемы с некоторым кодом на моем сайте, http://ethoma.com/wp/ . В строке поиска с левой стороны я хочу, чтобы обычно темно-серый «нажмите Enter для поиска» стал светло-серым при срабатывании фокуса в поле поиска (его родственного брата): focus. Вот код, который у меня сейчас есть:

    #s
{
    min-width:98%;
    background-color:#2a2a2a;
    color:#d3d3d3;
    border:2px solid #000000;
    font-size:.85 em;
    height:1.9em;
    display:inline !important;
    border-radius:5px 5px 5px 5px;
}

#s:focus
{
    border:2px solid #2a2a2a;
}

#searchsub
{
    color:#2a2a2a;
    text-align:right;
    font-size:.65em;
    font-weight:lighter;
}

#s:focus #searchsub
{
    color:#cccccc;
}

Хорошо, #s - это поле поиска, а #searchsub - это div, который я хочу изменить на #cccccc (светло-серый). Кажется, проблема в последнем наборе фигурных скобок (не в самих скобках, а в селекторе над ними). Как я уже сказал, #s является братом #searchsub и наоборот.