@import url("template.css");


#shadow {
	background: url(subpagebg.png) repeat-y;
}

#content {
	background: url("subcontentbg.png") repeat-y;
}

#content #left {
	border-right: 10px solid white;
	width: 286px;
	float: left;
}

#content #left p {
	padding: 5px 10px;
}

#content #left ul {
	font-size: 85%;
	line-height: 120%;
}

#content #left li {
	margin: 0px 10px 5px 65px;
}

#content #left span {
	font-style: italic;
	font-size: 80%;
	padding-left: 45px;
}

#content #right {
	margin-left: 300px;
	width: 376px;
	padding: 15px 0px 10px 10px;
}

#right h2 {
	font-size: 90%;
	padding: 0;
	margin: 0;
	height: 28px;
	width: 200px;
}

#right h2 span {
	display: none;
}

#right .row {
	border: 1px dotted #666;
	padding: 5px;
	width: 100%;
}

#right .fixheight {
	min-height: 77px;
}

#right .row img {
	width: 100px;
	height: 75px;
	float: left;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 3px solid #ccc;
}

#right .odd {
	background: #ececec; 
}

#right .even {
	background: #e3e3e3;
}

h2#story {
	background: url(story.png) no-repeat;
}

h2#sstory {
	background: url(sstory.png) no-repeat;
}

h2#sites {
	background: url(sites.png) no-repeat;
}

h2#graphics {
	background: url(graphics.png) no-repeat;
}

h2#flash {
	background: url(flash.png) no-repeat;
}

h2#others {
	background: url(others.png) no-repeat;
}

h2#latest{
	background: url(latest.png) no-repeat;
}