/*
	Mike Paech Character Animator
*/

body {
	background: #04b0e0;
    background: -webkit-linear-gradient(#04b0e0, #001d26, #001d26); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#04b0e0, #001d26, #001d26); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#04b0e0, #001d26, #001d26); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#04b0e0, #001d26, #001d26); /* Standard syntax */	
}	

/* ==== about ==== */

#aboutHeader {
	position:relative;
	display:block;
	width: 80%;
	margin: 30px auto 20px auto;

}

#aboutHeader p{
	position:relative;
	display:inline-block;
	height: 30px;
	margin: 0px;
	padding: 0px;
	font-family: "nueva-std-condensed", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	color:#00d8ff;	
	line-height: 30px;
}

#aboutContent {
	position:relative;
	display:block;
	width: 80%;
	padding: 0px;
	margin: 0px auto;
	z-index:1;
}

#aboutContent::before {
	float:left;
	content:"";
	position:relative;
	display:inline-block;
	width: 32px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	z-index:1000;
	top: -8px;
	left: -52px;
	background: url('../images/comment-open.png')no-repeat;	
}

#aboutContent::after {
	float:right;
	content:"";
	position:relative;
	display:inline-block;
	width: 32px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	z-index:1000;
	top: -48px;
	left: 35px;
	background: url('../images/comment-close.png')no-repeat;	
}

#aboutContent p{
	padding: 0px 0px 20px 0px;
	margin: 0px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight:300;
	top: 0px;
}

#aboutContent p.first{
	padding: 0px 0px 20px 0px;
	margin: 0px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight:300;
	text-indent: -32px;
}