body {
	background: url(img/bg.png) #1f0f33;
	margin: 0px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}




.container {overflow: hidden; margin-top: 80px; width: 500px;}



#content {
	margin-top: 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	margin-left: 35px;
}
#blue{ color: #5b6090; margin: 0 0 25px 0;}
#green{ color: #139999; margin: 0 0 45px 0; }

	
#header {
    padding: 25px 20px 10px;
    width: 800px;
}
#header #logo {
	float:left;
	margin: 28px 30px 25px;
}
#header #tagline {
    color: #808080;
    float: left;
	margin: 15px 40px 10px;

}

#community {
	float: right;
	margin: 10px 10px 0 0;
}

#community ul {
	overflow: hidden;
	margin: 0 0 0 0;
}

#community ul li {
	float: left;
	list-style: none;
}

#community ul li a {
	text-indent: -666em;
	width: 45px;
	height: 45px;
}

.icon {
	color: #FFF;
	width: 45px;
	height: 45px;
	vertical-align: bottom;
	text-indent: -3000px;
    display: inline-block;
    overflow:hidden;
	text-indent: -666em;
}

.icon:hover {margin-top: -1px;}
.icon_w:hover {margin-top: -1px;}

.icon_w {
	color: #FFF;
	width: 45px;
	height: 45px;
	vertical-align: bottom;
	text-indent: -3000px;
    display: inline-block;
    overflow:hidden;
	text-indent: -666em;
}

#community ul li a:last-child {
	margin-right: 0;
}


#button a {
	 display: block;
	 height: 34px;
	 width: 151px;
	 overflow: hidden;
}
#button a img {
	 display: block;
}
#button a:hover img {
	 margin-top: -34px;
}

.user_b {background: url("img/black/user_icon.png"); margin: 0 10px;} :hover.user_b {background-position: bottom;}
.mail_b {background: url("img/black/mail_icon.png"); margin: 0 12px 0 15px;} :hover.mail_b {background-position: bottom;}
.fb_b {background: url("img/black/fb_icon.png"); margin: 0 18px;} :hover.fb_b {background-position: bottom;}