/* @override http://www.wellwire.com/wp-content/themes/zenko/caticons.css */

#caticons {
	padding: 0 0 15px 0;
	float: left;
}

#caticons .nowrap {
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

#caticons img {
	vertical-align: middle;
}

#caticons .catname {
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 0 5px 6px;
	font-weight: bold;
}

#caticons img + .catname {
	padding-left: 20px;
}

#caticons .catname span, #catbox a span {
	color: #444;
}

#caticons .catname span {
	font-size: 14px;
	font-weight: normal;
}
/* @group catbox */

#catbox {
	padding-top: 25px;
	float: left;
	position: relative;
}

#catbox img.thumb, #tilebox img.thumb {
	width: 52px;
	float: left;
	/*padding: 1px;*/
	margin: 0 6px 6px 0;
	/*border: solid 1px white;*/
	opacity:  0.7;
	/* Die, evil Microsoft, die! */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#catbox img.thumb:hover, #tilebox img.thumb:hover {
	/*border-color: #9ccb00;*/
	opacity: 1;
	/* Die, evil Microsoft, die! */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#caticons + h3 {
	clear: both;
}

#catbox span, #tilebox a span {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 6px;
	font-size: 14px;
	text-transform: uppercase;
	visibility: hidden;
}

#catbox a:hover, #tilebox a:hover {
	text-decoration: none;
}

#catbox a:hover span, #tilebox a:hover span {
	visibility: visible;
}

/* @end */

/* @group tiles */

div#tiles {
	/*border: dotted 1px #999;*/
	width: 290px;
	height: 240px;
	position: relative;
}

div#tiles h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	background: none;
	font-size: 110%;
	color: #333;
}

#tilebox img.thumb {
	width: 52px;
	padding: 0;
	margin: 0 6px 6px 0;
}

div#tilebutton span {
	display: inline-block;
	width: 166px;
	padding: 16px 0 18px 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	color:#263B51;
	border: solid 2px #9ccb00;
	position: absolute;
	top: 143px;
	left: 116px;
	/*border: solid 1px #999;*/
}

div#tilebutton span:hover {
	background-color: #e2ff99;
}

#tilebox a span {
	top: 210px;
}

/* @end */