* html .imagebox { 
	/*behavior:url(scripts/csshover.htc);*/
	
}

.imagebox,
.verticalbox {
	float:left;
	padding:6px;
	margin:0 0 1px 0;
	height:1%;
	width:300px;
	overflow:hidden;
	font-family:"Trebuchet MS";
}
.imagebox img,
.verticalbox img {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
.imagebox a span,
.verticalbox a span {
	display:block;
	overflow:hidden;
	cursor:pointer;
	border:1px solid #000;
	background-color:#000;
	margin:0;
	padding:0;
}

.imagebox a.clip {
	display: block;
	float: left;
	padding: 2px;
	margin: 0 5px 0 0;
	background-color: #FFF;
}
* html body .imagebox a.clip{
	margin: 0 2px 0 0; /* corrct IE 3px shift */
}
.imagebox:hover {
/* broke out into color style */

}
.imagebox a:hover {
/* broke out into color style */

}
.imagebox a:hover span {
/*
	testing...
	overflow:auto;
	height:auto;
	width:auto;
	display:inline;*/
}



/* styles for details */
.imagebox p,
.imagebox h3 {
	margin:0;
	padding:0;
	cursor:default;
	font-size:12px;
}
.imagebox h3 {
	color: #666666;
	margin: 0 0 2px 0;
	padding: 0 0 1px 0;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
}
.smallvertical h3,
.mediumvertical h3,
.largevertical h3,
.largevretical h3 {
	display:block;
	clear:both;
	padding-top:1px;
}
* html body .smallvertical h3,
* html body .mediumvertical h3,
* html body .largevertical h3 {
	margin-top:-3px;
}
.imagebox p#votes {
}
.imagebox p#author {
	font-style:italic;
}
.imagebox p#description {
	font-size:11px;
	line-height:12px;
	margin: 0 0 4px 0;
}
.imagebox p#rating, p#rating {
	display:block;
	clear:left;
	font-size:11px;
	font-style:italic;
	background-position:right bottom;
	height:20px;
	line-height:20px;
	background-color:transparent;
	text-align:left;
	padding-top:2px;
}


/* ratings */
.r1,.r2,.r3,.r4,.r5 {
	background-position: left bottom;
	background-repeat: no-repeat;
}
.r1 {background-image:url(/images/r1.gif);}
.r2 {background-image:url(/images/r2.gif);}
.r3 {background-image:url(/images/r3.gif);}
.r4 {background-image:url(/images/r4.gif);}
.r5 {background-image:url(/images/r5.gif);}


/* small box */
.small {width:180px;}
.smallvertical {width:116px;}
.small a.clip span,.smallvertical a.clip span {width:108px;height:80px;}
.small a.clip span img,.smallvertical a.clip span img {width:120px;margin-left:-5px;}
.smallvertical p#rating {text-indent:-5000px;background-position:center bottom;}

/* medium box */
.medium {width:300px;}
.mediumvertical {width:158px;}
.medium a.clip span,.mediumvertical a.clip span {width:150px;height:100px;}
.medium a.clip span img,.mediumvertical a.clip span img {width:160px;margin-left:-5px;margin-top:-5px;}

/* large horizontal */
.largehorizontal {width:650px; }
.largehorizontal H3 {color:black; }
.largehorizontal a.clip span {width:100px;height:75px;} 
.largehorizontal a.clip img {width:100px; height:75px;}
.largehorizontal p.author {width:75px; display:block; float:left; clear:none; color: #444444;}
.largehorizontal p.description {width:240px; display:block;float:left;clear:none; padding-right:10px;color: #444444;}
.largehorizontal p.votes {width:75px;display:block;float:left;clear:none;color: #444444;}
.largehorizontal p#rating {width:100px;	display:block; float:right; clear:none; color: #444444;
	text-align:right;
	height:35px; 
	vertical-align:top;
	line-height:15px;
}

/* large horizontal */
.mediumlist {width:475px; }
.mediumlist H3 {color:black; }
.mediumlist a.clip span {width:120px;height:90px;} 
.mediumlist a.clip img {width:120px; height:90px;}
.mediumlist p.author {width:75px; display:block; float:left; clear:none; color: #444444;}
.mediumlist p.description {width:240px; display:block;float:left;clear:none; padding-right:10px;color: #444444;}
.mediumlist p.votes {width:75px;display:block;float:left;clear:none;color: #444444;}
.mediumlist p#rating {width:100px;	display:block; float:right; clear:none; color: #444444;
	text-align:right;
	height:35px; 
	vertical-align:top;
	line-height:15px;
	
}

/* must add 3px for images for IE consistency */
.smallvertical a.clip,
.mediumvertical a.clip,
.largevertical a.clip  {margin:0 0 3px 0;}
.largehorizontal a.clip {margin:0px 5px 3px 0px;}

/* color, background, and hover styles */
.redbox a {border: 1px solid #C40236;}
.redbox a:hover {background-color:#C40236;}
.redbox h3 {border-bottom: 1px solid #C40236;}

.greenbox a {border: 1px solid #8B9501;}
.greenbox a:hover {background-color:#8B9501;}
.greenbox h3 {border-bottom: 1px solid #8B9501;}

.mainfeature a {border: 1px solid #000;}
.mainfeature a:hover {background-color:#8B9501;}
.mainfeature h3 {border-bottom: 1px solid #8B9501; color:#fff;}

.tangradient {border: 1px solid #EBD780;background:url(../images/tangradient.jpg)	0 100% repeat-x #FFF;}
.tangradient:hover {border: 1px solid #EBD780;background:0;background-color:#F2E6AC;}

.greengradient {border: 1px solid #C7D051;background:url(../images/greengradient.jpg)	0 100% repeat-x #FFF;}
.greengradient:hover {border: 1px solid #C7D051;background:#DCE294 0;}

.greensolid {border:0;background-color:transparent;}
.greensolid:hover {border:0;background-color:#DCE294;}

.test a {border: 1px solid #840022; color:#FFF;}
.test a:hover {background-color:#840022;}
.test h3, .test #author {border:0;color:#840022; margin:0;}



.results {
	width:500px;
	position:static;
}
.results p,
.results h3,
.results p#description,
.results p#author {
	margin:0 10px 0px 120px;
	margin:0 10px 0 0;
	padding:0;
	cursor:default;
	font-size:13px;
	display:block;
	width:200px;
	clear:left;
	float:left;
}
.results h3 {
}
.results p#author {
	font-style:italic;
	font-size:12px;
}
.results p#description {
	font-size:12px;
	line-height:13px;
}
.results p#rating,
.results p#votes {
/*	display:block;
	width:100px;
	position:absolute;
	top:0;
	left:330px;
	margin:6px 8px;
	padding:0 8px;
	border-left:1px solid #DCE294;*/
		float:right;
		width:100px;
}
.results p#votes {
	border-left:1px solid #DCE294;
}
.results p#rating {
	background-position:6px bottom;
	height:36px;
}
.results:hover {background-color:#DCE294;}