html, body {
			width: 100%;
			height: 100%;
			border: 0; margin: 0; padding: 0;
}

body {
			text-align: left;
			background: #fff;
}

img {
	border: 0;
}

/* If everything is centered, you attain the true feeling of unagi */
#wrapper	{ 		width: 950px; padding: 0 0 0 40px; text-align: left;}
#site		{		width: 910px; }

#header { 			width: 910px; height: 151px;}

#nav {				width: 240px; height: 590px; float: left; padding: 61px 0 0 0;}
#nav a.blogheader {	margin-bottom: 18px; display: block;}
#nav a.blogheader img { display: block;}
#content {			width: 670px; float: left; }


h1, h2, h3 { 		color: #000; padding: 0; margin: 0; clear: both;}
h1, h1 a{ 			font-size: 30px; margin-bottom: 18px; color: #fe0078; text-decoration: none;}
h2{ 				margin-bottom: 12px; font-family: arial;}
img.header { 		display: block;		margin-bottom: 12px; width: 170px; height: 9px;}
* { 				font-size: 12px; color: #6d6e70; font-family: verdana, helvetica, arial;}

div.name {
					font-family: verdana, helvetica, arial;
					color: #00A4ED;
					font-weight: bold;
					height: 35px;
}

div.block {
					padding: 0 0 24px 0;
}

div.searchfield {
	width: 188px;
	height: 15px;
	border: 1px solid #6d6e70;
}

div.searchfield div.searchinput {
	width: 163px;
	height: 15px;
	float: left;
}
div.searchfield div.searchinput input {
	height: 13px; width: 163px; background-color: #fff; border: 0px;
	margin: 0; padding: 0;
	font-size: 10px;
	padding: 0 0 0 4px;
}
div.searchfield .searchsubmit {
	width: 25px;
	height: 15px;
	float: left;
	background: #6d6e70 url(/img/whitearrow.gif) no-repeat center center;
	border: 0;
	color: #fff;
}

ul.categorylist { list-style: none; padding:0; margin: 0;}
ul.categorylist li a{
	text-decoration: none;
	color: #9C9D9E;
	font-weight: normal;
	font-size: 11px;
	display: block;
	background: transparent url(../img/arrow.gif) no-repeat left 5px;
	padding: 0 0 0 10px;
}
ul.categorylist li a:hover { color: #000; text-decoration: underline;}
ul.categorylist li.on a { color: #fe0078;}

/* content styles */

#content p { 	line-height: 18px;}


div.blogpost {
	margin-bottom: 74px;
}

div.blogpost h1 { }
div.blogpost div.content {
	width: 670px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 9px 0 25px 0;
}
div.blogpost div.info { 				width: 670px; height: 20px; padding-top: 2px;}
div.blogpost div.info div.actions { 	width: 360px; float: left;}
div.actions, div.actions a {
	font-size: 10px;
	text-decoration: none;
	color: #000;
}
div.actions a:hover { text-decoration: underline;}
div.blogpost div.info div.author { 		width: 310px; float: left; text-align: right; 	font-size: 10px; color: #000;}
div.author a {
	color: #00A4ED; text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
div.author a.cat {
	font-weight: normal;
	color: #000;
}
div.author a.cat:hover {
	text-decoration: underline;
}

div.blogreactions {
	width: 430px;
}

div.blogreaction {
	width: 430px;
	clear: both;
	padding: 3px 0 20px 0;
	border-top: 1px solid #9C9D9E;
	border-bottom: 1px solid #9C9D9E;
	margin-bottom: 40px;
}
div.blogreaction div.header {
	width: 430px;
	height: 30px;
}

div.blogreaction div.header div.author { font-size: 10px; color: #000; width: 300px; float: left; }
div.blogreaction div.header div.date { font-size: 10px; width: 130px; float: left; text-align: right;}

div.blogreactionform {
	margin: 100px 0 50px 0;
}

div.blogreactionform div.formitem { clear: both; width: 430px; padding: 0 0 10px 0;}
div.blogreactionform div.formitem label { width: 240px; float: left;}
div.blogreactionform div.formitem input { width: 188px; border: 1px solid #000;}
div.blogreactionform div.formitem textarea { width:430px; height: 100px; border: 1px solid #000; margin: 10px 0 0 0;}


div.pages {
	padding: 20px 0 60px 0;
	text-align: center;
}

div.pages a {

}

#loading {
	background: url('/img/loading.gif') center center no-repeat;
	height: 30px;
}