/* default options */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1.5;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;vertical-align:top;}
q,blockquote{quotes:none;}q:before,blockquote:before,q:after,blockquote:after{content:"";content:none;}
a img{border:none;}
/* custom */
html,body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    color: #282828;
}


root {
    display: block;
}

.colorBox {
    padding: 6px;
    margin: 6px;
    float: left;
    font-family: courier, mono-spaced;
}

.dragonBox {
    float: left;    
}

.formBox {
    text-align: center;
    border: 1px solid #CDCDCD;
    width: 200px;
    padding: 10px;
    margin: 20px auto;    
}