/* Template */
#x-content {background-color:lavender;}
#x-title {background-color:sandybrown;}
#x-series {background-color:darkseagreen;}
#x-comment {background-color:gold;}
#x-exclude {background-color:mistyrose;}
#x-include {background-color:thistle;}

/* Trident */
body {overflow:auto; margin:0;}
hr {border:0; height:1px; background-color:gray;}
input, select, label {vertical-align:middle; line-height:12pt;}

/* Gecko */
img {vertical-align:bottom;}
object {display:block;}

/* Webkit */
input,button,select {height:18pt;}
div {width:100%;}

/* Blink */
p, ul {line-height:15pt;}

/* Bootstrap */
html {font-size:12pt;}
button, input, optgroup,
select, textarea {font-family:inherit; font-size:inherit; color:inherit;}

-html * {border:1px solid black;}

/* Font */
html {font-family:Verdana,sans-serif;}
h1,h2,h3 {font-family:"Trebuchet MS";}
pre {font-size:9pt;}

/* Line */
p {line-height:18pt;}

/* Width */
header,main,footer {width:720pt;}
article {width:228pt;}

/* Margin */
header,main,footer {margin:auto;}
article {margin-right:12pt;}
input {margin:3pt 0;}

/* Padding */

/* Float */
section,article {float:left;}

/* Header */
div.header {
	margin: 24pt 0;
}
section article {
	width: 348pt;
}

@media screen and (max-width:432pt) {
	header,main,footer {width:90%;}
	section,article {width:100%;}
}