* { margin:0; padding:0;}
body { background-color: #000000; font-family:arial; font-size:100%; line-height:.75em; color:#7d7d7d;}

.grunge_box {
	position: absolute;
	left: 50%;
	margin-left: -478px;
	top: 280px;
	z-index:-1;
}

.divy {
	margin-top: 10px;
}


a {color:#555555;}
a:hover{text-decoration:none;}

.ui {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 8px;
	background: url(images/grunge_userinfo.gif);
	background-repeat: no-repeat;
	width:182px;
	height:29px;
	padding-top: 6px;
}

.userstate {
	position: absolute;
	text-align: right;
	width: 173px;
	margin-top: -1px;
	left: 50%;
	margin-left: -270px;
}

.usertag {
	margin-left: 28px;
	background: url(images/grunge_tag.gif);
	background-repeat: no-repeat;
	width:553px;
	height:47px;
	padding-left: 10px;
	padding-top: 18px;
}

.ustream {
	position: absolute;
	left: 50%;
	margin-left: 130px;
	top: 283px;
	background: url(images/grunge_ad.gif);
	background-repeat: no-repeat;
	padding-top: 16px;
	width:343px;
	height:281px;
}

.firstname {
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	font-family: Helvetica,Arial;
	height: 30px;
}

.lastname {
	color: #830006;
	font-size: 24px;
	font-weight: bold;
	font-family: Helvetica,Arial;
}

.ventlink {
	position: absolute;
	top: 25px;
	left: 50%;
	margin-left: 120px;
}

.editheadline {
	position: relative;
	display: inline;
	float: right;
}

.ventlink a {
	color: #ffffff;
	font-size: 11px;
}

.userquote {
	position: relative;
	display: block;
	line-height: 30px;
	color: #ffffff;
	margin-top: -22px;
	width: 530px;
	height: 20px;
	text-align: right;
	font-size: 20px;
	font-family: Helvetica,Arial;
}

.user_bio {
	width: 545px;
	margin-top: -10px;
	margin-left: 30px;
	min-height: 400px;
	font-size: 11px;
	line-height: 16px;
}

.nav_bar {
	position: absolute;
	top: 225px;
	left: 50%;
	margin-left: -478px;
	width: 956px
	height: 56px;
}

.user {
	background-color: #fff;
	width: 200px;
	float: left;
	margin-top: 7px;	
	margin-bottom: 7px;
}

.up img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}

.dotline {
	width: 300px;
	border-bottom: 1px dotted #cccccc;
	height: 1px;
}

.ug1 {
	position: absolute;
	margin-top: 76px;
	left: 50%;
	margin-left: -269px;
}

.ug2 {
	position: absolute;
	margin-top: 76px;
	left: 50%;
	margin-left: -133px;
}

.ug3 {
	position: absolute;
	margin-top: 76px;
	left: 50%;
	margin-left: 3px;
}

.commentuser {
	float: left;
	vertical-align: middle;
	padding-left: 5px;
	width: 160px;
}

.commentuser img{
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}

.commenttext {
	margin-left: 163px;
	width: 410px;
	font-size: 11px;
}

.ug4 {
	position: absolute;
	margin-top: 76px;
	left: 50%;
	margin-left: 139px;
}

.uv1 {
	position: absolute;
	margin-top: 77px;
	left: 50%;
	margin-left: -269px;
}

.uv2 {
	position: absolute;
	margin-top: 77px;
	left: 50%;
	margin-left: -133px;
}

.uv3 {
	position: absolute;
	margin-top: 77px;
	left: 50%;
	margin-left: 3px;
}

.uv4 {
	position: absolute;
	margin-top: 77px;
	left: 50%;
	margin-left: 139px;
}

.uv5 {
	position: absolute;
	margin-top: 241px;
	left: 50%;
	margin-left: -269px;
}

.uv6 {
	position: absolute;
	margin-top: 241px;
	left: 50%;
	margin-left: -133px;
}

.uv7 {
	position: absolute;
	margin-top: 241px;
	left: 50%;
	margin-left: 3px;
}

.uv8 {
	position: absolute;
	margin-top: 241px;
	left: 50%;
	margin-left: 139px;
}

.ug1 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.ug2 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.ug3 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.ug4 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv1 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv2 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv3 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv4 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv5 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv6 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv7 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.uv8 img {
	display: block;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}
.banner {width:944px; margin:0px auto; display:block; padding:0px; min-height:205px; height:auto;}
* html .banner {height:205px;}


.grunge_side {
	position: absolute;
	left: 50%;
	margin-left: 128px;
	margin-top: 283px;
}

.grunge_side_top {
	background-image: url(images/grunge_side_top.gif);
	background-repeat: no-repeat;
	width: 343px;
	height: 7px;
}

.grunge_vent_a_top {
	background-image: url(images/grunge_vent_a_top.gif);
	background-repeat: no-repeat;
	width: 309px;
	height: 10px;
}

.grunge_vent_a_body {
	background-image: url(images/grunge_vent_a_body.gif);
	background-repeat: repeat;
	width: 309px;
	font-size: 11px;
	line-height: 16px;
	font-family: Arial;
	color: #ffffff;
}

.grunge_vent_a_bottom {
	background-image: url(images/grunge_vent_a_bottom.gif);
	background-repeat: no-repeat;
	width: 309px;
	height: 10px;
}

.grunge_vent_b_top {
	background-image: url(images/grunge_vent_b_top.gif);
	background-repeat: no-repeat;
	width: 309px;
	height: 10px;
}

.grunge_vent_b_body {
	background-image: url(images/grunge_vent_b_body.gif);
	background-repeat: repeat;
	width: 309px;
	font-size: 11px;
	line-height: 16px;
	font-family: Arial;
	color: #ffffff;
}

.grunge_vent_b_bottom {
	background-image: url(images/grunge_vent_b_bottom.gif);
	background-repeat: no-repeat;
	width: 309px;
	height: 10px;
}

.grunge_top {
	background-image: url(images/grunge_top.gif);
	background-repeat: no-repeat;
	width: 603px;
	height: 10px;
}

.grunge_body {
	background-image: url(images/grunge_body.gif);
	background-repeat: repeat;
	width: 603px;
}

.grunge_side_body {
	background-image: url(images/grunge_side_body.gif);
	background-repeat: repeat;
	width: 343px;
}

.grunge_bottom {
	background-image: url(images/grunge_bottom.gif);
	background-repeat: no-repeat;
	width: 603px;
	height: 10px;
}

.grunge_side_bottom {
	background-image: url(images/grunge_side_bottom.gif);
	background-repeat: no-repeat;
	width: 343px;
	height: 7px;
}
/* navigation bar css start */
.nav_bar1 {width:932px; margin:0px auto; display:block; padding:18px 8px 0 4px; height:38px; background:url(../../cheatsheet/images/nav_btn_2.jpg) no-repeat left top;}
.nav_bar1 a {display:block; height:20px; float:left; color:#fff; font-weight:normal; text-decoration:none; padding:0px 10px; font-family:Impact, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px;}
.nav_bar1 a span {display:block;}

.nav_bar1 a.login {float:right;}
.nav_bar1 a.venting {float:right;}
.nav_bar1 a.sign_out {float:right;}
.nav_bar1 a.myprofile {float:right;}
.nav_bar1 a.editprofile {float:right;}

/* navigation bar css end */
