#header {
	height: 269px;
	width: 760px;
	background: url(/_gfx/hate/fame.jpg) no-repeat top left;
}

object, embed {
	height: 390px;
	width: 760px;
}


.wide1 {
	background-image: url(/_gfx/hate/large-bg.gif);
	background-color: #f7e215;
}

.wide2 {
	background-image: url(/_gfx/hate/large-bg.gif);
	background-color: #ea8501;
	padding-top: 10px;
}

.wide1 .top-right {
	background-image: url(/_gfx/hate/fame-border-right.gif);
}

.wide1 .top-left {
	background-image: url(/_gfx/hate/fame-border-left.gif);
}

.wide1 .bottom-left {
	background: url(/_gfx/hate/gradient2.gif) no-repeat 37px 100%;
}

.wide1 .bottom-right {
	background: url(/_gfx/hate/gradient2.gif) no-repeat 454px 100%;
}

.wide1 .content {
	background: url(/_gfx/hate/gradient2.gif) repeat-x bottom left;
}

#wide-bottom {
	background-image: url(/_gfx/hate/fame-footer.gif);
	width: 760px;
	height: 73px;
}

#submit a {
	display: block;
	position: relative;
	top: -108px;
	left: 550px;
	width: 138px;
	height: 0;
}

#submit a span {
	position: absolute;
	background-image: url(/_gfx/hate/fame-submit.jpg);
	width: 138px;
	height: 108px;
	cursor: pointer;
	cursor: hand;
}

.content img {
	float: left;
	width: 234px;
	height: 156px;
	padding: 1px;
	background-color: #f8df68;
	border: 3px solid #fa4f09;
}

.content div {
	float: left;
	width: 370px;
	margin: 0 10px 0 20px;
	background: none;
}

.content h2 {
	padding-bottom: 10px;
	border-bottom: 2px dashed #fb100d;
	margin-bottom: 10px;
	position: relative;
	height: 42px;
	_height: 52px;
	font-size: 120%;
}

.content h2 span {
	position: absolute;
	width: 300px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: top left;
}

.content h2.geej span { background-image: url(/_gfx/hate/geej.gif); }
.content h2.accomodata span { background-image: url(/_gfx/hate/accomodata.gif); }
.content h2.spurgeon span { background-image: url(/_gfx/hate/spurgeon.gif); }
.content h2.ihatemarmite span { background-image: url(/_gfx/hate/ihatemarmite.gif); }
.content h2.funtrivia span { background-image: url(/_gfx/hate/funtrivia.gif); }
.content h2.guardian span { background-image: url(/_gfx/hate/guardian.gif); }
.content h2.flakmag span { background-image: url(/_gfx/hate/flakmag.gif); }
.content h2.bbc span { background-image: url(/_gfx/hate/bbc.gif); }
.content h2.marmiteman span { background-image: url(/_gfx/hate/marmiteman.gif); }
.content h2.breakfastandbrunch span { background-image: url(/_gfx/hate/breakfastandbrunch.gif); }

.content p {
	margin: 10px 0;
}


.wide2 .content {
	clear: left;
	background: #ea8501;
}

.content div.rating {
	float: none;
	width: auto;
	margin: 0 0 0 262px;
}

.content div.rating p {
	height: 18px;
	width: 200px;
	margin: 0;
	padding-top: 3px;
	float: left;
}

.content div.rating p span {
	position: absolute;
	width: 200px;
	height: 18px;
	background: url(/_gfx/hate/marmite-rated-this-site.gif) no-repeat top left;
}

.content div.rating span.stars {
	display: block;
	float: left;
	width: 135px;
	height: 22px;
	padding-left: 10px;
}

.content div.rating span.stars span {
	position: absolute;
	width: 135px;
	height: 22px;
	background: url(/_gfx/hate/nostar.gif) repeat-x top left;
}

.content div.rating span.stars span span {
	background: url(/_gfx/hate/star.gif) repeat-x top left;
}

.content div.rating span.stars span span.one { width: 27px; }
.content div.rating span.stars span span.two { width: 54px; }
.content div.rating span.stars span span.three { width: 81px; }
.content div.rating span.stars span span.four { width: 108px; }
.content div.rating span.stars span span.five { width: 135px; }

.content ul {
	clear: both;
	list-style: none;
}

.content li {
	float: left;
	display: block;
	position: relative;
	width: 18px;
	height: 20px;
	margin: 10px;
}

.content li span {
	position: absolute;
	width: 18px;
	height: 20px;
	background-position: 0 -20px;
	background-repeat: no-repeat;
}

.content li a span {
	cursor: pointer;
	cursor: hand;
	background-position: 0 0;	
}

.content li a:hover span, .content li a.hover span {
	cursor: pointer;
	cursor: hand;
	background-position: 0 -40px;
}

.content li.one span { background-image: url(/_gfx/hate/1.gif); }
.content li.two span { background-image: url(/_gfx/hate/2.gif); }
.content li.three span { background-image: url(/_gfx/hate/3.gif); }
.content li.four span { background-image: url(/_gfx/hate/4.gif); }
.content li.five span { background-image: url(/_gfx/hate/5.gif); }
.content li.six span { background-image: url(/_gfx/hate/6.gif); }
.content li.seven span { background-image: url(/_gfx/hate/7.gif); }
.content li.eight span { background-image: url(/_gfx/hate/8.gif); }
.content li.nine span { background-image: url(/_gfx/hate/9.gif); }
.content li.ten span { background-image: url(/_gfx/hate/10.gif); }
           
.content li.prev a span {
	width: 27px;
	height: 21px;
	background-image: url(/_gfx/hate/arrow-prev.gif);
}

.content li.next a span {
	width: 27px;
	height: 21px;
	background-image: url(/_gfx/hate/arrow-next.gif);
}

.content li.prev a:hover span, .content li.next a:hover span, .content li.prev a.hover span, .content li.next a.hover span {
	background-position: 0 -21px;
}