/* style sheet for Lightweight Language Spirit Official Site */
/* http://ll.jus.or.jp/2007/ */

* {
  color: black;
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  font-family: verdana, arial, helvetica, sans-serif;
}

body { margin: 0; background: url(images/bg.jpg);}
div { clear: both; }
hr { clear: both; }
strong {
  font-weight: bolder;
  font-style: inherit;
  font-size: inherit;
  color: inherit;
}
em {
  font-weight: inherit;
  font-style: italic;
  font-size: inherit;
  color: inherit;
}
a { color: #990000; margin: 0 2px;}
a:alink { color: ffcc00; }
a:hover { color: #0033cc; background: #ffffff;}


/* ========== main wrapper ============= */
div#body-container {
	width: 780px;
	margin: 0 auto;
	background: url(images/main_c_bg.jpg) repeat-y;
}

/* ============ head ========== */
div#head-container {
	font-size: 70%;
	margin: 0 0 10px 0;
}
div#navigation-pane {
	width: 760px;
	margin-left: 10px;
}
div#navigation-pane table {
  width: 760px;
}
td#navigation-pane-left {
  text-align: left;
  font-size: 90%;
  padding-left: 5px;
}

td#navigation-pane-right {
  text-align: right;
  font-size: 90%;
}
form.search > input {
  border-style: solid;
  border-color: #666666;
  border-width: thin;
}
form.search input[type="text"]{
	padding: 1px; 
	width: 90px;
	background: #ffeeee;
	margin: 0 1px;
}


/* ==== title ==== */
div#title-pane {
	background-color: transparent;
	margin-top: -24px;
	width: 780px;
	height: 115px;
	padding: 0;
}
div#title-pane h1 {
	height: 116px;
	text-indent: -9999px;
	background: url(images/llsp_logo.gif);
}


/* ============ main ========== */
div#main-container {
	margin: 0 0 30px 0;
	width: 780px;
}

/* ====== side menu ==== */
div#side-pane {
	clear: both;
	margin: 10px 20px 0 0;
	padding: 30px 0 0 10px;
	float: right;
	clear: none;
	width: 220px;
	height: 580px;
	background: url(images/menubg.gif);
	font-size: 100%;
}

div#side-pane h2{
	font-size: 90%;
	font-weight: bold;
	color: #990000;
	margin: 0 0 0 10px;
	padding: 0 0 1.5em 0;
	background: url(images/menu_hl.gif) no-repeat 0 1.3em;
	text-align: left;
}
div#side-pane ul {
	margin: 0 0 10px 10px;
	padding: 0 0 10px 0 ;
	list-style: none;
}
div#side-pane ul li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.2em;
	background: url(images/menu_marker.gif) no-repeat 0.4em 0.4em;
}



/* ====== main contents ==== */
div#main-pane {
	margin: 0 0 0 10px;
	padding: 5px 20px 0 20px;
	float: left;
	clear: none;
	width: 480px;
	font-size: 90%;
	background: url(images/mainpane.gif) repeat-y;
	line-height: 1.3em;
}

/* ====== text format =========== */
h1, h2, h3, h4, h5, h6 {
   text-align: left;
   font-weight: bold;
}
h1 { font-size: 120%;}
h2 { font-size: 110%;}
h3 { font-size: 100%;}
h4 { font-size: 100%;}
h5 { font-size: 90%;}
h6 { font-size: 90%;}

div#main-pane h2 {
	font-size: 110%;
	font-weight: bold;
	color: #cc0000;
	margin: 1em 0 1em 0;
	padding: 5px 0 0 28px;
	background: url(images/h2_head.gif) no-repeat;
}
div#main-pane h3 {
	font-size: 100%;
	font-weight: bold;
	color: #990000;
	margin: 1.5em 0 0.5em 0;
	padding: 0;
}

div#main-pane p {
	margin 1em 0 30px 0;
	padding: 0 0.5em;
}

div#main-pane table.inbody {
	margin: 0 0 20px 20px;
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #cc9999;
	background: url(images/bg_wh.gif);
}
div#main-pane table.inbody th,
div#main-pane table.inbody td{
	padding: 4px;
	border: 1px solid #cc9999;
	font-size: 90%;
}


ol, ul {
	line-height: 1.2em;
	margin: .5em 0 1.2em 2.5em;
	font-size: 90%;
}
ol li, ul li {
	margin-bottom: 0.8em;
}

a > img { border-style: solid; border-width; 1px; border-color: #cccccc; }


hr {
  padding: 0pt; margin: 0pt;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #729669;
}

pre {
  background-color: #ffffee;
  border-color: #bbccbb;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em;
  font-family: monospace;
}




div#page-footer {
	padding: 1em;
	text-align: right;
	font-size: 80%;
	line-height: 1.2em;
	color: #666666;
}


/* ============ bottom ============= */
div#bottom-pane {
	margin: 0 10px 0 10px;
	padding: 30px 0 0 0;
	width: 780px;
	height: 131px;
	background: url(images/foot.gif) left bottom no-repeat;
	border-style: none;
}
div#bottom-pane p {
	padding: 70px 0 0 0;
	font-size: 80%;
	color: white;
	text-align: center;
}

div#bottom-pane a { color: white; }
div#bottom-pane a:hover { color: #333333; }

/* ======== edit ======== */
div#edit-menu {
  text-align: right;
  font-size: 90%;
  color: #777777;
}

p.warning {
  color: #ff0000;
}

table.user-form th {
  text-align: right;
  padding-right: 5pt;
}

form.inline-object-upload { display: inline; }
form.page-editor textarea {
  width: 465px;
}

.macro-error { background-color: #ee5555; }
.simplecommentmacro { font-size: 80%; }
.commentform { font-size: 80%; }
.comments { font-size: 80%; }
.highlight { background-color: yellow; }

table.version-info th {
  font-weight: bold;
  text-align: left;
}

/* ========== rss-include ========= */
div.rss-include-entry div.rss-entry-footer {
  display: none;
}

/* ========== SPAM trap ========== */
fieldset.ookwiifdokfuafga {
  display: none;
}
