* {
font-family: Helvetica, sans-serif;
border: none;
margin: 0px;
padding: 0px;
color: gray;
}

body {
	background-image: url(../images/wallpaper1.jpg);
}

a {
	color:rgb(0,128,255);
	text-decoration: none;
}

a:hover {
	color: orange;
}

#stuff {
width: 1200px;
}

#banner {
float: left;
width: 600px;
margin: 10px;
}

#navigation {
margin: 0px;
margin-left: 20px;
padding: 5px;
padding-top: 15px;
width: 190px;
height: 900px;
float:left;
}

#navigation img {
margin-bottom: 20px;
}

#content {
	float: left;
	width: 950px;
	height: 800px;
}


#member_login {
	height: 90px;
	padding-top: 30px;
	padding-left: 36px;
	font-size: 13px;
	letter-spacing: .07em;
	line-height: 15px;
	color: grey;
	font-family: monospace;
	background-image: url(../images/cloud.png);
	background-repeat: no-repeat;
}

#comic {
	width: 575px;
	margin: 10px;
	margin-left: 20px;
	padding: 10px;
	float: left;
	background-color: white;
}

#blog {
	width: 320px;
	height: 700px;
	float: left;
}

#mary_blog {
	width: 280px;
	height: 330px;
	float: right;
	margin-left: 5px;
	padding: 10px;
	background-image: url(../images/Kiki_blog.png);
	background-repeat: no-repeat;
}

#megan_blog {
	width: 280px;
	height: 330px;
	float: right;
	margin-left: 10px;
	padding: 10px;
	background-image: url(../images/Mihi_blog.png);
	background-repeat: no-repeat;
}

.blog_text {
	width: 264px;
	height: 270px;
	overflow: scroll;
}
p.time {
	font-size: 10px;
	color: grey;
	font-family: monospace;
}

p.content {
	width: 260px;
	font-size: 12px;
	letter-spacing: .07em;
	line-height: 13px;
	color: grey;
	padding-bottom: 5px;
	border-bottom: 2px dotted #FF9933;
}
#_avatar {
	height: 188px;
	width: 179px;
	background-image:url("../images/avatars.png");
	margin-bottom: 10px;
}
#profiles {
	height: 156px;
	width: 179px;
	background-image:url("../images/profiles.png");
	margin-bottom: 10px;
}
#info {
	height: 140px;
	width: 179px;
	background-image:url("../images/info.png");
	margin-bottom: 10px;
}
#join {
	height: 187px;
	width: 179px;
	background-image:url("../images/login.png");
	margin-bottom: 10px;
}
#melon {
	height: 85px;
	width: 179px;
	background-image:url("../images/melon.png");
	margin-bottom: 10px;
}
#profiles a:hover img{
	height: 156px;
	width: 179px;
	background-image:url("../images/profiles_over.png");
}
#info a:hover img{
	height: 140px;
	width: 179px;
	background-image:url("../images/info_over.png");
}
#_avatar a:hover img{
	height: 188px;
	width: 179px;
	background-image:url("../images/avatar_over.gif");
}
#join a:hover img{
	height: 187px;
	width: 179px;
	background-image:url("../images/join_over.png");
}
#melon a:hover img{
	height: 85px;
	width: 179px;
	background-image:url("../images/melon_over.png");
}