form.deform {
	max-width: 57em;
}

div#folder-content div#folder-content-table {
	display:               grid;
	grid-gap:              1px 1ex;
	grid-template-columns: min-content min-content max-content min-content min-content;
	width:                 min-content;
}

div#folder-content div#folder-content-table div.entry-input {
	vertical-align: middle;
}

div#folder-content div#folder-content-table img.type-icon {
	max-height:     3ex;
	vertical-align: text-bottom;
}

div#folder-content div#folder-content-table div.entry-date {
	white-space: nowrap;
}

div#folder-content div#folder-content-table div.entry-size {
	white-space: nowrap;
	text-align:  right;
}

div#folder-content div#folder-content-actions {
	padding-left: 2em;
}

div#folder-delete-children div#object-list {
	display:               grid;
	grid-gap:              1ex;
	grid-template-columns: repeat(auto-fill, minmax(min-content, 32em));
	margin-bottom:         1em;
}

div#folder-delete-children div#object-list div.object-class {
	border:        1px solid darkgray;
	border-radius: 5px;
}

div#folder-delete-children div#object-list div.object-class div.object-class-title {
	background-color: lightgray;
	padding:          3px;
	font-weight:      bold;
}

div#folder-delete-children div#object-list div.object-class div.object-title {
	padding: 0 3px;
}

div#folder-delete-children div#object-list div.object-class div.object-title.odd {
	background-color: whitesmoke;
}


div#page-view {
	max-width: 57em;
}

div#page-view p {

}

div#content-types {
	display:               grid;
	grid-gap:              1ex;
	grid-template-columns: repeat(auto-fill, 16em);
}

div#content-types a.content-type {
	display:          grid;
	grid-gap:         2px;
	grid-template-areas:
    "icon title"
    "icon description";
	text-decoration:  none;
	color:            inherit;
	border:           1px solid darkgray;
	padding:          3px;
	background-color: #E0E0E0;
}

div#content-types a.content-type:hover {
	text-decoration:  none !important;
	background-color: #F0F0F0;
}

div#content-types a.content-type img {
	grid-area:  icon;
	max-width:  5em;
	max-height: 5em;
}

div#content-types a.content-type div.type {
	grid-area:   title;
	font-weight: bold;
}

div#content-types a.content-type div.description {
	grid-area: description;
}


div#add-content-type {
	position:         relative;
	height:           1ex;
	background-color: darkgray;
	margin-bottom:    2em;
}

div#add-content-type img.plus-sign {
	height:           2em;
	position:         absolute;
	top:              50%;
	left:             50%;
	transform:        translate(-50%, -50%);
	background-color: white;
}

div#add-content-type h2, div#add-content-type div {
	visibility: hidden;
}


div#add-content-type:hover {
	height:           fit-content;
	background-color: inherit;
	padding-bottom:   2em;
}

div#add-content-type:hover img.plus-sign {
	display: none;
}

div#add-content-type:hover h2, div#add-content-type:hover div {
	visibility: visible;
}

div.page-content-part {
	position: relative;
}

div.page-content-part div.action-box {
	position:   absolute;
	visibility: hidden;
	bottom:     2px;
	right:      2px;
}

div.page-content-part div.action-box a {
	padding: 2px;
}

div.page-content-part div.action-box a img {
	max-height: 1em;
	max-width:  1em;
}


div.page-content-part.actions:hover {
	background-color: #F0F0F0;
}

div.page-content-part.actions:hover div.action-box {
	visibility:       visible;
	background-color: white;
	border-radius:    5px;
	padding:          3px;
	z-index:          20;
}


div.page-content-part.actions.page-content-image-container img {
	max-width: 57em;
}

div#traversal-portlet-edit form#portlet-slots {
	display:               grid;
	grid-gap:              1ex;
	grid-template-columns: repeat(auto-fit, 32em);
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.title {
	font-weight: bold;
	font-size:   120%;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets {
	border:     2px inset darkgray;
	padding:    3px;
	min-height: 26em;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet {
	border:           1px solid darkgray;
	margin-bottom:    3px;
	display:          grid;
	grid-template-areas:
			"title type"
			"title priority"
	        "description description"
	        "acquired acquired";
	color:            inherit;
	text-decoration:  none;
	background-color: lightgray;
	padding:          3px;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet.edit {
	background-color: lightblue;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet.edit:hover {
	background-color: #F0F0F0;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet div.title {
	grid-area: title;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet div.type {
	grid-area:   type;
	font-weight: bold;
	font-family: monospace;
	text-align:  right;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet p.description {
	grid-area:  description;
	margin-top: 3px;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet div.acquired {
	grid-area:  acquired;
	font-size:  70%;
	font-style: italic;
	text-align: right;
}

div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet div.priority {
	grid-area:   priority;
	font-size:   70%;
	font-family: monospace;
	text-align:  right;
}


div#traversal-portlet-edit form#portlet-slots div.portlet-slot div.portlets a.portlet.add {
	display:          block;
	text-align:       center;
	background-color: lightgreen;
}

div#ical-events-portlet div.content.event {
	display:               grid;
	grid-gap:              1px 1ex;
	grid-template-areas:
			"wday time"
			"day title"
			"day location";
	grid-template-columns: min-content auto;
}

div#ical-events-portlet div.content.event div.day {
	grid-area:      day;
	min-width:      2ex;
	font-weight:    bold;
	font-size:      200%;
	text-align:     center;
	vertical-align: middle;
	white-space:    nowrap;
}

div#ical-events-portlet div.content.event div.weekday {
	grid-area:      wday;
	text-align:     center;
	vertical-align: middle;
	white-space:    nowrap;
}

div#ical-events-portlet div.content.event div.time {
	grid-area: time;
}

div#ical-events-portlet div.content.event div.title {
	grid-area: title;
}

div#ical-events-portlet div.content.event div.location {
	grid-area: location;
}

