/*
* Petola specific styles. 
* Use ID petola in front of every entry to be sure that the original style is overridden.
*/

#petola #topnavigation {
	background-image: url(../images/mainnavi-petola.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#petola #ears {
	background-image: url(../images/petola-ears.png);
	background-position: 38px 106px;
	background-repeat: no-repeat;
	height: 130px;
	width: 200px;
}

#petola #contentarea .maincontent.game {
	width: 720px;
}

#petola #contentarea #gamediv {
	width: 720px;
	text-align: center;
}

#petola #contentarea .maincontent.game .onecolumn, 
#petola #contentarea .maincontent.game .twocolumns {
	width: 720px;
}

#petola #contentarea .maincontent.game .twocolumns .rightcolumn, 
#petola #contentarea .maincontent.game .twocolumns .leftcolumn {
	width: 340px;
}

#petola #contentarea .maincontent .twocolumns h1,
#petola #contentarea .maincontent .twocolumns h2.wbg {
	background-color: #A4C5CA;
	background-image: url(../images/petola-h1-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 2px 4px 6px 4px;
	text-align: center;
	color: #FFFFFF;
}

#petola #contentarea .maincontent .twocolumns.widetitle .leftcolumn h1,
#petola #contentarea .maincontent .twocolumns.widetitle .rightcolumn h1 {
	color: #6D6561;
	font-size: 1.03em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-color: transparent;
	background-image: none;
	text-align: left;
}