/* KEY COLORS
*/

/* -------- Common Styles -------- */
html {
  margin: 0px;
  border: 0px;
  padding: 0px 16px 0px 16px;
  height: 100%;
  background: url("./images/bg_html.png") repeat-x left top #999999;
}

body {
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 0px 0px;
  width: 770px;
  height: 100%;
  min-width: 760px;
  min-height: 100%;
  position: relative;
  color: #333333;
  background: url("./images/bg_contents.png") repeat-y;
}
html > body {
  height: auto;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.even {
  background: #EEEEEE;
}
.odd {
  background: #FFFFFF;
}
.last:after {
  content: "Clear Both";
  clear: both;
  display: block;
  width:0px;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.clearBoth {
  display:none;
  _display: block;
  clear: both;
}


/* -------- Layouts -------- */

/* Header Area */
#headerArea {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
  height: 144px;
  color: #FFFFFF;
  background: url("./images/bg_header.png") no-repeat right top;
  color: #FFFFFF;
  position: relative;
}
#companyLogo {
  margin: 0px;
  padding: 8px;
  width: 226px;
  height: 128px;
  background: url("./images/bg_header_logo.png") no-repeat;
}
#companyLogo a {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 210px;
  height: 96px;
  overflow: hidden;
  text-indent: -10000px;
  font-size: 12px;
}
#companyLogo a:hover {
  text-decoration: underline;
}
/* Contents Area */
#contentsArea {
  margin: 0px;
  padding: 0px 8px 56px 0px;
  min-width: 736px;
  _height: 1%;

}

  /* Left Column */
#leftColumn {
  margin: 0px;
  padding: 0px;
}
#leftColumn .block {
}
#leftColumn .blockTitle {
  display: none;
}

/* Right Column */
#rightColumn {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 8px;
  width: 180px;
  background: url("./images/bg_column_r.png") no-repeat center bottom red;
  position: relative;
  top: 0px;
  right: 0px;
}

#rightColumn .block {
  margin: -8px 0px 16px 0px;
  width: 180px;
  background: url("./images/bg_block_content_r.png") repeat-y;
}
#rightColumn .blockTitle {
  margin: 0px;
  padding: 8px 8px 8px 8px;
  background: url("./images/bg_block_header_r.png") no-repeat center top;
}
#rightColumn .blockContent {
  margin: 0px;
  padding: 0px 8px 8px 8px;
  background: url("./images/bg_block_footer_r.png") no-repeat center bottom;
}
#rightColumn a {
  color: #FF4000;
}
/*
#rightColumn a:visited {
  color: #FF9933;
}
*/
#rightColumn a:hover {
  color: #FF4000;
}

/* Center Column */
#centerColumn {
  margin: 0px 200px 0px 0px;
  padding: 0px 0px 8px 16px;
  border: 0px solid #000000;
}
#centerColumn a {
  color: #FF4000;
}
#centerColumn a:visited {
  color: #FF9933;
}
#centerColumn a:hover {
  color: #FF4000;
}

/* Center - Left Column */
#centerLColumn {
  margin: 0px auto 16px 0px;
}
#centerLColumn .block {
  margin: 0px 0px 12px 0px;
  padding: 0px;
  border: 0px solid #000000;
  width: 534px;
  position: relative;
  line-height: 1.5;
}
#centerLColumn .blockTitle {
  margin: 0px;
  padding: 14px 12px 14px 12px;
  background: url("./images/bg_main_header.png") no-repeat;
  height: 20px;
  color: #FFFFFF;
  line-height: 1em;
  font-size: 20px;
  text-transform: uppercase;
  overflow: hidden;
}
#centerLColumn .blockContent {
  margin: 0px;
  padding: 16px 16px 28px 16px;
  background: url("./images/bg_main_footer.png") no-repeat bottom;
}
#centerLColumn .blockContent h4 {
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 4px 2px;
  border: 0px solid #FF4000;
  border-width: 0px 0px 4px 0px;
  font-size: 1.5em;
  line-height: 1;
}
#centerLColumn .blockContent h4 a {
  color: #333333;
}
#centerLColumn .blockContent code {
  margin: 0px 2px;
  border: 1px dashed #999999;
  padding: 1px 4px;
  background: #FFEECC;
}


