/*
by Chris Coyier at http://css-tricks.com/filtering-blocks
adapted by Nathan Bierma [nbierma.com]
*/

*                           { margin: 0; padding: 0; }
html                        { overflow-y: scroll; }

#blocks-wrap                { width: 600px; margin: 25px auto auto 15px; min-height:250px; }

h6.credit                   { font: 10px Georgia; margin: 0;}

#catpicker                   { margin: 10px 0 10px auto;}

.item                       { width: 100%; margin: 10px 0; position: relative; cursor: pointer;
                              height: 140px; }

.titlebar                  { padding: 4px 0 4px 150px; overflow: hidden;
                              width: 450px; color: white; 
							  z-index:1}

.titlebar a                {color: #ffffff;}

.description a:link, a:visited     {background:#ccc; color: #000; padding:3px 6px; 
									border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
.description a:hover        		{background:#999; color: #fff; font-weight:normal; padding:3px 6px; 
									border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
.description a:active, a:focus  	{background:#ccc; color: yellow; padding:3px 6px; 
									border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;}

.item-title                { float: left; margin-left:50px; padding-left:10px; 
								font: bold 17px Helvetica, Sans-Serif; 
								z-index:3}
								
.category-name             { float: right; text-align: right; text-transform: uppercase;
                              letter-spacing: 2px; padding: 0 5px 0 0; }

.item img                  { position: absolute; top: 5px; left: 8px; 
								border:1px solid black; 
								-moz-box-shadow: 3px 3px 3px #333; /* CSS3 box shadow */
								-webkit-box-shadow: 3px 3px 3px #333;
								box-shadow: 3px 3px 3px #333;
								z-index:2}

.description               { color:#000; font-size:small; padding: 20px 0 10px 210px; }
.description p              {margin: 15px auto auto 15px;}
.infoslug					{color:#333; font-size:x-small; font-style:italic; text-transform:uppercase;}

.cat1  	                   { border: 2px solid #00008B; }
.cat1 .titlebar            { background: #00008B; }
<!-- REMOVED from each .cat1 .description         { color: #00008B; background: white; } -->

.cat2	                   { border: 2px solid #02490F; }
.cat2 .titlebar            { background: #02490F; }

.cat3                      { border: 2px solid #990404; }
.cat3 .titlebar            { background: #990404; }

.cat4                      { border: 2px solid #EA9000; } /* was F7AD00 */
.cat4 .titlebar            { background: #EA9000; }

.current                    { font-weight: bold; font-size: 15px; }