/* CSS GC to apply a complete frame to a single element.
Relaxed to allow it to work in FF, even though its CSS 2.1 GC support is frustratingly incomplete.

Works in advanced browsers only; Opera 7.5+, Konq 3.3+, Safari, and Firefox 1.5+ - not IE.
Should also work in iCab 3.0.3+ except it has trouble switching stylesheets. */

/* @import url(gentleblue.css); stops IE from saving the page because it gets the relative URL wrong */
@import url(/styles/gentleblue.css);

@media screen, projection, tv, handheld {

#content h2 {
	background: #a5c0db url(../wrongWithIE/eightpointbox/right.gif) repeat-y scroll 100% 0%;
	overflow: hidden;
	max-width: 1000px;
	padding: 0px 35px 0px 35px;
	text-shadow: #58b 3px 3px 3px;
	color: #000;
}

#content h2::before {
	content: url(../wrongWithIE/eightpointbox/topleft.gif);
	height: 28px;
	display: block;
	margin: 0px -35px 0px -35px;
	background: url(../wrongWithIE/eightpointbox/topright.gif) no-repeat scroll 100% 0%;
}

#content h2::after, #content h2[id]:hover::after {
	float: none; /* override imported sheet */
	content: url(../wrongWithIE/eightpointbox/bottomleft.gif);
	height: 30px;
	display: block;
	margin: 10px -35px 0px -35px;
	background: url(../wrongWithIE/eightpointbox/bottomright.gif) no-repeat scroll 100% 0%;
}

}