/* Main Content */
#blockMain {
  margin: 0px 0px 12px 0px;
  padding: 0px;
  border: 0px solid #000000;
  width: 536px;
  position: relative;
  line-height: 1.5;
  overflow: hidden;
}
#mainTitle {
  margin: 0px;
  padding: 14px 12px 14px 12px;
  background: url("./images/bg_main_header.png") no-repeat;
  height: 20px;
  color: #FFFFFF;
  line-height: 1em;
  font-size: 20px;
  text-transform: uppercase;
  overflow: hidden;
}
#mainContent {
  margin: 0px;
  padding: 16px 16px 16px 16px;
  background: url("./images/bg_main_footer.png") no-repeat bottom;
}
#mainContent h4 {
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 4px 2px;
  border: 0px solid #FF4000;
  border-width: 0px 0px 4px 0px;
  font-size: 1.4em;
  line-height: 1;
}
#mainContent h4 a {
  color: #333333;
}
#mainContent pre {
  margin: 0px 2px;
  border: 1px dashed #999999;
  padding: 1px 4px;
  background: #FFEECC;
}
#mainContent input#subject {
  width: 420px;
}
#mainContent textarea#message {
  width: 420px;
}

/* Center - Center Column */
#centerCColumn {
  margin: 0px auto;
}
#centerCColumn .block {
  margin: 0px 0px 12px 0px;
  padding: 0px;
  width: 534px;
  position: relative;
  background: url("./images/bg_block_content_cc.png") repeat-y;
}
#centerCColumn .blockTitle {
  margin: 0px;
  padding: 18px 48px 12px 48px;
  background: url("./images/bg_block_header_cc.png") no-repeat top left;
  height: 18px;
  font-size: 18px;
  line-height: 1;
}
#centerCColumn .blockContent {
  margin: 0px;
  padding: 8px 64px 28px 64px;
  background: url("./images/bg_block_footer_cc.png") no-repeat bottom left;
}
#centerCColumn .linkFeed {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 24px;
  height: 24px;
  background: url("./images/feed-icon-24x24.png") no-repeat;
  position: absolute;
  top: 16px;
  right: 42px;
  overflow: hidden;
  text-indent: -10000px;
}
#centerCColumn .wpRecentPost ul {
  margin: 0px;
  padding: 0px;
}
#centerCColumn .wpRecentPost ul ul {
  margin: 0px;
  padding: 0px 0px 0px 1.5em;
}


/* Footer Area */
#footerArea {
  padding: 0px 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 64px;
  background: url("./images/bg_footer.png") no-repeat right top #999999;
  font-size: 12px;
  color: #FFFFFF;
  min-width: 760px;
}
#copyright {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 34px 0px 0px 20px;
  height: 30px;
  background: url("./images/bg_footer_l.png") no-repeat left top;
}
#footerNavi {
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 20px;
  top: 34px;
  list-style: none;
}
#footerNavi li {
  padding: 0px 4px;
  float: left;
}
#footerNavi li a {
  color: #FFFFFF;
  text-decoration: none;
}
#footerNavi li a:visited {
  color: #999999;
} 
#footerNavi li a:hover {
  text-decoration: underline;
}


/* -------- Sorting by Modules -------- */
/* userinfo.php */
#userAllAbout, #userStatistics {
}
#userAllAbout dl, #userStatistics dl {
  clear: both;
}
#userAllAbout dd dl, #userStatistics dd dl {
  position: relative;
}
#userAllAbout dl dt, #userStatistics dl dt {
  clear: both;
  margin: 2px 0px 2px 0px;
  position: absolute;
}
#userAllAbout dd dd, #userStatistics dd dd {
  margin: 2px 0px 2px 0px;
  padding-left: 10em;
}
#userAllAbout dd dd img, {
  vertical-align: bottom;
}




/* -------- Some Blocks -------- */

/* Main Menu Block */
#systemBlockMainmenu {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  list-style: none;
  position: absolute;
  left: 226px;
  top: 70px;
}
#systemBlockMainmenu li {
  float: left;
  margin: 0px 8px 2px 0px;
  padding: 0px 12px 0px 0px;
  height: 20px;
  background: url("./images/bg_btn_menu_r.png") no-repeat right top;
  line-height: 12px;
  overflow: hidden;
}
#systemBlockMainmenu a {
  display: block;
  padding: 4px 0px 4px 12px;
  background: url("./images/bg_btn_menu_l.png") no-repeat left top;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
/*
#systemBlockMainmenu a:visited {
  color: #999999;
}
*/
#systemBlockMainmenu a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

