html, body {
    height: 100%;
}
body {
    background: #f0f9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f9ff), color-stop(47%, #cbebff), color-stop(100%, #a1dbff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); 
    background: linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* W3C */
}
#wrap {
    width: 600px;
    margin: 0 auto;
}
h1 {
    color: #333;
    text-shadow: 1px 1px 0 #fff;
}
a, a:active, a:visited {
    color: #ccc;
}
.demo {
    color: #fff;
    width: 560px;
    border: 1px solid #111;
    list-style: none;
    height: 1.2em;
    overflow: hidden;
    border-radius: 3px;
    background: rgb(125,126,125); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125,126,125,1)), color-stop(100%, rgba(14,14,14,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); 
    background: linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* W3C */
}