body {
	background-color: #cdc;
	color: #000;
	width: 728px;
	margin-left: auto;
        margin-right: auto;
}


.header {
	color: #000000;
	background-color: #ccddcc;
        float:left;
        margin:0px;
	text-align: left;
	font-size: small;
	padding: 0px;
        width: 728px;
	border-bottom: 1px solid #FFFFFF;
	}

.header h1 {
        margin:3px;
        padding:0px;
}

.header p {
        margin:3px;
        padding:0px;
}
/* definitions applying to the contents block */
.contents {
	  margin: 4px;
	  padding: 4px;
	  float:left;
          line-height: 1.3em;       
	  width: 500px;
	  color: #000;
}

.menu {
      padding: 5px 0px 0px 0px;
      margin: 0px;
      float:left;
      text-align:center;
      line-height: 1.25em;       
      width: 200px;
      background-color: #9c9;
      color: #333;
      font-size: small;	
}

/*
	Definitions for headers in the menu (.menu h2), page titles (h1) 
	and dateheads (.contents h2):
	- page titles are centered (within the .contents div)
	- menu headers (h2) use a small font
	- dateheads use a large font and are in a box
*/


.menu a {
	font-size: small;
}


/* 
	Definitions for the item listings like they are done on the main page and in archives
	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author, and the amount of comments
	
	anchors in the iteminfo (.iteminfo a) are not underlined and bold
*/

/* blog title */
h3.menu {
	font-size: large;
	text-align: center;
	padding: 0px; 
	margin: 5px 5px 0px 5px;
}

/* item title */
.item {
	background-color: whitesmoke;
	border-width: 1px 1px 1px 5px;
	border-color: #154;
	border-style:solid;
	padding: 5px; 
	font-size: large;
	margin: 5px;
}

.midasi  {
	font-size: small;
	margin: 0px;
	margin-top: 10px;
}

.itembody {	
	margin-top: 5px;	
	margin-bottom: 5px;
}

.iteminfo {	
	font-size: x-small;
	color: #333333;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	text-decoration: none;
}
a:hover {
	background-color: #ff9;
}

/*
	Definitions of how comments listings look like on item pages
	- h3.comment contains the name of the comment author
	- .commentbody contains the text from the comment
	- .commentinfo contains the time of commenting
*/

/* comment title */
h3.comment {
	font-size: medium;
	margin-bottom: 10px;
}

.commentbody {
	text-align: justify;
}

.commentinfo {	
	font-size: x-small;
	color: gray;
}


/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
	
	both boxes have slightly larger text, and take a maximum of 20% of 
	the width of the contents.
*/

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;	
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;	
}


/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) have a yellow background
*/

img {
	border: none;
}

.skip {
	display: none;
}

.highlight {
	background-color: yellow;
}

.googleads {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}

.center {
	text-align: center;
}

.nextprevlink {
	margin: 5px;
	padding: 3px;
	line-height: 1.25em;
}

.grouptitle {
	    color: #000000;
	    background-color: #66cc66;
	    font-size: small;
            line-height: 1.2em;
	    width: 460px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 3px;
	    margin-bottom: 0px;
	    padding: 0px;
	    text-align: center;
	    letter-spacing: .1em;
	border-width: 1px;
	border-color: #6c6;
	border-style:solid;
}

ul.groupbody {
	list-style: none;
        width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px 5px 5px 5px;
	border-width: 1px;
	border-color: #6c6;
	border-style:solid;
	background-color: #ccddcc;
	font-size: small;
	text-align: left;
	line-height: 1.2em;       
}


.kanrenkiji {
	    color: #000000;
	    background-color: #66cc66;
	    font-size: small;
            line-height: 1.25em;
	    width: 468px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 3px;
	    margin-bottom: 0px;
	    padding: 0px;
	    text-align: center;
	    letter-spacing: .1em;
}

ul.kanren {
	list-style: none;
	width: 456px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px 5px 5px 5px;
	border-width: 1px;
	border-color: #6c6;
	border-style:solid;
	background-color: #ccddcc;
	font-size: x-small;
	text-align: left;
	line-height: 1.3em;       
}

.menumidasi {
	    color: #000000;
	    background-color: #ccaa33;
	    font-size: small;
            line-height: 1.25em;       
	    margin-left: 10px;
	    margin-right: 10px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    padding: 0px;
	    text-align: center;
	    letter-spacing: .1em;
}

.menu ul {
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 5px 5px 5px;
	background-color: #eeeecc;
	border-color: #ccaa33;
	border-style: solid;
	border-width: 1px;
	font-size: x-small;
	text-align: left;
	line-height: 1.25em;       
}

ul.viewbody {
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px 5px 5px 5px;
	background-color: #eeeecc;
	border-color: #ccaa33;
	border-style: solid;
	border-width: 1px;
	font-size: x-small;
	text-align: left;
	line-height: 1.25em;       
}

li {
   margin-bottom: 5px;
   margin-top: 5px;
}

pre {
   font-size:x-small;
}
.mysite {	
	margin-left: auto;	
	margin-right: auto;	
	background-color: #eeeecc;
	font-size: small;
	text-align: center;
	line-height: 1.25em;       
}