body {
	font-family: Georgia, serif;
	font-size: 14px;
	text-align: center;
	margin: 0px;
	border-top: 25px solid #494949;
	color:#494949;
	line-height:normal;
}

a {color: #444}
a:hover {color: #0f93be}
img {border:0}
p{margin:8px 0 20px;line-height:140%}
h2 {font-size:36px;font-weight:bold;margin:0 0 5px}
h3 {font-size:24px;font-weight:bold;margin:0 0 5px}
h4 {font-size:22px;color:#0f93be;font-weight:bold;margin:0 0 5px}
h5 {font-size:18px;color:#0f93be;font-weight:bold;margin:0 0 5px}
ul{list-style:none;margin:0;padding:0}
div#page{width:970px;margin:0 auto}
ul#head{position:relative;height:125px}

div.hr {
	margin: 25px 0 10px;
	border: 0;
	border-top: 1px solid #ddd;
	height: 26px;
	background: url('/i/wbgs.png') center -50px no-repeat;
}

div.hr#head {
	margin-bottom: 0;
	border-top: 1px solid #ddd;
	height: 42px;
	background-position: center top;
}

ul#head li {
	display: block;
	float: left;
	width: 420px;
	padding: 0;
	text-align: right;
}

ul#head li#left {
	margin-right: 130px;
	text-align: left;
}

ul#head li#logo {
	position: absolute;
	left: 420px;
	width: 130px;
	height: 130px;
	text-align: center;
}

ul.topNav a {text-decoration:none;color:#999;display:block;padding-right:12px;}
ul.topNav a span{font-size:22px;font-weight:bold;display:block;color:#444}
ul.topNav a:hover span{color: #0f93be}
ul.topNav {padding-top:50px}

ul#head ul.topNav li {
	float: left;
	width: 140px;
	font-size: 10px;
	color: #999;
}

ul#head li#left ul.topNav li { 
	text-align: left;
}


ul#footer {clear:both;margin-top:50px;height:45px}

ul#footer li {
	float: left;
	width: 335px;
	text-align: left;
	font-size: 11px;
	color: #999;
	padding-top: 18px;
}

ul#footer a {color:#999}
ul#footer a:hover {color: #0f93be}

ul#footer li#left {text-align:right}
ul#footer #logo {width:300px;text-align:center;padding:0}
ul#footer #logo a {
	display: block;
	width: 240px;
	height: 45px;
	background: url('/i/wbgs.png') bottom center;
	margin: auto;
	text-decoration:none;
}

div.side{float:right;width:250px;text-align:left;font-size:12px;margin-left:47px}
div.cont{width:670px;text-align:left;min-height:500px}
div.contw{text-align:left;min-height:500px}

div.sub {
	font-size:10px;
	text-transform:uppercase
}
div.sub span {
	float:right;
}

.side ul {
	clear: both;
	margin-bottom: 20px;
}
.side ul li {
	border-bottom: 1px solid #d1d1d1;
	padding: 7px 0;
}
.side ul li.sub {border:0;padding:0}
.side ul li.sub ul{margin:0 0 0 15px}
.side ul li.sub ul li a {font-weight:normal}
.side ul.links li a {
	font-weight: bold;
	text-decoration:none;
}

#tools textarea, #demo input.str {
	width: 100%;
	border: 1px solid #d1d1d1;
}

input.toolButtons {
	margin: 2px 4px;
	padding: 2px 5px;
	border: 1px solid #d1d1d1;
	background: #f7f7f7;
	cursor: pointer;
}

input.toolButtons:hover {
	background: #fcfcfc;
	color: #0f93be;
}

p#toolButtons a, a.toolButtons {
	float: left;
	display: block;
	margin: 2px 4px;
	padding: 2px 5px;
	border: 1px solid #d1d1d1;
	background: #f7f7f7;
	text-decoration: none;
}

a.toolButtons {float:none;display:inline}

p#toolButtons a.selected, a.toolButtons.selected {
	border: 1px solid #f7cbcb;
	background: #fee;	
}

p#toolButtons a:hover, a.toolButtons a:hover {
	background: #fcfcfc;
}

.clr {clear:both}


span.inputCount{
	display: block;
	text-align: right;
	font-size: 11px;
}

p#toolButtons { margin-bottom: 0; height: 50px}

div.info label {
	clear: left;
	font-weight: bold;
	width: 155px;
	margin: 5px 6px 0 0;
	text-align: right;
	float: left;
}

div.info > span {
	float: left;
	width: 435px;
	display: block;
	margin: 5px 0 0;
}
div.info {
	margin: 5px 0;
}

div.clr_left {clear:left}

div.info label span {
	font-weight: normal;
	font-size: 12px;
}

div#me{
	width:250px;
	margin-bottom:20px;
}
ul.list{list-style:disc;margin:-10px 0 24px 30px}

ul.portf {overflow:auto;margin-bottom:30px}
ul.portf li{
	float: left;
	width: 200px;
	margin: 16px;
}
ul.portf li a img {
	border:2px solid #ccc;
}
ul.portf li a:hover img {
	border-color:#333;
}
ul.portf a {text-decoration:none}
ul.portf a span {font-size:20px;display:block;color:#555;font-weight:bold;color:#0F93BE}
ul.portf a:hover {color:#095873}

.side #preview{
	margin-bottom:20px
}
.side ul.info li{overflow:auto}
.side ul.info span{float:right;width:150px}
.side ul.info span a{display:block}

.side li#sshot strong{display:block;margin-bottom:2px}
.side li#sshot a{float:right;width:75px;margin:5px;border:1px solid #ccc}
.side li#sshot a:hover {border-color:#333}

table {border-collapse:collapse}
table#demo {width: 620px}
thead td {font-weight:bold;text-align:center;background:#ebeff2}
table.results td{border: 1px solid #aaa;padding:3px}
table.results tr:nth-child(even) {background:#f3f3f3}

pre.code{
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	border: 1px dashed #888;
	background:#fafafa;
	padding:5px;margin:5px 5px 25px;
	overflow:auto
}