html, body
	{
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	color: #333
	}

a img
	{
	border: 0px;
	}

#container
	{
	font-size: 80%;
	width: 883px;
	position: absolute;
	left: 50%;
	margin-left: -442px
	}

#login
	{
	background: url(../images/bg-login.jpg) no-repeat top left transparent;
	height: 30px;
	text-align: right;
	padding-right: 20px;
	font-size: 90%
	}

#login form
	{
	margin: 0px;
	padding-top: 4px
	}

#login input
	{
	margin-right: 5px
	}

#login label
	{
	height: 30px;
	width: 40px;
	background: url(../images/bg-login-label.jpg) top left no-repeat
	}

#mainnav
	{
	height: 44px;
	background: url(../images/bg-topnav.jpg) no-repeat top left transparent;
	font-size: 120%
	}

#mainnav ul
	{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#mainnav li
	{
	display: inline
	}

#mainnav a
	{
	text-decoration: none;
	display: block;
	float: left;
	font-weight: bold;
	color: #5b3d87;
	padding: 11px 12px 0px 12px
	}

#mainnav a:hover, #mainnav a.selected
	{
	color: #000
	}

#left
	{
	width: 690px;
	float: left
	}

#right, #homeright
	{
	width: 193px;
	float: right;
	background: url(../images/bg-rightnav-inner.jpg) no-repeat top left transparent;
	}

#right ul
	{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

#right a
	{
	display: block;
	font-size: 120%;
	color: #303;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 12px 4px 12px;
	border-bottom: 1px solid #808;
	border-top: 1px solid #faf
	}

#right a:hover, #right a.selected
	{
	color: #faf;
	}

/*HOME PAGE*/
#homebody
	{
	background: url(../images/placeholder.jpg) no-repeat top left transparent;
	height: 248px;
	overflow: hidden;
	padding-left: 200px;
	padding-right: 30px
	}

#homebody h1
	{
	font-size: 130%;
	padding-top: 20px;
	}

#homebody p
	{
	padding: 0 0 12px 0;
	margin: 0px
	}

/*INNER PAGES*/
#catbody, #pagebody, .post
	{
	padding: 20px;
	line-height: 160%
	}



/*FOOTER*/
#footer
	{
	clear: both;
	}

#footer ul
	{
	list-style: none;
	padding: 0px;
	margin: 0px
	}

#footer li
	{
	display: inline
	}
#footer a
	{
	color: gray;
	display: block;
	padding: 5px;
	float: left;
	}

.homepost
	{
	background: #e2e2f2 url(../images/bg-post.gif) top left no-repeat;
	height: 167px;
	width: 218px;
	float: left;
	margin-right: 12px;
	margin-top: 12px
	}

.homepost h2
	{
	font-size: 100%;
	margin: 0px;
	padding: 8px 0 4px 8px;
	}

.homepost h2 a
	{
	text-decoration: none;
	color: #848
	}

.homepost h2 a:hover
	{
	color: #404
	}

.homepost p
	{
	padding:  4px 0 0 0;
	margin: 0 8px 8px 8px;
	border-top: 1px solid #a0a;
	font-size: 90%
	}


/*-------------------------*/
/* BLOG STYLES*/
/*-------------------------*/
	
.navigation
	{
	padding: 12px;
	}