/* ------------------  KEVINJAAKO.COM ----------------------- */

body { background: #fff url(../_img/background.gif) top left repeat-x; position: relative; padding: 0; margin: 0; font-size: 62.5%;	font-family: Trebuchet MS; overflow: hidden;}
a { outline: none; color: #c00; text-decoration: none;}
.u { text-decoration: underline; }
.b { font-weight: bold;}

.red { color: #b00; }
.yellow { color: #ff0; }
.green { color: #0f0; }
.blue { color: #00f; }
.lightblue { color: #66f; }

#window {
	position: relative;
}

#wrapper { position: absolute; z-index: 15; top: 0px; left: 0px; width: 100%; height: 100%; }

h1 {
	font: 2.5em georgia;
	color: #777;
	text-align: center;
	margin: 150px 0 0 0;
}

h2 {
	font: 1.5em georgia;
	color: #777;
	text-align: left;
	margin: 0 0 10px 0;
}

#contentDB { display: none; }

#content { position: absolute; z-index: 150; left: 0px; width: 100%; top: 0px; height: 100%; }
#leftPane { position: absolute; z-index: 151; top: 80px; left: 5%; width: 25%; }
#rightPane { position: absolute; z-index: 151; top: 80px; left: 70%; width: 25%; }
.content-wrapper { margin: 0; padding: 10px 20px; background: #fff; }
.contentPanel .TL { display: block; float: left; width: 10px; height: 10px; background: transparent url(../_img/roundedCorners.gif) 0px 0px; }
.contentPanel .TR { display: block; float: right; width: 10px; height: 10px; background: transparent url(../_img/roundedCorners.gif) -10px 0px; }
.contentPanel .T { display: block; margin: 0 10px; height: 10px; background: #fff; }
.contentPanel .BL { display: block; float: left; width: 10px; height: 10px; background: transparent url(../_img/roundedCorners.gif) 0px -10px; }
.contentPanel .BR { display: block; float: right; width: 10px; height: 10px; background: transparent url(../_img/roundedCorners.gif) -10px -10px; }
.contentPanel .B { display: block; margin: 0 10px; height: 10px; background: #fff; }

#content p { color: #666; font-size: 1.1em;}