html {
   /* IE/Win is the only browser where the root element has the Windows-shell inset border.
   It can be turned off to reproduce the situation of Firefox and Opera.
   The Mac browsers have no concept of window borders at all. */
   border:none;
   /* It'll get you another 4px of width and sets the scrollbar to the side of the screen in maximized form.
   Yay! */
}


body {
   background:#6c0 url("http://dekita.org/graphics/back.png") repeat-x;
   color: #333;
   margin: 0;
   padding:0;
   font-family: Verdana, 'Lucida Grande', Tahoma, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 18px;
}



table {
   margin-left: 30px;
}


img {
	display: block;
	border: 0;
}


p, blockquote, li {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}



dd, dt {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}



h1, h2, h3, h4, h5, h6 {
   padding-left: 10px;
	padding-right: 10px;
}



h1 {
   font-size: 15px;
   color: #c60;
}


h3 {
	font-weight: normal;
   font-size:13px;
}


h4 {
   font-size: 13px;
   margin-bottom: 0;
}


h5 {
   font-size: 11px;
   margin-bottom: 0;
}


h6 {
   font: 11px normal;
   margin-bottom: 0;
}


h3 a {
	font-family: Georgia, Times, Serif;
	font-size: 14px;
}


blockquote {
	margin-left: 20px;
	margin-right: 0;
}



div#header {
	width: 778px;
   height:150px;
margin: 0 auto;
   background: #efead7 url("/images/josef-red-yellow.jpg") no-repeat;
   border:1px solid #333;
   border-width:4px 1px 0 1px;
}



/*  Lifted and adapted from somewhere on Listamatic, a long time ago.*/

#main-nav {
	width: 780px;
	margin: 0 auto;
   background: #555 /*url("http://www.dekita.org/graphics/3-cols03.gif") repeat-y*/;
   border-top: 1px solid #333;
}


#navlist {
	border-bottom: 1px solid #333;
	margin: 0;
	padding-bottom: 18px;
	padding-left: 185px;
	background: #333;
}
#navlist ul, #navlist li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navlist a:link, #navlist a:visited	{
   color: #fff;
	background: #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: none;
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin-right: 0;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	}


#navlist a:link#current, #navlist a:visited#current {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #333;
	}


#navlist a:link#leftmost, #navlist a:visited#leftmost {
	border-left: 1px solid #333;
	}


#navlist a:link#leftmostcurrent, #navlist a:visited#leftmostcurrent {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #333;
	color: #333;
	}


#navlist a:hover {
	color: #ff0;
	background: #777;
	}

#left p, #right p {
	line-height: 15px;
	font-size: 10px;
}


#left p {
	text-align: left;
}


#left ul {
   margin: 0;
   padding: 0;
   list-style-type: circle;
}


#left ol {
   margin: 0;
   padding: 20px;
}

#left li {
   margin: 0;
   padding:0;
}


#right a, #left a {
	color: #C00;
}


/* 

Where did that come from?

#left h3 {
   font-size: 12px;
   font-weight: bold;
   margin-top: 40px;
} */


#right ul, #left ul	{
	font: 10px/14px verdana, geneva, helvetica, sans-serif;
	color:#000;
	font-weight:normal;
	background:transparent;
	padding: 0px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
   padding-left: 10px;
	padding-right: 10px;
}


#right li, #left li 	{
	font: 10px/14px verdana, geneva, helvetica, sans-serif;
	font-weight: normal;
	background-image:url("http://www.tawawa.org/graphics/arrow333.gif");
	background-repeat:no-repeat;
	padding-left:7px;
	padding-bottom:3px;
}



/*////////////////  BOXES  ///////////////*/


#container {
	width: 778px;
	margin: 0 auto;
   background: #fff url("http://www.dekita.org/graphics/3-cols03b.gif") repeat-y;
   border:1px solid #333;
   border-width:0 1px;
   padding-top:1px;

}

#left, #center, #right {
   float:left;
}

#left {
	width: 166px;
	padding-top: 20px;
   border:none;
}

#center {
padding-top: 20px;
   padding-bottom:30px;
   width:430px;
}


#right {
	width: 180px;
	padding-top: 20px;
padding-bottom: 30px;
}

#clearer {
   clear:both;
   font-size:1px;
   line-height:1px;
   height:1px;
   margin-top:-1px;
}

#footer {
   margin: 0px;
   margin-left: auto;
   margin-right: auto;
   background: #ccc;
   border-top: 1px solid #999;
   border-right: 1px solid #333;
   border-bottom: 4px solid #333;
   border-left: 1px solid #333;
/*   border-width:1px 1px 4px 1px;*/
   width: 778px;
   clear:both;
}

#footer p {
	margin: 10px;
	padding: 0;
   text-align:center;
}

/*________________*/

#center p,
#center h1,
#center h2,
#center h3,
#center h4,
#center h5,
#center h6,
#center ol,
#center dt {
   margin-left: 15px;
   margin-right:10px;
}


#center li
{margin-bottom: 12px}

.caps {
	letter-spacing: 0.1em;
	font-size: 10px;
}




/*///////////  LINKS /////////////////////////////////////*/




a {
	text-decoration: none;
}



a:link, a:visited {
	text-decoration: none;
	color: #06f;
	background: transparent;
}


a:active {
	text-decoration: none;
	color: #03c;
	background: transparent;
}


a:hover {
	text-decoration: underline;
	color: #03c;
	background: transparent;
}




/*/////////////// MISC  ///////////////////////*/

.smallpic {
   margin: 0 7px 3px 0;
}
.article-linkage {text-align: right;}
#contactform {
   margin-left: 25px;
   margin-right:20px;
}


.txpCommentInputMessage {
background: #eee;
width:386px;
height:250px;
}

#What8217sonyourmind {
background: #eee;
width:386px;
height:250px;
}