/* Cascading Style Sheet for 5jt.com  */

/* RESET */
* {margin: 0; padding: 0;}

#WRAPPER {
	margin: 1em auto;
	position: relative;
	width: 70em;
}

/* top banner */
#BANNER {
	position: relative;	/* contain absolutely positioned children */
	width: 100%; 
	}
#SJT {
	background: url(../images/sjteye.gif) no-repeat;
	position: absolute; top: 0; right: 0;
	width: 187px; /* width of image */
}
#SJT a {display: block}
#BANNER, #SJT a {height: 4em}
#LOGO {position: absolute; top: 0.5em; left: 1em; z-index:3;}


#LEFT {position: absolute; top: 4em; left: 0; width: 12em;}
#RIGHT {position: absolute; top: 6em; right: 1em; width: 15em;}

#MAIN, #WIDE {margin: 0 0 0 12em}		/* LEFT is within margin */
#MAIN {padding: 1em 17em 2em 3em}		/* RIGHT is within padding */
#WIDE {padding: 1em 3em 2em 3em}		/* MAIN, without RIGHT */

#VALIDATION {
	filter: alpha(opacity=50);
	height: 31px;
	opacity: 0.5;
	position: absolute: bottom: 5px; left: 5px; z-index: 3;
	width: 88px;
}

/* blog classes */
#comment-data {
	float: left; 
	width: 180px; 
	padding-right: 15px; 
	margin-right: 15px; 
	text-align: left; 
	border-right: 1px dotted #BBB; 
} 
textarea[id="comment-text"] {
	width: 80%;
}
.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
}