body { background-color: #000; color: #fff; text-decoration: none; text-align: center; }

.container-body {
	background-color: #333;
	color: #fff;
	background-image: url(../Images/head-gradient.jpg);
	background-repeat: no-repeat;
	width: 860px;
	height: auto;
	margin: 60px auto;
	border: outset 4px #222;
	padding-bottom: 20px;
}

H1 { font-family: Arial, Helvetica, Geneva, sans-serif; color: #89e1f8; font-style: italic; font-weight: bold; font-size: 22px; line-height: 30px; letter-spacing: 0.1em; text-align: center; margin-top: 40px; margin-bottom: 30px; }
H2 { font-family: Arial, Helvetica, Geneva, sans-serif; color: #00c0f3; font-style: italic; font-weight: bold; font-size: 20px; line-height: 26px; letter-spacing: 0.1em; text-align: center; margin: 20px 0 20px; }

p { background-color: transparent; color: #fff; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; letter-spacing: 0.1em; 
text-align: left; line-height: 16px; margin: 10px 10px 20px; }

/* Clearfix extends containers to enclose the float box */
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

/* for mac IE */
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* comments page (nest these in container-body)*/
.block-first { width: 600px; height: auto; margin-left: 100px; margin-top: 40px; padding-bottom: 20px; }
.block1 { width: 600px; height: auto; margin-left: 100px; padding-bottom: 20px; border-top: 1px solid #c0e3f0; }
.block2 { width: 600px; height: auto; margin-left: 160px; padding-bottom: 20px; border-top: 1px solid #99c9db; }