html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
      margin: 0;
      padding: 0;
      border: 0;
}

body, p, div, td, th, tr, form, ol, ul, li, input, textarea, select, a {
	font-family: Arial, Helvetica, sans-serif;
}

p {
  margin-top: .2em;
}

body {
	/* background: #d8b69e url('img/bgpattern.png') repeat;*/
	background: #d8b69e;
	font-size: .8em;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #b93b22;
}

img {
	border: 0px;
}

.altText { display: none; }

.box-inside {
/*  margin-top: 1em; */
  padding: 1em 2em 2em 2em;
  text-align: justify;
  clear: left;
}

/* basic page layout */

html, body {
  height: 100%;
  min-width: 800px;
}

#page {
	/*width: 848px;*/

	/*min-height: 100%;*/

  width: 93%;
	margin: 0 auto 0 auto;
	text-align: center;
	/* background: url('img/page-bg.png') repeat-y center top;*/
}

/*
#innerpage {
  width: 95%;
	margin: 0 auto 0 auto;
}
*/

/*
#page-l {
	background: url('img/borderleft.png') top left repeat-y;
}

#page-r {
	background: url('img/borderright.png') top right repeat-y;
}

#innerpage {
	margin: 0 16px;
	background: #d8b69e;
}
*/

/* Box A */

.boxa-left {
  background: #fff0e2 url('img/boxa_left.png') top left repeat-y;
  margin-bottom: .5em;
}

.boxa-right {
  background: url('img/boxa_right.png') top right repeat-y;
}

.boxa-top {
  height: 10px;
  background: url('img/boxa_top.png') top left repeat-x;
}

.boxa-topleft {
  height: 10px;
  background: url('img/boxa_topleft.png') top left no-repeat;
}

.boxa-topright {
  height: 10px;
  background: url('img/boxa_topright.png') top right no-repeat;
}

.boxa-bottom {
  height: 10px;
  background: url('img/boxa_bottom.png') bottom left repeat-x;
}

.boxa-botleft {
  height: 10px;
  background: url('img/boxa_botleft.png') bottom left no-repeat;
}

.boxa-botright {
  height: 10px;
  background: url('img/boxa_botright.png') bottom right no-repeat;
}

.boxa-titletop {
  height: 56px;
  background: url('img/boxa_titletop.png') top left repeat-x;
}

.boxa-titleright {
  height: 56px;
  background: url('img/boxa_titleright.png') top right no-repeat;
}

/* Box B */

.boxb-left {
  background: #ffc184 url('img/boxb_left.png') top left repeat-y;
  margin-bottom: .5em;
}

.boxb-right {
  background: url('img/boxb_right.png') top right repeat-y;
}

.boxb-top {
  height: 10px;
  background: url('img/boxb_top.png') top left repeat-x;
}

.boxb-topleft {
  height: 10px;
  background: url('img/boxb_topleft.png') top left no-repeat;
}

.boxb-topright {
  height: 10px;
  background: url('img/boxb_topright.png') top right no-repeat;
}

.boxb-bottom {
  height: 10px;
  background: url('img/boxb_bottom.png') bottom left repeat-x;
}

.boxb-botleft {
  height: 10px;
  background: url('img/boxb_botleft.png') bottom left no-repeat;
}

.boxb-botright {
  height: 10px;
  background: url('img/boxb_botright.png') bottom right no-repeat;
}

.boxb-titletop {
  height: 56px;
  background: url('img/boxb_titletop.png') top left repeat-x;
}

.boxb-titleright {
  height: 56px;
  background: url('img/boxb_titleright.png') top right no-repeat;
}




#logoleft {
	height: 162px;
	background: url('img/logoleft.png') top left no-repeat;
}

#logoright {
	height: 162px;
	background: url('img/logoright.png') top right no-repeat;
}

#logomiddle {
	margin: 0 12px;
	height: 162px;
	background: url('img/logomiddle.png') top left repeat-x;
}

#navbar {
	position: relative;
	top: 145px;
	left: 13px;
}

#button-about {
	display: block;
	float: left;
	width: 74px;
	height: 42px;
	background: url('img/menuabout.png') 0px -42px no-repeat;
}

#button-about a {
	display: block;
	width: 74px;
	height: 42px;
	background: url('img/menuabout.png') top left no-repeat;
}

#button-about a:hover {
	background: transparent none;
}

