*{
margin:0;
padding:0;
}
body{
background:#000 url(black-bg.gif);
font-size:small;
font-family:verdana,tahoma,sans-serif;
color:#000;
line-height:1.5em;
padding:20px 0;
}
#wrap{
width:440px;
padding:0;
margin:0 auto;
background:#fff;
}
h1{
background:#00f url(blue-bg.gif);
padding:20px;
color:#fff;
font-weight:normal;
font-size:180%;
}
#description{
margin:10px 20px;
}
#media{
display:block;
text-align:center;
padding:10px 0;
}
p{
margin:10px 0;
}
form{
padding:0 20px;
}
#submit{
clear:both;
margin-top:10px;
border:1px double #EF3839;
padding:1px;
}
#submit input{
display:block;
width:100%;
border:0;
color:#fff;
font-size:150%;
background:#EF3839; url(red-bg.gif);
}
#about a{
color:#000;
}
#about{
background:#97ec04 url(green-bg.gif) 20px 0;
text-align:center;
padding:2px;
margin-bottom:0;
font-size:80%;
}

#multiple label{
padding:2px;
margin-left:10px;
}
#multiple li{
list-style:none;
padding:5px 0;
}
select{
font-family:verdana,tahoma,sans-serif;
}

#text input{
border:1px solid #bbb;
width:378px;
font-size:120%;
padding:5px 9px;
font-family:verdana,tahoma,sans-serif;
}

#gaptext input{
border:none;
border-bottom:1px solid #000;
font-family:verdana,tahoma,sans-serif;
width:5em;
}

#words{
margin-bottom:10px;
display:none;
}
#words .drag{
display:inline;
margin-right:10px;
cursor:move;
}
#gapdrag span{
display:-moz-inline-box;
display:inline-block;
width:0;
border-bottom:1px solid #000;
}

#match{
float:left;
margin:0 10px 10px 0;
}
#match label, #sort span{
padding:2px 0;
}
#match li, #sort li{
list-style:none;
padding:5px 0;
}
#sort{
float:left;
display:none;
}
#sort span{
cursor:move;
background:#222;
color:#fff;
padding:2px;
}