div#blog-categories-view div#categories {
	display:               grid;
	grid-gap:              1ex;
	grid-template-columns: repeat(auto-fit, 24em);
	margin-bottom:         1em;
}

div#blog-categories-view div#categories a.category {
	position:         relative;
	display:          block;
	border:           1px solid darkgray;
	padding:          3px;
	background-color: lightgray;
	text-decoration:  none;
	color:            inherit;
}

div#blog-categories-view div#categories a.category div.category-title {
	font-weight: bold;
}

div#blog-categories-view div#categories a.category div.category-color {
	position: absolute;
	top:      1ex;
	right:    1ex;
	width:    1em;
	height:   1em;
	border:   1px solid darkgray;
}

div.blog-entry {
}

div.blog-entry.expired {
	opacity: 0.5;
}

div.blog-entry div.blog-entry-color {
	border: 1px solid darkgray;
	height: 1ex;
}

div.blog-entry div.blog-entry-header {
	display:               grid;
	grid-gap:              1px 1ex;
	grid-template-areas:   "date date author author" "title title title actions";
	grid-template-columns: auto auto min-content min-content;
	grid-template-rows:    min-content auto;
	border-bottom:         1px solid darkgray;
}


div.blog-entry div.blog-entry-header div.blog-entry-title {
	grid-area:   title;
	font-weight: bold;
}

div.blog-entry div.blog-entry-header div.blog-entry-date {
	grid-area: date;
}

div.blog-entry div.blog-entry-header div.blog-entry-author {
	grid-area:  author;
	text-align: right;
}

div.blog-entry div.blog-entry-header div.blog-entry-actions {
	grid-area:   actions;
	text-align:  right;
	white-space: nowrap;
}

div.blog-entry div.blog-entry-header div.blog-entry-actions img.icon {
	max-height: 1em;
	max-width:  3ex;
}

div#blog-entries-portlet div.blog-entry div.blog-entry-body {
	max-height: 40em;
	overflow:   auto;
}

div#blog-category-view div.blog-entry div.blog-entry-header {
	border:           1px solid darkgray;
	padding:          3px;
	background-color: whitesmoke;
}

div#blog-category-view div.blog-entry {
	margin-bottom: 1em;
}


div.layout-banner div#blog-entries-portlet div.content {
	display:               grid;
	grid-gap:              1ex;
	grid-template-columns: repeat(auto-fit, minmax(10em, 56em));
	margin-bottom:         1em;
}

div#navigation-portlet div.folder a {
	display:          block;
	padding:          3px;
	background-color: whitesmoke;
	text-decoration:  none;
	color:            inherit;
	border:           1px solid darkgray;
}

div#navigation-portlet div.subfolders {
	padding-left:     1em;
	background-color: lightgray;
}

div#blog-view div#blog-categories {
	display:               grid;
	grid-gap:              1ex;
	grid-template-columns: repeat(auto-fit, 24em);
	margin-bottom:         1em;
}

div#blog-view div#blog-categories a.category {
	display:          block;
	padding:          3px;
	background-color: whitesmoke;
	text-decoration:  none;
	color:            inherit;
	border:           1px solid darkgray;
}

div#blog-view div#blog-categories a.category div.category-color {
	height: 1ex;
}

div#blog-view div#blog-categories a.category div.category-title {
	font-weight: bold;
}

div#blog-submitter-view div#submitter-list {
	display:               grid;
	grid-template-columns: auto auto auto;
	grid-gap:              1px 3px;
	max-width:             max-content;
	margin-bottom:         1em;
}

div#blog-submitter-view div#submitter-list div.header {
	background-color: lightgray;
	padding:          1px 3px;
}

div#blog-submitter-auth {
	border:           1px solid darkgray;
	border-radius:    5px;
	padding:          3px;
	margin-bottom:    1em;
	background-color: whitesmoke;
	max-width:        min-content;
	font-weight:      bold;
}

div#blog-submitter-auth > div.title {
	font-weight:   bold;
	border-bottom: 1px solid darkgray;
}

div#blog-submitter-auth div.info-display div.value {
	font-family: monospace;
}