html, body, #thebody {
	width: 100%;
	height: 100%;
}

body {
	font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
	font-size: 100%;
	background-image: url('../styles_file/sunny/background.jpg');
	background-repeat: repeat-y;
	background-position: right center; 
	/*background-color: #ddeeff;*/
	background-color: rgb(227, 244, 255);
	line-height: 150%;
}

#thebody {
	position: absolute;	
	top: 0;
	left: 0;
}

a:link {
	/*text-decoration: none; color: rgb(0, 131, 247); */
	text-decoration: underline; color: rgb(85, 85, 170);
}

a:visited {
	text-decoration: underline; color: rgb(170, 0, 221);
}

a:active {
	text-decoration: underline; color: rgb(170, 0, 221);
}

a:hover {
	text-decoration: underline; color: rgb(51, 51, 204);
}

.menu {
	list-style-type: none;
	display: inline;
}

.menu li {
	float: left;
	margin-left: 2em;
	margin-bottom: 1em;
}

.menu a:hover {
	background-color: rgb(255, 178, 0);
}

.menu img {
	display: block;
	border: 0;
}

#top {
	font-size: 150%;
	/*border-bottom: solid 2px #555555;*/
	background-image: url('../styles_file/sunny/top_border.png');
	background-repeat: repeat-x;
	background-position: center bottom; 
	/*background-color: #ffffaa;*/
	background-color: rgb(255, 187, 51);
	height: 2em;	
}

#sidebar{
	float: right;
	top: 3em;
	right: 0;
	width: 25%;
	padding: 1%;
}

	#trivia {
		margin-top: 0.5em;
		font-size: 90%;
		padding: 0.5em;
		border-left: dotted 2px #b2b2b2;
		margin-bottom: 1em;
	}
	
	#side_about {
		font-size: 90%;
		padding: 0.5em;
		border-left: dotted 2px #b2b2b2;
		margin-bottom: 1em;
	}
	
	#styles {
		margin-bottom: 1em;
	}
	
	#category {
		margin-bottom: 1em;
	}
	
	#author {
		margin-bottom: 1em;
	}
	
	#search {
		padding: 0.5em;
		border-left: dotted 2px #b2b2b2;
		margin-bottom: 1em;
		line-height: 200%;
	}

	#subscribe {
		margin-bottom: 1em;
	}
	
#bottom {
	width: 100%;
	height: 4em;
	/*border-bottom: solid 2px #555555;*/
	background-image: url('../styles_file/sunny/bottom_border.png');
	background-repeat: repeat-x;
	background-position: center top; 
	/*background-color: #ffffaa;*/
	background-color: rgb(255, 187, 51); 
}

#entries {
	margin-left: 5em;
	margin-right: 45%;
}

	.blog_bak1 {
		padding: 1em;
		border-bottom: dotted 2px #555555;
		border-left: dotted 2px #555555;
	}

	.blog_bak2 {
		padding: 1em;
		border-bottom: dotted 2px #b2b2b2;
		border-right: dotted 2px #b2b2b2;
	}

	#about {
		padding: 1em;
		margin-left: 10em;
		border-bottom: dotted 2px #555555;
		border-left: dotted 2px #555555;
		text-align: justify;
		width: 85%;
	}
	
	#border_spacer {
		position: absolute;
		top: 3em;
		right: 45%;
		left: 33%;
		height: 4em;
		border-left: dotted 2px #555555;
		border-bottom: dotted 2px #555555;
	}
	
	.milestone_bak1 {
		padding: 1em;
		border-bottom: dotted 2px #555555;
		border-right: dotted 2px #555555;
	}
	
	.milestone_bak2 {
		padding: 1em;
		border-bottom: dotted 2px #b2b2b2;
		border-left: dotted 2px #b2b2b2;
	}
	
	.link_bak1 {
		padding: 1em;
		border-bottom: dotted 2px #555555;
		border-right: dotted 2px #555555;
		width: 27em;
	}
	
	.link_bak2 {
		padding: 1em;
		border-bottom: dotted 2px #b2b2b2;
		border-left: dotted 2px #b2b2b2;
		width: 27em;
	}
	
	.comment_bak1 {
		padding: 1em;
		border-bottom: dotted 2px #555555;
		border-right: dotted 2px #555555;
		width: 35em;
	}
	
	.comment_bak2 {
		padding: 1em;
		border-bottom: dotted 2px #b2b2b2;
		border-left: dotted 2px #b2b2b2;
		width: 35em;
	}
	
	.date h2 {
		font-family: verdana, sans-serif;
		font-size: 200%;
		font-weight: bold;
		/*font-variant: small-caps;*/
		text-align: right;
		color: #555555;
		margin-right: 0.5em;
	}

	.title h3 {
		font-family: georgia, "times new roman", times, serif;
		font-size: 150%;
		font-variant: small-caps;
		padding: 0.25em;
		margin-bottom: 0.5em;
		color: #555555;
	}
	
	.subtitle {
		font-family: georgia, "times new roman", times, serif;
		font-size: 100%;
		font-weight: bold;
		font-variant: small-caps;
		margin-bottom: 0.5em;
	}
	
	.bookmark h4 {
		font-family: georgia, "times new roman", times, serif;
		font-size: 80%;
		font-weight: bold;
		/* font-variant: small-caps; */
	}
	
	.content {
		margin-left: 2em;
		text-align: justify;
	}

	.author {
		font-size: 90%;
		font-style: italic;
		margin-left: 4em;
		margin-top: 1em;
	}

#site_logo_filler {
	position: absolute;
	top: 3em;
	right: 25%;
	background-image: url('../site_logo.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 128px;
	height: 600px;
}

ul {
	list-style-position: outside;
	list-style-type: circle;
	padding: 5px;
	margin-left: 10px;
}

input {
	background-color: rgb(227, 244, 255);
	border: solid 1px rgb(0, 136, 255);
}

select {
	background-color: rgb(227, 244, 255);
	border: solid 1px rgb(0, 136, 255);
}

textarea {
	background-color: rgb(227, 244, 255);
	border: solid 2px rgb(0, 136, 255);
}

.center { 
	text-align: center; 
	font-style: italic;
	font-size: 150%;
}

td.time {
	font-family: georgia, "times new roman", times, serif;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	margin-bottom: 0.5em;
}