/********** formatting styles for all browsers **********/

body { background:#5c5c5c; }
a { outline:none; }

/* Gutter between body background and content */
#Header, #MainChannel, #Footer { margin: 0 auto; width:960px;}

#Wrapper { position:absolute; top:50%; left:50%; margin:-325px 0 0 -480px; width:960px; height:605px; background: url("../images/page-bg.png") no-repeat; padding-top:55px; }

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.left { float:left; margin: 0 20px 10px 0; } /*for inline images*/
.right { float:left; margin: 0 0 10px 20px; }

.clear { clear:both; }
.center { text-align:center; }

#MainChannel { position:relative; border:2px solid #5c5c5c; width:842px; height:550px;}

#Content { margin:0; padding:20px; width:490px; float:left; color:#fff; background:url("../images/content-bg.png"); height:510px; }
	#Content h1 { font-size:3em; margin-bottom:10px; }
	#Content h2 { font-size:1.2em; font-weight:bold; margin-bottom:5px; }
	#Content p { margin-bottom:10px; }
	#Content a { color:#fff; text-decoration:underline; }
		#Content a:hover { text-decoration:none; }
	#Content .posttitle { border-top: 1px solid #ccc; padding-top: 10px; width: 100%; font-weight:bold; color: #fff; font-size: 1.1em;}
	#Content .posttitle a { text-decoration: none; }
	#Content .blogPost img { display:none; }
#Portrait { float:right; border-left:2px solid #5c5c5c; }
	#Portrait img { display:block; }

/* Footer */
#Footer { clear:both; }