#demo {
 position:relative;
 margin:0px auto;
 _width:100%; /* IE 6 sucks. */
 max-width:1600px;
}

.col {
 float:left;
 display:inline;
 width:49%;
 _width:48%;
 margin:0px 0.5% 0px 0.5%;
}

.col.last {
 margin-right:0px;
}

/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog .wrapper {
 min-height:155px; /* minimum content height, so bottom shade fills in nicely - can ignore if no gradient in dialog, etc. */
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

html>body .dialog pre {
 font-size:1.1em;
 *font-size:0.9em;
}

code {
 font-size:1.1em;
 color:#ccffff;
}

.bd a{
 color:#FFFFFF;
}