#systemBlockMainmenu .submenu {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 64px;
  left: -210px;
}
#systemBlockMainmenu .submenu li {
    margin: 0px;
    border: 1px solid #000000;
    border-width: 0px 0px 0px 1px;
    padding: 0px 4px;
    height: 1em;
    background: none;
}
#systemBlockMainmenu .submenu li.last {
    border-width: 0px 1px;
}
#systemBlockMainmenu .submenu li a {
  display: inline;
  margin: 0px;
  padding: 0px;
  height: 1em;
  background: none;
  color: #FF4000;
}



/* User Menu */
#systemBlockUserTitle {
}
#rightColumn #systemBlockUserContent {
}
#picoBlockMenu li,
#systemBlockUserContent li {
  margin: 0px 0px 2px 1.5em;
}

/* Login Block */
#systemBlockLoginTitle {
}
#systemBlockLoginContent {
}
#systemBlockLoginContent fieldset {
  margin: 0px;
  border: 0px;
  padding: 0px;
}
#systemBlockLoginContent legend {
  display: none;
}
#systemBlockLoginContent .formItems {
  margin: 0px 0px 4px 0px;
  border: 1px solid #999999;
  border-width: 0px 0px 1px 0px;
  padding: 0px 0px 4px 1.5em;
}
#systemBlockLoginContent .formItems li {
  margin: 0px 0px 4px 0px;
}
#systemBlockLoginContent .listLinks {
  margin: 0px;
  padding: 0px 0px 0px 1.5em;
}
/* Search Block */
#systemBlockSearchContent {
  position: absolute;
  top: 16px;
  right: 24px;
  color: #FFFFFF;
}
#systemBlockSearchContent {
  margin: 0px;
}

/* TinyD Navigation Block */
#tinycontent0NavBlockContent {
  margin-bottom: 0px;
}

/* Xoops Update Notice Block */
#blockUpdateNoticeContent .notation {
  margin: 0px;
  padding: 0px 0px 2px 0px;
  color: red;
  font-weight: bold;
}
#blockUpdateNoticeContent .updateList {
  margin: 2px 0px 4px 0px;
  border: 1px solid #999999;
  border-width: 1px 0px 1px 0px;
  padding: 2px 0px 0px 1.5em;
}
#blockUpdateNoticeContent .updateList li {
  margin: 0px 0px 2px 0px;
}

/* Download Xoops Update Block */
#blockDownloadXoopsUpdateTitle {
  display: none;
}
#rightColumn #blockDownloadXoopsUpdateContent {
  margin: 0px;
  padding: 0px;
  width: 180px;
  height: 62px;
  text-align: right;
}
#rightColumn #blockDownloadXoopsUpdateContent a {
  display: block;
  margin: 0px 0px -19px 0px;
  padding: 0px;
  width: 180px;
  height: 62px;
  background: url("./images/btn_dl_xoopsupdate.png") no-repeat left top;
  text-indent: -10000px;
  text-align: left;
  white-space: nowrap;
}
#rightColumn #blockDownloadXoopsUpdateContent a:hover {
  background: url("./images/btn_dl_xoopsupdate.png") no-repeat left bottom;
}
#rightColumn #blockDownloadXoopsUpdateContent .description {
  padding: 0px 4px 0px 0px;
  color: #FFFFFF;
  font-size: 12px;
}
/* add by nobu, 2006/10/13 */
.comDate,.comUserRankText,.comUserStat,.comUserStatus { font-size: 80%; }
.comDateCaption,.comUserStatCaption { font-weight: bold; }
.comTitle { font-weight: bold; margin-bottom: 0.5em; }
td.comUser { vertical-align: top; }
div.updateinfo { font-size: 0.8em; height: 2em; }
div.updateprof { width: 50%; float: left; }
div.updatelink { width: 50%; float: right; text-align: right; }
.pkgcategory dt { font-weight: bold; margin-top: 0.5em; }
.more { text-align: right; }
#mainContent ul { padding-left: 2em; }
#mainContent ul li { margin-bottom: 0.5em; }
#mainContent dl { margin-bottom: 0.5em; }
#mainContent dd { margin-left: 1em; }
#mainContent dt { margin-top: 0.25em; }
#mainContent pre { overflow-x: auto; }
#svrcategory { text-align: right; }

#langSelect {
  top: 95px; right: 10px;
  position: absolute;
}

textarea#comment,
textarea#description,
textarea#body,
input#vpath
{ width: 95%; }

textarea#cc5, input#cc3 { width: 400px; }
div.breadcrumbs {
    top: 95px; left: 240px;  position: absolute; width: 40%;
    font-size: 80%;
}
div.breadcrumbs a {
    color: #FF4000;
}