body { font-family: "Open Sans", sans-serif; color: #444; }
h1, h2, h3, h4 { font-family: Yellowtail; font-weight: normal; color: #06a; }

#wrapper { width: 800px; margin: 0 auto; }

header { text-align: center; }
header h1 { font-size: 46px; text-align: center; margin: 15px 10px; }

article h1 { font-size: 26px; margin: 0 0 15px; }

.standardcanvas
{
        border: 1px solid #ccc;
}

pre.source 
{
        background: #e5eeee;
        padding: 10px 20px;
        width: 760px;
        overflow-x: auto;
        border: 1px solid #acc;
}

code { background: #cff; }

.tools { margin-bottom: 10px; }

.tools a
{
        border: 1px solid black;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	color: black;
	font-weight: bold;
} 

      
#colors_sketch { border: 1px solid #D0D0D0; }

.completedpanel { border: 1px solid #cccccc; }

.clear { clear: both; }
.panelcontainer { float: left; margin: 10px; }
.controls { float: right; position: relative; top: 20px; padding-right: 3px; }