#button-oekaki {
	display: block;
	float: left;
	width: 136px;
	height: 42px;
	background: url('img/menuoekaki.png') 0px -42px no-repeat;
}

#button-oekaki a {
	display: block;
	width: 136px;
	height: 42px;
	background: url('img/menuoekaki.png') top left no-repeat;
}

#button-oekaki a:hover {
	background: transparent none;
}

#button-tutorials {
	display: block;
	float: left;
	width: 105px;
	height: 42px;
	background: url('img/menututorials.png') 0px -42px no-repeat;
}

#button-tutorials a {
	display: block;
	width: 105px;
	height: 42px;
	background: url('img/menututorials.png') top left no-repeat;
}

#button-tutorials a:hover {
	background: transparent none;
}

#button-forum {
	display: block;
	float: left;
	width: 66px;
	height: 42px;
	background: url('img/menuforum.png') 0px -42px no-repeat;
}

#button-forum a {
	display: block;
	width: 66px;
	height: 42px;
	background: url('img/menuforum.png') top left no-repeat;
}

#button-forum a:hover {
	background: transparent none;
}

#button-downloads {
	display: block;
	float: left;
	width: 109px;
	height: 42px;
	background: url('img/menudownloads.png') 0px -42px no-repeat;
}

#button-downloads a {
	display: block;
	width: 109px;
	height: 42px;
	background: url('img/menudownloads.png') top left no-repeat;
}

#button-downloads a:hover {
	background: transparent none;
}

#button-links {
	display: block;
	float: left;
	width: 72px;
	height: 42px;
	background: url('img/menulinks.png') 0px -42px no-repeat;
}

#button-links a {
	display: block;
	width: 72px;
	height: 42px;
	background: url('img/menulinks.png') top left no-repeat;
}

#button-links a:hover {
	background: transparent none;
}

#main {
  margin: 76px 22px 0px 22px;
 	text-align: left;
}

#content {
  margin-right: 227px;
}

#content h2 {
  font-size: 1.3em;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

#content p {
  margin-bottom: .5em;
}

#whatis h2 {
	text-align: left;
}

#whatis p {
	text-align: left;
}

#extra {
  margin-top: 18px;
  float: right;
  width: 217px;
}

/*
#extra1 {
  width: 217px;
  height: 140px;
  margin-bottom: 8px;
  background: #fff0e2;
}

#extra2 {
  width: 217px;
  height: 140px;
  margin-bottom: 8px;
  background: #fff0e2;
}

#extra3 {
  width: 217px;
  height: 140px;
  margin-bottom: 33px;
  background: #fff0e2;
}
*/

#highlights {
  clear: both;
  margin: 33px 0px;
}

#highlights-inner {
  clear: both;
	height: 200px;
}


#footer {
	font-size: .8em;
	text-align: center;
	margin-top: 6em;
	padding-bottom: 5em;
	min-height: 200px;
}

#footer a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span {
	font-size: .8em;
}

#title-whatis {
  height: 56px;
  background: url('img/title_whatis.png') top left no-repeat;
}

#title-featured {
  height: 56px;
  background: url('img/title_featured.png') top left no-repeat;
}

#title-tutorials {
  height: 56px;
  background: url('img/title_tutorials.png') top left no-repeat;
}

#title-downloads {
  height: 56px;
  background: url('img/title_downloads.png') top left no-repeat;
}

#title-links {
  height: 56px;
  background: url('img/title_links.png') top left no-repeat;
}

/*
 * Oekaki board CSS
 */

#oekaki-menu {
  margin-bottom: 2em;
  font-size: 1.5em;
}

.oekaki-navbar {
  margin-top: 2em;
  margin-bottom: 2em;
}

.oekaki-item {
  margin-bottom: 2em;
}

.oekaki-title {
  font-size: 1.5em;
}

.oekaki-navbar-left {
	float: left;
	text-align: left;
}

.oekaki-navbar-right {
	float: right;
	text-align: right;
}

.oekaki-navbar-middle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
	
}

.oekaki-navbar-first {
	background: url('/img/nav_first.png') top left no-repeat;
 	padding-left: 20px;
}

.oekaki-navbar-previous {
	background: url('/img/nav_previous.png') top left no-repeat;
 	padding-left: 20px;
}

.oekaki-navbar-next {
	background: url('/img/nav_next.png') top right no-repeat;
 	padding-right: 20px;
}

.oekaki-navbar-last {
	background: url('/img/nav_last.png') top right no-repeat;
 	padding-right: 20px;
}