/* Properties for the Buzz pages */

/* ================================ Content - Layout Properties =================================== */

/* This holds the body text within the page */
div#content-and-primary-nav div#content
{
	width: 73.0%; /* 450/615 = 73%. (Normally 68.7%, 420/615) */
}

/* ================================ Thumbnail with Description ========================== */

div#copy div.thumbnail-with-description
{
	margin-bottom: 1.5em;
}


/* This makes use of auto float clearing:
	http://www.positioniseverything.net/easyclearing.html */

div#copy div.thumbnail-with-description:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#copy div.thumbnail-with-description {display: inline-table;}

/* Hides from IE-mac \*/
* html div#copy div.thumbnail-with-description {height: 1%;}
div#copy div.thumbnail-with-description {display: block;}
/* End hide from IE-mac */


/* The thumbnail */
div.thumbnail-with-description img
{
	float: left;
	width: 155px;
	height: 101px;
}

/* The description */
div.thumbnail-with-description div.description
{
	float: right;
	width: 62.2%;

	border-top: 1px solid rgb(217,220,213); /* A medium gray, the same as the border near the secondary nav */
	border-bottom: 1px solid rgb(217,220,213); /* A medium gray, the same as the border near the secondary nav */

	padding-top: 1.0em;
	padding-bottom: 0.3em;
}

/* Description title */
div.thumbnail-with-description div.description h1
{
	margin-bottom: 0em !important;
}

/* The blurb */
div.thumbnail-with-description div.description h3
{
	margin-bottom: 1.4em;
}

/* Min-height for the blurb:
	http://blog.rd2inc.com/archives/2004/08/05/min-height-in-safari-hack/ */

div.thumbnail-with-description div.description h3
{
	min-height: 28px; /* px only to get Safari to cooperate */
}

/* Only IE sees this \*/
* html div.thumbnail-with-description div.description h3
{
	height: 2.3em;
}
/* End hiding from Mac/IE */


/* "view here" bit */
div.thumbnail-with-description div.description p
{
	margin: 0em;

	/* This allows other elements to be absolutely positioned with respect to this */
	position: relative;
}

/* The actual "view here" link */
div.thumbnail-with-description div.description p a
{
	font-size: 1.1em;

	padding-right: 8px;
	background-image: url(../images/buzz/link-icon.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/* The date */
div.thumbnail-with-description div.description p em
{
	font-style: normal;
	position: absolute;
	top: 0em;
	right: 0em;
}