
#blurb {
	position: absolute;
	display: block;
	width: 33%;
	font-size: 70%;
	line-height: 1;
	margin: 5px;
	z-index: 25;
}
#blurb p {
	margin-bottom: 5px;
}
#blurb a {
	color: #000;
}	
#rect2160, #g3264, #g3283, #g3735, #content {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 0;
}

#rect2160 { background: #2bb700 url(rect2160.png) right bottom repeat-x }
#g3264 { background: url(g3264.png) center bottom no-repeat }
#g3283 { background: url(g3283.png) right center no-repeat }
#g3735 { background: url(g3735.png) right top no-repeat }

#portalfloats { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; }

#iTitle {
	font-family: 'Cambria', 'Georgia', 'Times', 'Times New Roman', serif;
	position: absolute;
	top: 50%;
	left: 40%;
	right: 40%;
	text-align: center;
	z-index: 10;
}

#iTitle, .icon .caption {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
	background-color: #111;
	padding: 7px 15px;
	color: #fff;
	font-weight: bold;
	-moz-opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); zoom: 1; opacity: .9;
}
h1 { font-size: 1.5em }
h2 { font-size: 1em }

.icon .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 10px;
}

.icon {
	position: absolute;
	z-index: 10;
}

#iPersonal .caption { bottom: auto; top: 135px; }

#iPersonal {
	top: 5%;
	left: 50%;
	margin-left: -132.5px/* 256/2 */;
}

#iProgramming {
	bottom: 10%;
	left: 25%;
	margin-left: -79px/* (128/2)+15 */;
	width: 175px; /* "Programming" is too big */
	text-align: center;
}

#iWikis {
	bottom: 10%;
	right: 25%;
	margin-right: -107px/* 214/2 */;
}

#iBlog {
	bottom: 10%;
	left: 50%;
	margin-left: -64px/* 128/2 */;
}

footer {
	font-size: .8em;
	position: fixed;
	bottom: 0; left: 0; right: 0;
	height: 25px;
	display: block;
	background-color: #3c3c3c;
	line-height: 25px;
	padding: 0 10px;
	color: #fff;
}
footer li#design {
	border-left: none;
	padding-left: 0;
}

footer li {
	display: inline;
	border-left: 1px dotted #fff;
	padding-left: 3px;
}
footer li#copyright {
	border-left: none;
	padding-left: 0;
}

footer a,
footer a:link,
footer a:visited {
  color: #fcaf3e;
  font-weight: bold;
  text-decoration: none;
}

footer a:active,
footer a:hover {
  color: #da3f3f;
}

