@CHARSET "UTF-8";

a:link, a:hover, a:visited, .clickable {
    color : #3c6bee;
}

body {
    background-color : white;
    color : #333;
    font-family : 'Arial', 'Verdana';
    font-size : 85%;
    padding : 20px 0 20px 0;
}

div#container {
    margin : 0 auto;
    width : 800px;
}

h1 {
	border-bottom : 1px dotted #999;
    color : #999;
    font-size : 100%;
    font-weight : normal;
    margin : 0 0 8px 0;
    padding : 40px 0 40px 0;
    text-align : center;
}

h1 a:link, h1 a:visited, h1 a:hover {
    color : #999;
    text-decoration : none;
}

ol#features {
    display : none;
	padding : 0;
	margin : 1.5em auto 2em auto;
	width : 70%;
}

ol#features li {
	line-height : 170%;
    margin : 0;
}

form {
    background-color : #F5F5F5;
    border : 1px solid #d9d9d9;
    margin : 0 0 20px 0;
    padding : 0;
}

form > div.wrapper {
    border-left : 1px solid white;
    border-top : 1px solid white;
    padding : 4px 4px 0px 4px;
}

form > div.wrapper > div.wrapper {
	margin-right : 3px;
}

div.wrapper textarea[name=text] {
    width : 100%;
}

div.wrapper textarea[name=text], textarea#measure {
	border-bottom : 1px solid #d9d9d9;
	border-right : 1px solid #d9d9d9;
	margin : 5px 0 0 0 ;
    overflow-y : scroll;
}

textarea#measure {
	position : absolute;
	top : -1000px;
	left : -1000px;
}

form > div.wrapper > div.footer {
	float : right;
	height : 0;
	position : relative;
	width : 0;
}

form > div.wrapper > div.footer > div {
    left : -44px;
    position : absolute;
    top : -30px;
}

form div.resizable-textarea {
    margin : 0;
    padding : 0;
}

div#keybind-help {
    background-color : #333;
    bottom : 0px;
    color : white; 
    display : none;
    position : fixed;
    right : 0px;
    width : 100%;
}

div#keybind-help dl {
    margin : 0;
    padding : 10px;
}

div#keybind-help dt {
    float : left;
    margin : 0;
    padding : 0px 8px 8px 8px;
}

div#keybind-help dd {
    float : left;
    font-size : 95%;
    margin : 0;
    padding : 0px 20px 8px 0px;
}

div#footer {
    border-top : 1px solid #ddd;
    font-size : 90%;
    margin : 3em 0 0 0;
    padding : 0.6em;
    text-align : center;
}
