/*************************
		BASE
*************************/

/*****

	FONT SIZE:

	normal: {12/18}
	big: {18/24}
	large: {24/24}

	MARGINS:

	10
	20

	COLORS

	background: #efefef
	light contrast: #ccc
	dark contrast: #999
	text, dark borders: #353535
	light hover: #efefef
	light link: #9ecada
	dark link: #08688e
	hover link: #053345 
	
*****/

body
{
	background: #efefef url(/images/hisdarkmedia/css/body_bg.png) top left repeat-x;
	color: #353535;
	font: 62.5% Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	}

h1
{
	color: #efefef;
	margin: 0;
	font: normal 36px/60px Georgia, "Times New Roman", serif;
	}

h2
{
	margin: 0 0 20px 0;
	font: normal 24px/24px Georgia, "Times New Roman", serif;
	text-transform: uppercase;
	text-align: center;
	}

h3
{
	font: normal 18px/18px Helvetica, Arial, sans-serif;
	margin: 0;
	}

p, li, .p
{
	font-size: 1.3em; /* 1.3*10 = 13 */
	line-height: 1.54em; /* 1.54*13 = 20 */
	}

a
{
	color: #08688e;
	text-decoration: none;
	}
	a:hover
	{
		color: #053345;
		}
	a.light
	{
		color: #9ecada;
		}
		a.light:hover
		{
			color: #efefef;
			}
		
a img { border: 0; }

