body {
font:12px Verdana,Helvetica,sans-serif;
background:#333;
}
#head {
	width:950px;
	margin:0 auto;
	height:110px;
	padding:0;
}
a {
	color:#5a7b00;
}
a:hover {
	color:#000;
}
.logo {
	width:200px;
	height:90px;
	float:left;
}
#head img {
	border:0px;
	margin:30px 0 0;
	padding:0;
}
.ad {
	width:730px;
	height:90px;
	margin:10px 5px 0;
	float:right;
}
#wrap {
	width:950px;
	margin:0 auto;
	background:#eee;
	padding:0;
	border:10px solid #444;
}
#main {
	margin:20px;
	padding:0;
}
code {
font-size:1.2em;
}

div#rightcol {
padding-left:32em;
}

fieldset {
display:block;
margin:0.5em 0;
padding:1em;

}

h1 {
font-size:2em;
}

small {
font-size:0.7em;
}

fieldset#field_input {
float:left;
margin:0 0.5em 1em 0;
}

fieldset#options,fieldset#code_layout {
width:31em;
}

input#submit {
clear:both;
display:block;
margin:1em;
}
#submit {
width:85px;
height:32px;
border:0px;
background:url(/images/botton.gif) no-repeat;
line-height:32px;
color:#fff;
}
select {
margin:2px 0 0;
}

label.block {
display:block;
}

legend {

padding:2px 4px;
}

span.at {
color:darkblue;
}

span.format {
color:gray;
}

span.property {
color:green;
}

span.selector {
color:blue;
}

span.value {
color:red;
}

span.comment {
color:orange;
}

textarea#css_text {
width:27em;
height:370px;
display:block;
margin-right:1em;
}

.help {
cursor:help;
}

p.important {
border:solid 1px red;
font-weight:bold;
padding:1em;
background:white;
}

p {
margin:1em 0;
}

dl {
padding-left:0.5em;
}

dt {
font-weight:bold;
margin:0;
float:left;
clear:both;
height:1.5em;
}

dd {
margin:0 0 0 4em;
height:1.5em;
}

fieldset#messages {
background:white;
padding:0 0 0 1em;
}

fieldset#messages div {
height:10em;
overflow:auto;
}

dd.Warning {
color:orange;
}

dd.Information {
color:green;
}
.footer {
	text-align:center;
	font-size:0.8em;
	clear:both;
	color:#999;
}