*{
margin:0;
padding:0;
}
body{
background:#EFEBDE url(serenity_bg.gif) center top repeat-y;
font-size:small;
font-family:trebuchet ms,verdana,sans-serif;
color:#333;
line-height:1.5em;
}
#wrap{
width:400px;
padding: 20px;
margin:0 auto;
height:100%;
background:#fff;
}
h1{
color:#009ACE;
font-weight:normal;
font-size:180%;
border-top:#636531 5px solid;
padding:20px 0 10px;
}
#description{
margin:10px 0;
}
#media{
display:block;
text-align:center;
padding:10px 0;
}
p{
margin:10px 0;
}
form{
padding:0;
}
#submit{
clear:both;
margin-top:10px;
}
#submit input{
background:#009ACE;
color:#fff;
border:3px double #009ACE;
font-weight:bold;
font-size:120%;
}
#about{
margin-top:20px;
font-size:80%;
border-top:#636531 5px solid;
}
#about a{
color:#636531;
}

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

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

#gaptext input{
border:none;
border-bottom:1px solid #333;
color:#333;
font-family:trebuchet ms,verdana,sans-serif;
width:5em;
}

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

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