/* Layout */
#blog
{
    display:flex;
    --columnSize: 200px;
}
#blog .blogEntries
{
    width: calc(100% - var(--columnSize));

}
/* Entries*/
.panel.blogEntry
{
    padding: var(--panelPadding);
    background: var(--catTextBackground);
    display: inline-block;
    font-weight: 200;
    letter-spacing: 0.05em;
    font-size: 1rem;
    margin-right: var(--panelMargin);
    margin-bottom: 0; 
    vertical-align: top;

}
.panel.blogEntry .title
{
    display: block;
	padding:2px 0 0 0;

}
.panel.blogEntry .title a
{	text-decoration : none;
	color : inherit;
}
.blogEntry .date
{	
	font-size: 0.7em;
    line-height: 1em;
	margin-bottom:10px;
	margin-left: 5px;
}
.blogItemButtons
{
	padding : 0 0 10px var(--panelPadding);
	font-family: var(--fontFamily1);
	font-weight: var(--fontWeightLight);
	margin-top : 0.5em;
	margin-bottom: var(--panelMargin);

}
.blogItemButtons a
{	color : var(--textColor);
	font-size: 0.7em;
	text-decoration : none;
	cursor:pointer;
}
.blogEntry img.framepixel
{
	image-rendering:pixelated;
	min-width : 150px;
	min-height : 150px;

}
.blogListImages    
{	display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: nowrap;
}
.blogListImages.height200 img{height:200px;}
.blogListImages.height300 img{height:300px;}
.blogListImages.height400 img, .blogListImages.height400 video{height:400px;}
.blogListImages.height500 img{height:500px;}
.blogListImages.height600 img{height:600px;}
.blogListImages.height700 img{height:700px;}

/*Calendar*/
.panel.blogCategories, .panel.calendar
{	width : var(--columnSize);
}
.calendarNav
{
	display : flex;
	width:100%;
	justify-content: space-between;
}
.calendarMonth
{
	font-size : 0.8rem;
	line-height: 1rem;
}
.calendarNav a
{
	color : var(--textColor);
	text-decoration: none;
}
table.calendarTable
{
	border-width	: 0;
	border-style	: none;
	border-collapse	: collapse;
    border-spacing  : 2px;
    font-family: var(--fontFamily1);
    font-weight	: 400;
	width : 100%;

}
.calNrm, .calDis, .calSel, .calHea, .calLnk, .calTdy
{
	font-size		: 0.7rem;
	font-weight		: normal;
	padding			: 2px;
	text-align		: center;
}
.calNrm
{
	color		: #464941;
}
.calDis
{
	color		: #D0D0D0;
}
.calSel
{
}
.calHea
{
	color		: #1d9a38;
}
.calTdy
{
	background-color: var(--mainContentBgColor);
}
td.calLnk
{
	padding		: 0;

}
/* A tag = a blog ref on that day */
a.calLnk
{
	display		: inline-block;
	font-size : 0.8rem;
	width : 100%;
	color		: var(--textMatting);
	background : var(--mattingColor);
	text-decoration : none;
}
a.calLnk:hover
{
	color		: var(--textMattingOver);
    background : var(--mattingColorOver);
    box-shadow: var(--frameShadow);
}

ul.zm2BlogCategoriesMenu 
{
	padding: 0;
    list-style: none;
    font-size: 0.8rem;
}
.zm2BlogCategoriesMenu li
{
	padding:2px 0 2px 0;
}
.zm2BlogCategoriesMenu li a
{
	color : var(--textColor);
	text-decoration: none;
}
.zm2BlogCategoriesMenu li a:hover
{
	border-bottom:1px solid var(--textColor);
}