p.serverStats { font-size: 1em; color: #666; }

div.sso { position: absolute; top: 0; left: 0; }

#wrapper
{
	width: 748px;
	margin: 0 auto;
	}
#headContainer
{
	width: 728px;
	height: 90px;
	margin: 10px auto 0 auto;
	overflow: hidden;
	}

#featuredContainer
{
	width: 728px;
	height: 300px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(/images/hisdarkmedia/css/featuredContainer_bg.png) repeat-y left top;
	text-align: left;
	}

#bodyContainer_top
{
	width: 748px;
	height: 40px;
	background: url(/images/hisdarkmedia/css/bodyContainer-top_bg.png) no-repeat left top;
	}
		
#bodyContainer
{
	width: 728px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(/images/hisdarkmedia/css/bodyContainer_bg.png) repeat-y left top;
	text-align: left;
	}

#footerContainer
{
	width: 728px;
	background: url(/images/hisdarkmedia/css/bodyContainer_bg.png) repeat-y left top;
	margin:  auto;
	padding: 0 10px;
	text-align: left;
	}

/*************************
		HEADER
*************************/

#logoBits
{
	height: 30px;
	width: 728px;
	}
	#logoBits h1, #logoBits h1 a 
	{
		width: 354px;
		height: 30px;
		float: left;
		}
		#logoBits h1 a
		{
			background: url(/images/hisdarkmedia/css/hdm_logo.png) no-repeat center;
			display: block;
			text-indent: -999em;
			}
	#logoBits form
	{
		display: inline;
		text-align: right;
		}
		#logoBits input.text { width: 150px; }
		#logoBits input.submit 	{ width: 75px; }

#accountBits
{
	height: 20px;
	width: 728px;
	margin-top: 10px;
	}
	#accountBits form
	{
		float: left;
		margin: 0;
		text-align: left;
		line-height: 20px; 
		}
		#accountBits label { float: left; font-weight: bold; }
		#accountBits input.text { float: left; width: 100px;	margin: 0 10px; padding: 0; height: 20px; }
		#accountBits input.submit { float: left; width: 75px; margin: 0 10px; padding: 0; }
		#loginOr { float: left; font: small-caps 1.54em Georgia; }
		#registerLine { float: left; margin-left: 10px; }
		
#crumbBits
{
	clear: left;
	height: 20px;
	width: 728px;
	margin-top: 10px;
	color: #666;
	text-align: left;
	}

/*************************
		FRONTPAGE
*************************/

#frontpage
{
	}
	#frontpage h2
	{
		padding: 0;
		text-align: center;
		}

#firstBlock
{
	margin-bottom: 20px;
	}
	#firstBlock h2
	{
		display: none;
		}
		.text
		{
			background-color: #efefef;
		}

#instructBar
{
		border-top: 5px solid #999;
		border-bottom: 5px solid #353535;
		height: 50px;
		background: url(/images/hisdarkmedia/css/instructBar_bg.png) no-repeat left top;
		padding-left: 20px;
		color: #dedede;
		font: normal 15px/50px Georgia, Garamond, Serif;
		}
		#instructBar .amp
		{
			font-family: Verdana;
			font-weight: bold;
		}

#newsList
{
	background: url(/images/hisdarkmedia/css/funnel-bg-right.png) no-repeat right bottom;
	float: left;
	margin: 0 0 20px 20px;
	width: 334px;
	overflow: hidden;
	}
	#newsList img
	{
		float: right;
		margin-left: 10px;
		}
		
#reviewList
{
	background: url(/images/hisdarkmedia/css/funnel-bg-right.png) no-repeat right bottom;
	float: right;
	margin: 0 20px 20px 0;
	width: 334px;
	overflow: hidden;
	}
	#reviewList img
	{
		float: right;
		margin-left: 10px;
		}

div.subLine
{
	color: #666;
	font: small-caps 1.6em/1em Georgia, Garamond, Serif; /* 1.6*10 = 16 */
	margin: -10px 0 20px 0;
	text-align: center;
	}

div.infoLine	
{
	color: #666;
	margin: 0;
	font: 1.1em;
	line-height: 2em;
	}

.hover h3 { background-color: #353535 !important; }
			
#movieList
{
	background: url(/images/hisdarkmedia/css/funnel-bg-right.png) no-repeat right bottom;
	float: right;
	margin: 0 20px 20px 0;
	width: 334px;
	overflow: hidden;	
	}
	#movieList .content
	{
		float: left;
		background: #353535 url(/images/hisdarkmedia/css/black_tile.png) left top;
		padding: 10px;
		margin: 0 0 10px 0;
		}
		#movieList .tiles a img
		{
			float: left;
			margin: 0;
			padding: 0;
			border: 1px solid #08688e;
			margin-left: 1px;
			cursor: pointer;
			}
			#movieList .tiles a:hover img { border: 1px solid #053345; }
		#movieList h3
		{
			margin: 0;
			clear: left;
			font: normal 15px/50px Georgia, Garamond, Serif;
			background: url(/images/common/css/transparent_bg.png) left top;
			height: 50px;
			text-align: center;
			width: 314px;
			height: 50px
			}
			#movieList h3 img
			{
				vertical-align: middle;
				}

#whatIsHDM
{
	float: right;
	width: 334px;
	margin: 0 20px 20px 0;
	overflow: hidden;
	}
	#whatIsHDM .bg
	{
		background: url(/images/hisdarkmedia/css/what_is_hdm.jpg);
		height: 100px;
		}
		#whatIsHDM .bg h3
		{
			font: normal 16px/50px Georgia, Garamond, Serif;
			background: url(/images/common/css/transparent_bg.png) left top;
			position: relative;
			width: 334px;
			height: 50px;
			top: 50px;
			text-align: center;
			}	

#incompleteNotice
{
	clear: both;
	margin-top: 10px;
	background: #d3ffd5 url(/images/hisdarkmedia/css/green_gradient-bg.png) repeat-x left top;
	border-bottom: 1px solid #8dcf90;
	border-top: 1px solid #8dcf90;
	}
	#incompleteNotice p
	{
		margin: 6px 10px;
		color: #000;
		}

/*************************
		FEATURED
*************************/

#featuredBox
{
	width: 728px;
	height: 300px;
	position: relative;
	}
	#featuredBox h2
	{
		display: none;
		}
		#featuredBox div.shadow
		{
			position: absolute;
			top: 0;
			width: 728px;
			height: 10px;
			background: url(/images/hisdarkmedia/css/featuredBox_shadow.png) repeat-x left top;
			z-index: 9;
			}
#featuredItems div
{
	position: absolute;
	top: 0;
	left: 0;
  z-index: 6;
	}
#featuredItems div.current
{
	z-index: 8;
	}
#featuredItems div.previous
{
	z-index: 7;
	}

#featuredItems div.overlay
{
	display: block;
	background-image: url(/images/common/css/featuredOverlay.png);
	width: 708px;
	height: 60px;
	padding: 0 10px;
	position: absolute;
	top: 240px;
	left: 0;
	margin: 0;
	}
	#featuredItems .hover { background: #353535 none !important; }
	#featuredItems h3
	{	
		margin: 0;
		font: 20px/40px Georgia, Garamond, Serif;
		letter-spacing: 0.02em;
		height: 40px;
		overflow: hidden;
		}
		#featuredItems div.overlay div {
			color: #efefef;
			height: 20px;
			overflow: hidden;
			position: absolute;
			left: 10px;
			top: 30px;
			width: 708px;
			}

#featuredControls
{
	width: 99px;
	height: 30px;
	position: relative;
	top: 10px;
	left: 620px;
	z-index: 10;
	}
	#featuredControls div.prev
	{
		width: 30px;
		height: 30px;
		background-image: url(/images/common/css/featuredPrevious.png);
		position: absolute;
		}
	#featuredControls div.pause
	{
		width: 30px;
		height: 30px;
		background-image: url(/images/common/css/featuredPause.png);
		position: absolute;
		left: 33px;
		}
	#featuredControls div.next
	{
		width: 30px;
		height: 30px;
		background-image: url(/images/common/css/featuredNext.png);
		position: absolute;
		left: 66px;
		}
	#featuredControls div:hover
	{
		cursor: pointer;
		}

/*************************
		FOOTER
*************************/

#footer
{
	float: left;
	background: url(/images/hisdarkmedia/css/footer_bg.png);
	color: #ececec;
	height: 300px;
	}
	#footer .container
	{
		background: transparent url(/images/common/css/transparent_bg.png) top left repeat;
		height: 300px;
		width: 728px;
		}
		#footer .paddingContainer	{ padding: 20px; }
		#footer h2 { margin-top: 0; }
		#footer a { color: #9ecada; }
		#footer a:hover { color: efefef; }
		#footer h3 { margin: 0; }
		#footer p { color: #ccc; margin: 0 0 10px 0; }
		#footerInfo
		{
			border-top: 1px solid #efefef;
			padding-top: 10px;
			margin-top: 20px;
			text-align: center;
			}
			
/*************************
		MAIN PAGE CLASSES
*************************/

div.padded
{
	padding: 0 20px;
	}

p.navBar
{
	font-size: 1.5em;
	color: #666;
	border-bottom: 1px solid #ccc;
	}
		
div.padded p
{
	margin: 10px 0;
	}
		
/*************************
		CONTENT
*************************/


		
/*************************
		YDM
*************************/

	.movieBox
	{
		float: left;
		width: 216px;
		height: 132px;
		background: url(/images/hisdarkmedia/ydm/votebar.png) 0 109px;
		margin: 0 20px 20px 0;
		overflow: hidden;
		position: relative;
		} 		
		#ydm .third { margin-right: 0 !important; }
		.movieBox .down { background-position: 0px 23px; }
		.movieBox .up { background-position: 108px 46px; }
		.movieBox h3
		{
			margin: 0;
			background: #000;
			font: 11px/20px Helvetica, Arial, sans-serif !important;
			text-align: center;
			z-index: 1;
			padding: 0 5px;
			width: 206px;
			position: absolute;
			}
			.movieBox h3 a { color: #efefef; }
		.movieBox .imgBox
		{
			height: 89px;
			width: 216px;
			background: #000;
			position: absolute;
			top: 20px;
			overflow: hidden;
			}
		.moviebox img { display: block; }
		.votebar
		{
			width: 216px;
			height: 23px;
			position: absolute;
			top: 109px;
			}
			.votebar a.down
			{
				float: left;
				width: 108px;
				height: 23px;
				}
				.votebar a.down:hover { background: url(/images/hisdarkmedia/ydm/votebar.png) 0 23px; }
			.votebar a.up
			{
				float: right;
				width: 108px;
				height: 23px;
				}
				.votebar a.up:hover { background: url(/images/hisdarkmedia/ydm/votebar.png) 108px 46px; }
				
/*************************
		FORMS
*************************/

form 
{
	margin: 0 0 10px 0;
	}

input, select, textarea
{
	margin: 0 0 10px 0;
	}

textarea
{
	width: 24em;
	height: 8em;
	}

input.text
{
    background: #fff url(/images/common/css/fieldbg.gif) repeat-x top;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
		padding: 2px;
	}

legend
{
	display: none;
	}

fieldset
{
	margin: 0.5em 0;
	padding: 0;
	border: 0;
	}

fieldset label
{
	margin: 0.2em;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
	}

fieldset.small
{
	margin: 0;
	padding: 0;
	width: 250px;
	height: 86px;
	}
	fieldset.small label
	{
		margin: 0;
		width: 80px;
		}
	fieldset.small input
	{
		padding: 0;
		margin: 0;
		width: 100px;
		}
	fieldset.small input.submit
	{
		margin: 0;
		width: 100px;
		}

fieldset p
{
	clear: both;
	margin: .5em 0;
	position: relative;
	}
	fieldset p span
	{
		display: none;
		}
	fieldset p:hover span
	{
		font-size: 85%;
		color: #c96;
		background-color: #faf0e6;
		margin-left: 20em;
		padding: .2em .5em .3em;
		border: 1px solid #c96;
		display: block;
		position: absolute;
		z-index: 100;
		float: right;
		}
	* html fieldset p span
	{
		font-size: 85%;
		color: #c96;
		margin-left: 16em;
		padding: .3em;
		border-left: 1px solid #c96;
		display: block;
		}

/*************************
		HR
*************************/

hr /* For Internet Explorer */
{
	border: none;
	color: #666;
	display: block;
	height: 1px;
	margin: 1em 0 0 0;
	text-align: left;
	width: 100%;
}

html>body hr /* For Gecko-based browsers */
{
	background-color: #666;
	border: none;
	display: block;
	height: 1px;
	margin: 1em 0 0 0;
	text-align: left;
	width: 100%;
}

html>body hr /* For Opera and Gecko-based browsers */
{
	background-color: #666;
	border: 0px solid #666;
	display: block;
	height: 1px;
	margin: 1em 0 0 0;
	text-align: left;
	width: 100%;
}

/*************************
		CONTENT
*************************/

#contentContainer
{
	background: transparent url(/images/hisdarkmedia/css/contentContainer_bg.jpg) no-repeat top left;
	}
	#contentContainer div.headerBox
	{
		height: 300px;
		position: relative
		}
		#contentContainer div.headerBox h1
		{
			background: transparent url(/images/hisdarkmedia/css/contentContainerOverlay.png) no-repeat top left;
			color: #eee;
			margin: 0;
			padding: 10px;
			w\idth: 728px;
			width: 708px;
			font-weight: normal;
			font-size: 30px;
			text-transform: uppercase;
			line-height: 40px;
			font-family: Georgia;
			position: absolute;
			bottom: 0;
			text-align: left;
			}

#smallBody
{
	padding: 1em;
	min-height: 200px;
	}

#searchBody
{
	padding: 1em 0;
	min-height: 200px;
	}

#contentBody
{
	width: 558px; /* 10px spacing */
	overflow: hidden;
	float: left;
	clear: left;
	margin: 10px 0 0 0;
	}
	#contentBody div.contentDetails h2
	{
		color: #888;
		background-color: #eeeeee;
		border-top: 1px dotted #888;
		font: normal 12px/24px Helvetica, Verdana, Arial, sans-serif;
		border-bottom: 1px dotted #888;
		margin: 10px 0 0 0;
		font-size: 12px;
		padding: 5px;
		}

#archiveContent
{
	width: 558px; /* 10px spacing */
	overflow: hidden;
	float: left;
	clear: left;
	margin: 10px 0 0 0;
	}
	#archiveContent div.item
	{
		clear: both;
		margin-top: 1em;
		}
		#archiveContent div.item img
		{
			border: 0;
			float: left;
			margin-top: 0.25em;
			}
		#archiveContent div.item div.text
		{
			float: right;
			width: 478px;
			}
			#archiveContent div.item div.text h3
			{
				margin: 0 0 3px 0;
				}
			#archiveContent div.item div.text p.infoLine
			{
				color: #666;
				margin: 0;
				padding: 0;
				}
			#archiveContent div.item div.text p.catLine
			{
				font-size: 12px;
				color: #333;
				margin: 0;
				padding: 0;
				}


/*************************
	GLOBAL ELEMENTS
*************************/

p.adminNotice { border: 1px solid #f00; }

#breadcrumbs
{
	background: #ddd none;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	clear: both;
	}
	#breadcrumbs p
	{
		margin: 6px 10px;
		}

#preFooter
{
	background: #ddd none;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	clear: both;
	}
	#preFooter p
	{
		margin: 6px 10px;
		}

div.funnel
{
	background: url(/images/hisdarkmedia/css/funnel-bg-left.png) no-repeat left bottom;
	padding: 0 0 10px 10px;
	}
	div.funnel a
	{
		color: #08688e !important;
		}
		div.funnel a:hover
		{
			color: #053345 !important;
			}
	
.clearer
{
	clear: both;
	height: 0;
	}

.strike
{
	text-decoration: line-through;
	}

/*************************
		PAGES TREE
*************************/

#pagesTree
{
	width: 558px; /* 10px spacing */
	overflow: hidden;
 	float: left;
	clear: left;
	}
	#pagesTree ul
	{
		padding-left: 10px;
		list-style-type: none;
		}
		#pagesTree ul li
		{
			line-height: 20px;
			}
			#pagesTree ul li a
			{
				display: block;
				padding-left: 10px;
				margin-left: 5px;
				border-left: 1px dashed #ccc;
				}
			#pagesTree ul li a:before
			{
				content: "- ";
				}
		#pagesTree ul li.sublist
		{
			padding: 5px 0 !important;
			}
		#pagesTree ul li > ul
		{
			border-left: 1px solid #ccc;
			margin-left: 5px;
			}

/*************************
		GALLERY
*************************/

#galleryContent
{
	width: 558px; /* 10px spacing */
	overflow: hidden;
	float: left;
	clear: left;
	margin: 10px 0 0 0;
	}
	#galleryContent div.directChildren
	{
		margin-bottom: 24px;
		}
		#galleryContent div.directChildren ul
		{
			list-style: circle outside none;
			padding-left: 10px;
			margin: 0;
			}
			#galleryContent div.directChildren ul li span.desc
			{
				font-size: 12px;
				color: #999;
				}
	#galleryContent div.item
	{
		background: #000 none;
		float: left;
		w\idth: 140px;
		width: 125px;
		he\ight: 175px;
		height: 165px;
		margin: 0 10px 10px 0;
		text-align: center;
		}
		#galleryContent div.item img
		{
			margin: 0 auto;
			border: 0;
			}
		#galleryContent div.item h3
		{
			margin: 0;
			padding: 0;
			height: 18px;
			overflow: hidden;
			text-indent: -999em;
			}
		#galleryContent div.item p
		{
			height: 18px;
			overflow: hidden;
			color: #ccc;
			margin: 0;
			padding: 0;
			}
	#galleryContent div.viewItem
	{
		text-align: center;
		}
		#galleryContent div.viewItem img
		{
			border: #000 solid 10px;
			margin: 0 auto 7px auto;
			}
		#galleryContent div.viewItem .itemDetails
		{
			color: #888;
			background-color: #eee;
			border-top: 1px dotted #888;
			border-bottom: 1px dotted #888;
			margin: 0 0 10px 0;
			}
			#galleryContent div.viewItem .itemDetails p
			{
				margin: 6px 10px;
				}

/*************************
		COMMENTS
*************************/

#comments
{
	width: 480px;
	margin: 10px 0 0 0;
	overflow: hidden;
	float: left;
	clear: left;
	}
	#comments h2
	{
		font-weight: normal;
		/*
			8px because for symmetry we need 20px + (1/2) * line-height - font-size of the paragraph text.
			The 10px comes from the margin-bottom of the previous element.
		*/
		margin: 8px 0 20px 0;
		}
	#comments h3
	{
		clear: left;
		}
 	#comments div.odd div.text
	{
		background: #eeeeee none;
		}
 	#comments div.even div.text
	{
		background: #dedede none;
		}
	#comments .comment
	{
		clear: left;
		}
		#comments .comment div.avatar
		{
			border-top: 1px solid #cecece;
			float: right;
			height: 120px;
			width: 120px;
			overflow: hidden;
			}
			#comments .comment div.avatar img
			{
				float: right;
				}
		#comments .comment div.text
		{
			border-top: 1px solid #cecece;
			float: left;
			width: 438px;
			min-height: 120px;
			overflow-x: hidden;
			}
		#comments .comment div.text p
		{
			padding-left: 10px;
			}

.commentInfo
{
	color: #666;
	}

/*************************
	ADMIN FORMATTING CLASSES
*************************/

.flLeft
{
	float: left;
	}

.flRight
{
	float: right;
	}

/*************************
		HAX?
*************************/

html { height: 100%; margin-bottom: 1px; }

.clear:after, form label:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear, form label {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/*************************
		Your Dark Media
*************************/

#yourdarkmedia .filmBox
{
	float: left;
	width: 180px;
	margin-right: 9px;
	}

#yourdarkmedia .last
{
	margin-right: 0 !important;
	}

#yourdarkmedia h2
{
	font: 20pt Georgia;
	}

#yourdarkmedia h3
{
	color: #888;
	font: 14pt Georgia;
	}

#yourdarkmedia h4
{
	color: #333;
	margin-bottom: 10px;
	font: 12pt Verdana;
	}

/*************************
		DEPRICATED
*************************/

#topNav
{
	float: left;  /* Without this the footer will jump up to below #rightNav on IE7 */
	background: #202020 none;
	width: 728px; 
	}
	#topNav ul
	{
		float: left;
		padding: 0 0 0 10px;
		margin: 0;
		list-style-type: none;
		}
		#topNav ul li
		{
			font-size: 12px;
			color: #888;
			float: left;
			padding: 6px 10px;
			}
			#topNav ul li.button
			{
				color: #fff;
				}
				#topNav ul li.button a
				{
					color: #fff;
				}
				#topNav ul li.button:hover
				{
					background: #555555 none;
					}
					#topNav ul li.button:hover a
					{
						color: #000;
						}
			#topNav ul li.active
			{
				background: #fff none;
				color: #000;
				}
			#topNav ul li.active a
			{
				color: #000;
			}
				#topNav ul li.active:hover
				{
					color: #000;
					background: #fff none;
					}

#rightNav
{
	float: right;
	background: #202020 url(/images/hisdarkmedia/css/rightnav-bg.jpg) bottom right no-repeat;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 160px;
	}
	#rightNav ul
	{
		padding: 0;
		margin: 0 0 10px 0;
		list-style-type: none;
		}
		#rightNav ul li
		{
			font-size: 14px;
			float: left;
			clear: left;
			color: #888;
			text-align: left;
			width: 160px;
			}
			#rightNav ul li a
			{
				display: block;
				width: 160px;
				color: #fff;
				}
				#rightNav ul li a:hover
				{	
					background: #555555 none;
					color: #fff;
				}
				#rightNav ul li span
				{
					display: block;
					padding: 5px 10px 5px 10px;
					}
				#rightNav ul li.heading
				{
					padding: 5px 0 0 0;
				}

.latestNav
{
	display: none;
	}
	.latestNav li.button
	{
		cursor: pointer;
		}

#latestBlocks
{
	padding-top: 10px;
	width: 558px; /* 10px spacing */
	float: left;
	clear: left;
	}
	#latestBlocks div h2
	{
		clear: left;
		}
	#latestBlocks div.funnelLink
	{
		background: #000 none;
		text-align: center;
		}
		#latestBlocks div.funnelLink a
		{
			font-size: 1.5em;
			color: #fff !important;
			display: block;
			padding: 0.5em;
			}
			#latestBlocks div.funnelLink a:hover
			{
				text-decoration: underline;
				}
	#latestBlocks div div.content
	{
		clear: both;
		}
		#latestBlocks div div.content img
		{
			border: 0;
			float: left;
			margin-top: 1em;
			}
		#latestBlocks div.content div.text
		{
			float: right;
			width: 488px;
			}
			#latestBlocks div.content div.text h3
			{
				line-height: 1em;
				margin: 0 0 0.25em 0;
				}
			#latestBlocks div.content div.text p.infoLine
			{
				color: #666;
				margin: 0;
				padding: 0;
				}
				#latestBlocks div.content div.text p.infoLine img
				{
					display: inline-block;
					margin: 1px 5px 1px 0;
					}
			#latestBlocks div.content div.text p.catLine
			{
				color: #333;
				margin: 0;
				padding: 0;
				}
	#latestBlocks div.gallery
	{
		background: #000 none;
		float: left;
		w\idth: 140px;
		width: 125px;
		he\ight: 175px;
		height: 165px;
		margin: 0 10px 10px 0;
		text-align: center;
		}
		#latestBlocks div.gallery img
		{
			margin: 0 auto;
			border: 0;
			}
		#latestBlocks div.gallery h3
		{
			margin: 0;
			padding: 0;
			height: 18px;
			overflow: hidden;
			text-indent: -999em;
			}
		#latestBlocks div.gallery p
		{
			height: 18px;
			overflow: hidden;
			color: #ccc;
			font-size: 14px;
			margin: 0;
			padding: 0;
			}