html {
            background: #3d3d3d;
        }
        
        body {
            background: #3d3d3d;
            //font: 14px 'Josefin Sans Std Light', Futura, 'Lucida Grande', Arial, sans-serif;
            font: 14px Futura, 'Lucida Grande', Arial, sans-serif;
            color: #333333;
        }
        
        #logo {
            background: url('border_radius.png') top left no-repeat transparent;
            width: 283px;
            height: 35px;
            text-indent: -9999px;
            margin: 65px auto 15px auto;
        }
        
        h1 {
			text-align: center;
			color: #565656;
			font-size: 4em;
			margin-bottom: 0px;
        }
        
        h1 a {
                color: #565656;
                text-decoration: none;
            }
        
        #basic {
            text-align: center;
            color: #565656;
            margin-top: 20px;
            margin-bottom: 30px;
            cursor: default;
        }
            
            #basic a {
                color: #765676;
                text-decoration: none;
            }
            
            #basic a:hover {
                color: #5f5f5f;
            }
        
        #container {
            width: 550px;
            margin: 0 auto;
            position: relative;
        }
        
          
            #container #surface {
                background: #e9eaee;
                border: 2px solid #ffffff;
                padding: 40px 40px 20px 40px;
                width: 400px;
                margin: 0 auto;
                //text-align: center;
                box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
                -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
                -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
                -webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
            }
            
            #container #headerbox {
				background: url("/images/bg-body.gif") repeat-x left top;
                border: 2px solid #8F969D;
                padding: 40px 40px 0px 40px;
                width: 400px;
                margin: 0 auto;
                //text-align: center;
                box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
                -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
                -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
                -webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
            }
            
                #container #surface textarea {
                    background: #fafafc;
                    border: 1px solid #a3a3a3;
                    resize: none;
                    width: 430px;
                    height: 240px;
                    outline: none;
                    font: normal 15px Monaco, 'Courier New', monospace;
                    line-height: 20px;
                    padding: 9px 10px;
                    color: #2f2f2f;
                    overflow: hidden;
                }
                
                #container #surface #options {
                    margin: 10px 0 0 0;
                }
                
                    #container #surface #options input {
                        margin-right: 2px;
                    }
                    
                    #container #surface #options label {
                        margin-right: 6px;
                        color: #393939;
                    }
                    
                    #container #surface #options label.last {
                        margin-right: 0;
                    }