body {
	background-color:#FFF;
	color: #000;
	font-size:87.5%;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:1.5;
	text-align:left;

}

a {text-decoration:none;

}

a:link, a:visited {
	color:#F30;

}

a:hover, a:active {
	background-color:#F30;
	color:#FFF;
}

.body {
	margin: 0 auto;
	width:70%;
	clear:both;
}

.mainheader img {
	width: 100%;
	height: auto;
	margin:2% 0 2% 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
}

.mainheader nav {
	background-color: #000;
	height: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mainheader nav ul {
	list-style:none;
	margin:0 auto;
}

.mainheader nav ul li {
	float:left;
	display:inline;
}

.mainheader nav a:link, .mainheader nav a:visited {
	color: #FFF;
	display:inline-block;
	padding:10px 25px;
	height:20px;
}

.mainheader nav a:hover, .mainheader nav a:active,
.mainheader nav .active a:link, .mainheader nav .active a:visited {
	background-color:#F30;
	text-shadow:none;
}

.mainheader nav ul li a {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.content {
	line-height: 25px;
	width: 60%;
	float: left;
	margin: 2% 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #000;
	color: #FFF;
	padding: 3% 5%;
	clear: both;
	text-align: left;
}

.invite {
	width:100%;
	height:auto;
}

.top-sidebar {
	width:20%;
	float:right;
	background-color: #000;
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:2% 0 2% 3%;
	padding:2% 3%;
}

.middle-sidebar {
	width:20%;
	float:right;
	background-color: #000;
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:2% 0 2% 3%;
	padding:2% 3%;
}

.bottom-sidebar {
	width:20%;
	float:right;
	background-color: #000;
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:2% 0 2% 3%;
	padding:2% 3%;
}

.mainfooter {
	width:100%;
	height:auto;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#000;
	margin:2% 0;
}

.mainfooter p {
	width:92%;
	margin:10px auto;
	color:#FFF;
	text-align:center;
}

.post-info {
	font-style:italic;
	color:#999;
	font-size:90%;
	text-align:right;
}

#fsbg {
	width: 100%;
	position: fixed;
	height: auto;
	left: 0px;
	top: 0px;
	z-index: -100;
	min-width: 100%;
	min-height: 1040px;
}

@media only screen and (min-width:150px) and (max-width:600px)
{
	.body {
		width:90%;
		font-size:95%;
	}
	
	.mainheader img {
		width:100%;
	}

	.mainheader nav {
		height:160px;
	}
	
	.mainheader nav ul {
		padding-left: 0;
	}
	
	.mainheader nav ul li {
		width:100%;
		text-align:center;
	}
	
	.mainheader nav a:link, .mainheader nav a:visited {
		padding:10px 25px;
		height:20px;
		display:block;
	}
	
	.content {
	width: 90%;
	float: left;
	margin-top: 2%;
	}
form {
	height: auto;
	width: 90%;
}
#message {
	height: auto;
	width: 100%;
}


	
	.post-info {
		display:none;
	}
	
	.topcontent {
		background-color:#FFF;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:3% 5%;
		margin-top:3px;
	}

	
	.bottomcontent {
		margin-top:3%;
	}



	.top-sidebar, .middle-sidebar, .bottom-sidebar {
		width:94%;
		margin:3% 0 0% 0%;
		padding:2% 3%;
	}

	.mainfooter {
		height:auto;
	}
	
}