* {
	margin:0;
}		
body {
	margin-top:1em;
}
#demo {
	width:945px;
	margin-left:100px;
	display:-ms-grid;
	-ms-grid-columns: 145px 1fr 145px 1fr 145px 1fr 145px 1fr 145px 1fr 145px;
	-ms-grid-rows: 186px 692px 357px; 
}

header {
	-ms-grid-row: 1; 
	-ms-grid-column: 1; 
	-ms-grid-column-span: 11;				
	display:-ms-grid;
	-ms-grid-columns: 145px 1fr 145px 1fr 145px 1fr 145px 1fr 145px 1fr 145px;
	-ms-grid-rows: 186px;
}

header h1 {		
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

header h2 {
	-ms-grid-column: 3;
	-ms-grid-row: 1;
}

header blockquote {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	-ms-grid-column-span: 3;				
}

header div {
	-ms-grid-row: 1;
	-ms-grid-column: 9;

}

header nav {
	-ms-grid-row: 1;
	-ms-grid-column: 11;
	padding-top: 1em;
}

.category {
	display: -ms-grid;
	-ms-grid-columns: 145px;
	-ms-grid-rows: 34px 208px 208px 208px 34px;
	border: 1px dotted #444;
}
.category-title {
	-ms-grid-row: 1;				
}
.top {
	-ms-grid-row: 2;
}

.medium {
	-ms-grid-row: 3;
}

.bottom {
	-ms-grid-row: 4;
}			

#articles {
	-ms-grid-row:2;
	-ms-grid-column:1;
}

#tools {
	-ms-grid-row:2;
	-ms-grid-column:3;
}

#books {
	-ms-grid-row:2;
	-ms-grid-column:5;
}			

#templates {
	-ms-grid-row:2;
	-ms-grid-column:7;
}		

#blog {
	-ms-grid-row:2;
	-ms-grid-column:9;			
}

#inspiration {
	-ms-grid-row: 2;
	-ms-grid-column: 11;
}

#blogroll {
	-ms-grid-row:2;
	-ms-grid-row-span:3;
	list-style-type:none;				
	width:145px;
	
}

#blogroll li {
	display:list-item;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#444;				
}
