/* Overall Concerns */
body {
	background-color: #F3FFEB;
	/* Gradient: d8edc9 to f3ffeb*/
	background-image: url('/images/gradient.png');
	background-repeat: repeat-x;
}
a {
	color: #00BB00;
}
a:visited {
	color: #009900;
}
a:hover {
	color: #44BB44;
}


/* The Banner */
div.banner {
	width: 432px;
	height: 68px;
	background-image: url('/images/design_3.png');
	
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	cursor: pointer;
}

/* PHP feedback */
div.message {
	margin-left: 30px;
	margin-top: 20px;
	padding-left: 10px;
	width: 680px;
	background-color: #D3FFCB;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.error {
	margin-left: 30px;
	margin-top: 20px;
	padding-left: 10px;
	width: 680px;
	background-color: #FFD3CB;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* Main content columns */
div.content {
	margin-left: 30px;
	margin-top: 30px;
	width: 945px;
	clear: both;
}
div.left {
	width: 690px;
	float: left;
}
div.right {
	margin-left: 15px;
	width: 240px;
	float: right;
}


/* Nav Bar */
div.navbar {
	width: 259px;
/*	background-color: #ffbbbb; */
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div.navbar a {
	text-decoration: none;
	color: #009900;
}

div.navbar a:hover {
	text-decoration: underline;
	color: #009900;
}

div.navbar ul {
	font-family: Arial;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 0px;
}

div.navbar li {
/*	border-left-style: solid;
	border-left-width: 1px;*/
	list-style-type: solid;
	display: inline;
	padding-right: 8px;
}






/* Story div stuff */
div.story {
	margin-bottom: 20px;
	width: 690px;
	background-color: #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.story div.storytop {
	margin-left: auto;
	margin-right: auto;
	width: 675px;
	border-bottom-color: #E5E5E5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom:4px;
	padding-bottom:4px;
}

div.story div.storybottom {
	color: #808080;
	margin-left: 10px;
	margin-right: auto;
/*	width: 680px;*/
}

div.storybottom a {
	color: #00BB00;
}

div.storybottom a:visited {
	color: #009900;
}

div.storybottom a:hover {
	color: #44BB44;
}




/* Comments div stuff */
div.commentheader {
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 50px;
	padding-left: 30px;
	width: 660px; /* 690 - 30 */
	background-color: #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.comments {
	margin-bottom: 20px;
	width: 690px;
	background-color: #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.comment {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 0px;
	border-bottom: 1px solid #ccc;
}

div.comment div.commenttop {
	margin-left: auto;
	margin-right: auto;
	width: 675px;
	border-bottom-color: #E5E5E5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom:4px;
	padding-bottom:4px;
}

div.comment div.commentbottom {
	color: #808080;
	margin-left: 10px;
	margin-right: auto;
/*	width: 680px;*/
}