@import url("./tags.css");


.banner-image img
{
    max-width: 100%;
    overflow: hidden;
}
* html .banner-image img    { width: 100%; }


#category-tags
{
	padding: 5px 10px 10px;
	margin: -1px -20px;
	background: #f6f6f6;
	border: solid #c2d3c3;
	border-width: 1px 0;
}

.subcategories
{
	padding: 0 0 0 1em;
	text-align: left;
	margin: 0.5em 0;
	list-style-image: url("../img/bullet.png");
	line-height: 1.75;
}

.grid-list .category		{ text-align: center; }
.grid-list .category h4     { margin-bottom: 0.5em; }

.grid-list .category-photo  { max-width: 100%; }

/* TODO: fixed size allowance for category images */
/* Or, replace this whole dreary mess with a table and then frolic, free and happy */
.grid-list .category-header	{ height: 14em; }
.grid-list .subcategories	{ height: 16em; }