body {
	background-color: #000000; /*666666*/
	text-align: center;
	text-shadow:Gray;
	color: #CCCCCC;
}


.main {
	width: 750px;
	background-color:#000000;
	border: medium ridge #8000FF;
	margin:0px auto;
}

.blog {
	width: 720px;
	background-color:#444444;
	border: medium ridge #8000FF;
	margin:0px auto;
	text-align:left;
}

.blogText{
	padding-left:10px;
	padding-right:10px;
}

.blogInput{
	margin-left:100px;
}

.blogInputText{
padding-left:30px;
float:left;
}

.blogImage{
	padding-left:30px;
	float:left;
}

.blogImageNoIndent{
	float:left;
}

.blogRaiseNumber{
	padding-left:60px;
	padding-bottom:3px;
}

.blogTitle{
	width : 720 px;
	background-color:#666666;
	font-weight:bold;
	color:#000000;
	text-align:center;
}

.blogComment{
	width :650px;
	background-color:#888888;
	color:#000000;
	padding-left:10px;
	padding-right:10px;
	margin-left:35px;
}


.titleBar ul {
	margin-left: 0;
	padding-left: 0;
	margin-top:0;
	padding-top: 0;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-color: #8000FF;
	border-bottom-color: #8000FF;
}

.titleBar li {
	font-size:17px;
	list-style-type: none;
	padding: 19px;
	display: inline
}

.titleBar a:link, visted, active{
	text-decoration:none;
	color:#8000FF;
}

.titleBar a:hover{
	text-decoration: none; 
	color: #ffffff;
}

.titleBar a:active{
	color:#8000FF;
}

A{
	font-weight:bold;
}
A:link {
	text-decoration:none;
	color:#8000FF;
}

A:visited {
	text-decoration:none;
	color: #8000FF;
}

A:hover {
	text-decoration: none; 
	color: #ffffff;
}

A:active {
	color:#8000FF;
}


.link{
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 30px;
	text-align:left;
}

.happyList{
	text-align:left;
	padding-left: 50px;
}

.calendarText{
color:#990000;
}