html {
    font: message-box;
    font-size: 100%;
    background-color: #fafafa;
    color: #000;
    height: 100%;
}

body {
    margin: 0;
    display: -moz-box;
    -moz-box-orient: vertical;
    width: 100%;
    height: 100%;
}

input,
button {
    font-size: inherit;
    font-family: inherit;
}

a {
    color: -moz-nativehyperlinktext;
    text-decoration: none;
}

.spacer {
    -moz-box-flex: 1;
}

#footer {
    padding:10px 10px;
    display: -moz-box;
    -moz-box-align: center;
    width: 100%;
    border-top:#aaa 1px solid; 
}

#footer ul {
    display: block;
    float:right;
    margin:0;
    padding:0;
}

#footer li {
    display:inline-block;
    vertical-align:middle;
}

#footer li a {
    display:inline-block;
    color: #888;
    transition: all 0.2s ease;
    border-left:1px solid #eee;
    border-radius:5px;
    padding:8px 5px;
    margin-top:5px;
}
#footer li a:hover {
    display:inline-block;
    vertical-align:middle;
    color: #333;
    cursor:pointer;
    box-shadow:0px 0px 1px rgb(0,0,0,255);
}
#content {
    text-align:center;
}

#searchForm {
    width: 470px;
    display: -moz-box;
}

#searchText {
    -moz-box-flex: 1;
    padding: 6px 8px;
    background: hsla(0,0%,100%,.9) padding-box;
    border: 1px solid;
    border-color: hsla(210,54%,20%,.15) hsla(210,54%,20%,.17) hsla(210,54%,20%,.2);
    box-shadow: 0 1px 0 hsla(210,65%,9%,.02) inset,
        0 0 2px hsla(210,65%,9%,.1) inset,
        0 1px 0 hsla(0,0%,100%,.2);
    border-radius: 2.5px 0 0 2.5px;
}

#searchText:-moz-dir(rtl) {
    border-radius: 0 2.5px 2.5px 0;
}

#searchText:focus,
#searchText[autofocus] {
    border-color: hsla(100,100%,36.7%,.6) hsla(100,76%,30%,.6) hsla(100,100%,25%,.6);
    border-color: #77CC44 #55bb22 #44AA11;
}

#searchSubmit {
    -moz-margin-start: -1px;
    background: linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,100%,.1)) padding-box;
    padding: 0 9px;
    border: 1px solid;
    border-color: hsla(100,60%,37%,.15) hsla(100,60%,37%,.17) hsla(100,60%,37%,.2);
    -moz-border-start: 1px solid transparent;
    border-radius: 0 2.5px 2.5px 0;
    box-shadow: 0 0 2px hsla(0,0%,100%,.5) inset,
        0 1px 0 hsla(0,0%,100%,.2);
    cursor: pointer;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 150ms;
}

#searchSubmit:-moz-dir(rtl) {
    border-radius: 2.5px 0 0 2.5px;
}

#searchText:focus + #searchSubmit,
#searchText + #searchSubmit:hover,
#searchText[autofocus] + #searchSubmit {
    border-color: #77CC44 #55bb22 #44AA11;
    color: white;
}

#searchText:focus + #searchSubmit,
#searchText[autofocus] + #searchSubmit {
    background-image: linear-gradient(#4cb1ff, #1793e5);
    background-image: linear-gradient(#77CC44, #44AA11);
    box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset,
        0 0 0 1px hsla(0,0%,100%,.1) inset,
        0 1px 0 hsla(100,60%,37%,.03);
}

#searchText + #searchSubmit:hover {
    background-image: linear-gradient(#66bdff, #0d9eff);
    background-image: linear-gradient(#99dd55, #55bb22);

    box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset,
        0 0 0 1px hsla(0,0%,100%,.1) inset,
        0 1px 0 hsla(100,60%,37%,.03),
        0 0 4px hsla(95,100%,20%,.2);
}

#searchText + #searchSubmit:hover:active {
    box-shadow: 0 1px 1px hsla(100,79%,6%,.1) inset,
        0 0 1px hsla(100,79%,6%,.2) inset;
    transition-duration: 0ms;
}