style.css

html, body {
	background-color: #774F38;
	margin: 0 !important;
	padding:  0 !important;
	}
	
#main {
	width: 800px;
	margin: 20px auto;
	}
	
#header {
	width: 100%;
	background-color: #ECE5CE;
	border-bottom: 7px #C5E0DC solid;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#header h1 {
	margin: 0 !important;
	padding: 10px; !important;
	line-height: 1em;
	}
	
#header h1 a:link, #header h1 a:visited {
	color: #111;
	text-decoration: none;
	}
	
#header h1 a:focus, #header h1 a:hover, #header h1 a:active {
	text-decoration: underline;
	}
	
#header form {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.85em;
	}
	
#tab {
	width: 650px;
	margin: 10px auto 10px auto;
	padding: 0;
	border-bottom: 2px #774F38 solid;
	height: 23px;
	}
	
#tab li {
	display: inline;
	list-style-type: none;
	margin-right: 15px;
	}
	
#tab li a {
	padding: 5px 10px;
	background-color: #F0D3AC;
	border-top: 2px #774F38 solid;
	border-left: 2px #774F38 solid;
	border-right: 2px #774F38 solid;
	text-decoration: none;
	color: #111;
	font-size: 1.2em;
	position: relative;
	top: 0px;
	}
	
#tab li a.selected, #tab li a:hover {
	background-color: #ECE5CE;
	border-bottom: 2px #ECE5CE solid;
	outline: none;
	}
	
#header input {
	width: 150px;
}
	
#header input, #header select {
	font-size: 1em;
	padding: 4px;
	} 
	
#main, #formats {
	width: 600px;
	margin: 20px auto;
	background-color: #F1D4AF;
	border: 7px #E08E79 solid;
	padding: 20px 10px;
	}
	
#main h2 {
	padding-top: 0 !important;
	margin: 0 0 30px 0 !important;
	}
	
.result strong {
	width: 120px;
	float: left;
	}
	
#main code {
	width: 95%;
	margin: 10px auto;
	display: block;
	background-color: #ece5ce;
	border: 5px #774F38 solid;
	padding: 2px;
	}
	
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(http://stopdesign.com/eg/buttons/3.0/img/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }