*			{ font-family	: monospace }

.cursive	{ font-family	: cursive	}
.fantasy	{ font-family	: fantasy	}
.right		{ float			: right		}
.RectB		{ cursor		: crosshair	}
.OvalB		{ cursor		: crosshair	}
.HandB		{ cursor		: move		}
.PenB		{ cursor		: url( 'res/grippingArrow.cur' ), auto	}

.w80		{ width			: 80px		}

header		{ border-bottom	: 1px solid black }
footer		{ border-top	: 1px solid black }
nav			{ border-right	: 1px solid black }
aside		{ border-left	: 1px solid black }

nav			{ overflow		: scroll }
aside		{ overflow		: scroll }
main		{ overflow		: scroll }

nav input[ type=text ] { width		: 37px	}
nav input[ type=file ] { display	: none	}
.fileLabel {
;	border-radius			: 12px
;	color					: white
;	display					: block
;	background-color		: blue
;	padding					: 6px
;	text-align				: center
}

body {
;	margin					: 0
;	height					: 100vh
;	display					: grid
;	grid-template-columns	: auto 1fr auto
;	grid-template-rows		: auto 1fr auto
}

header, footer {
;	grid-column				: 1 / 4
;	padding					: 2px 5px
}

header	> *	{
;	vertical-align			: middle
}

img {
;	width					: 32px
;	height					: 32px
}

input[ type=image ] {
;	width					: 27px
;	height					: 27px
;	border					: 2px solid grey
}
input[ type=image ].selected {
;	border					: 2px solid red
}

hr {
;	margin					: 2px 0
}

main {
;	position				: relative
}

canvas {
;	position				: absolute
}

.lr {
;	display					: flex
;	justify-content			: space-between
;	align-items				: center
}
nav .lr {
;	height					: 32px
}
aside .lr {
;	height					: 28px
}

.padded {
;	padding					: 3px
}

.headline {
;	font-size				: 16px
;	background				: grey
;	color					: white
;	padding					: 2px 4px
}

jp-color-picker {
;	margin-left				: 8px
;	display					: flex
;	align-items				: center
}
jp-color-picker > input[ type=color ] {
;	border					: none
}
jp-color-picker > input[ list=Colors ] {
;	width					: 80px
}


dialog {
;	border					: 1px solid black
;	margin					: auto
}
.dialogBlocker {
;	background				: lightblue
;	padding					: 8px
}
.default {
;	background				: blue
;	color					: white
}