﻿@charset "UTF-8";
/* Template for MODx, name is "cube".  by Studio LioLion */
/* CUBE BLACK */
/* ++++++ BASIC STRUCTURE ++++++ */
body {
  color: #ccc;
  background-color: #222;
  /* background-image: url('images/sdow-666.gif'); */
}
a:visited {
	color:#fed;
}
a:link {
	color:#fed;
}
a:hover {
	color:#fc0;
	border:0px none transparent;
}
table.bbslistup {
	background-color:#212121;
	border-collapse:collapse;
	width:90%;
	margin-left:5%;
	margin-bottom:1em;
	border:1px solid #663;
}
/* \*/
* html table.bbslistup {
	width:80%;
}
/*  */
table.bbslistup td, table.bbslistup th {
	border:1px solid #663;
	padding:0 10px 0;
}

.PR {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	/* background-color:#6c0; */
	color:#ffc;
	margin-top:8px;
}
.autopresen {
	text-align:center;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
.easypoll_bar {
    height:8px;
    background-color:#FFF;
/**/
    margin:1px 0 3px 0;
/**/
}
.pollvotes ul {
	list-style:none;}

.easypoll_inner {
    height:100%;
    background:url('/asset/templates/modxhost/images/foot_4x82.jpg') repeat-x top left;
    background-color:#618200;
}
.contentsbody .pollvotes h2, .contentsbody .pollresults h2{
	color:#cbb;
	background-image:url(images/lm04-black.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	line-height:1.2em;
	margin:0.5em 20px 10px 22px;
	padding:5px 5px 5px 15px;
	border-bottom:1px solid #600;
  font-size:1em;
}

/* ++++++ LAYOUT ++++++ */
#underbox {
  border-right: 3px solid #330;
  border-bottom: 3px solid #330;
  margin-top: 4px;
  border-left: 3px solid #330;
  background-color: #000;
  margin-bottom: 4px;
}
#header {
  background-color: #000;
  background-image: url('images/header-bg-dyellow.gif');
  background-repeat: repeat-x;
  padding-top: 30px;
}
#container {
	background-color:#000;
	background-image:url(images/ubar-960.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
	padding:10px 0px 3px;
}
#sidebar1{
  color: #ccc;
  background-color: #220;
}
#contents{
	color:#bbb;
}
#footer {
  background-image: url('images/header-bg-dred.gif');
  background-repeat: repeat-x;
  padding-top: 24px;
  padding-bottom: 16px;
}

/* ++++++ COMMON ++++++ */
/* +++ HEADER +++ */
#header h1.sitename {
  color: #fee;
  background-image: url('images/headerinner_bg-gray.gif');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  margin: 0px 0px 0px 0px;
  padding: 18px 20px 36px 110px;
  font-size: 2em;
  font-family: palatino, georgia, "times new roman", serif;
  font-style: italic;
}
#header h1.sitename a:hover {
  color: #ffe;
}
#header h1.sitename a:visited {
  color: #ffe;
}
#header h1.sitename a:link {
  color: #ffe;
}
#header h1.sitename a {
  color: #ffe;
}
#header p {
	padding:0px 20px;
}
#headerinner {
  background-repeat: no-repeat;
  background-position: 400px 40px;
}

/* +++ GLOBALNAV +++ */
#globalnav {
  background-image: url('images/line03.gif');
  background-repeat: repeat-x;
  background-position: 0 100%;
  padding: 16px 0px 5px;
}
#globalnav ul {
  background-position: 0 100%;
  border-bottom: 0px;
  background-repeat: repeat-x;
}
#globalnav ul li a {
  color: #eee;
  background-color: #000;
  padding: 0.5em 0px 0.25em;
  border-top: 1px solid #fc6;
  border-right: 2px solid #960;
  background-repeat: repeat-x;
}
/* #globalnav ul li.first a {
	border-left:1px solid #fc6;
} */
#globalnav ul li.last a {
	border-left:1px solid #fc6;
}

#globalnav ul li a:visited {
	color:#eee;
}
#globalnav ul li a:link {
	color:#eee;
}
#globalnav ul li a:hover {
	color:#300;
  background-color:#FFAD00;
}

#globalnav ul li.here a:visited {
background-color:#300;
}

#globalnav ul li.here a:link {
background-color:#300;
}

#globalnav ul li.here a {
background-color:#300;
}
#globalnav ul li.here a:hover {
background-color:#fc6;
}
/* +++ CONTAINER +++ */
/* +++ CONTENTS +++ */
.contentsbody {
  background-color: #000;
  margin: 0px 4% 5px 6%;
  padding: 0px 8px 8px;
}
.contentsbody h1{
	color:#bcc;
	background-image:url(images/lm01-black.gif);
	background-repeat:no-repeat;
	font-size:1.25em;
	margin:1em 0px 0.5em;
	padding:8px 0px 10px 40px;
	border-bottom:3px double #630;
}
.contentsbody h2{
	color:#bcc;
	background-image:url(images/lm02-black.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	margin:1em 10px;
	padding:5px 20px;
	border-bottom:1px solid #660;
}
.contentsbody h3{
	color:#cbb;
	background-image:url(images/lm04-black.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	line-height:1.2em;
	margin:0.5em 20px 10px 22px;
	padding:5px 5px 5px 15px;
	border-bottom:1px solid #600;
}
.contentsbody h4{
  font-weight: bold;
  margin: 0.75em 10px 0.5em 26px;
  padding-left: 5px;
  border-left: 3px solid #066;
  color: #ccb;
}
.contentsbody h5{
  color: #ccb;
	background-image:url(images/lm05-darkyellow.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	font-weight: bold;
  margin: 0.75em 10px 0.5em 26px;
  padding-left: 12px;
}

.contentsbody p {
	margin:0px 10px 0.5em 34px;
}
.contentsbody ol li p {
  margin-left: 1em;
}

.contentsbody em {
	color:#cc0;
	font-style:normal;
	font-weight:bold;
}
.contentsbody strong {
  color: #FF33CC;
}
.contentsbody blockquote {
	margin:0px 1.5em 1em 34px;
}

.hidepage {
	display:none;
}
/* +++ PRE +++ */
.contentsbody pre {
 margin: 0px 20px 1em 34px;
}
.contentsbody pre.basiccode {
	line-height:2em;
	padding:8px;
  border-top: 1px solid #666;
  border-right: 2px solid #333;
  border-left: 1px solid #666;
  border-bottom: 2px solid #333;
}
.contentsbody pre.code {
	padding:8px;
  border-top: 1px solid #666;
  border-right: 2px solid #333;
  border-left: 1px solid #666;
  border-bottom: 2px solid #333;
}

.contentsbody pre code.codeblock{
	margin:0px;
}

.contentsbody p code.codeblock {
  margin: 0px 10px 0px 0px;
}
.contentsbody code.codeblock {
  display: block;
  margin: 0px 6px 0px 16px;
  padding: 8px;
  border-top: 1px solid #666;
  border-right: 2px solid #333;
  border-left: 1px solid #666;
  border-bottom: 2px solid #333;
  overflow: auto;
}
/*  \*/
* html .contentsbody code.codeblock {
	line-break:strict;
	word-break:break-all;
	word-wrap:break-word;
}
/*  */

.contentsbody dl dd pre {
  margin: 8px 0px 0px;
  padding: 0px;
}

.contentsbody pre.sample {
  padding: 8px;
  border-top: 1px solid #666;
  border-right: 2px solid #333;
  border-left: 1px solid #666;
  border-bottom: 2px solid #333;
  overflow: auto;
}

.contentsbody dl dd pre.sample {
  margin: 0px;
  padding: 8px;
  border-top: 1px solid #666;
  border-right: 2px solid #333;
  border-left: 1px solid #666;
  border-bottom: 2px solid #333;
  overflow: auto;
}
.contentsbody dl dd code.codeblock {
  margin: 0px;
}

.contentsbody dl dd pre code.codeblock {
	margin:0px;
}
.contentsbody ul li code.codeblock {
  margin: 0px;
}

.contentsbody ul li pre code.codeblock {
	margin:0px;
}

.contentsbody dl {
	margin:0px 16px 1em 34px;
}
.contentsbody dl dd.outputsample{
  padding: 8px;
  border-top: 1px solid #666;
  border-right: 2px solid #333;
  border-left: 1px solid #666;
  border-bottom: 2px solid #333;
}

/* +++ CLASS +++ */
.contentsbody p.category{
	text-align:right;
}
.contentsbody p.subcategory {
	text-align:right;
}
.contentsbody p.refer{
	text-align:right;
}

.contentsbody div.introtext {
	margin:1em 26px 0.5em;
	padding:0.5em 0px;
}
.contentsbody div.introtext p{
	margin:0px 8px;
}
.contentsbody .clear {
	clear:both;
}
.contentsbody img.imgL {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	vertical-align:top;
	border:3px solid #666;
}
.contentsbody img.imgR {
	float:right;
	margin-left:10px;
	margin-bottom:20px;
	border:3px solid #666;
	vertical-align:top;
}

.contentsbody img.imgC {
	margin-right:10px;
	margin-bottom:20px;
	vertical-align:top;
	border:3px solid #666;
}

.contentsbody p.imgblockC {
	text-align:center;
}

/* +++ ADSENCE TOP child +++ */
div.adsencetopchild {
	margin:0 8px 0.5em;
	padding:0px 36px 8px;
}
div.adsencemidchild {
	margin:1.5em 26px 1em 96px;
	padding:1em 1em 0px;
	border-top:1px solid #330;
}


/* +++ TITLE LIST BY WAYFINDER +++ */
.contentsbody div.titlelist {
}
.contentsbody .titlelist ul {
	list-style:none;
}
.contentsbody .titlelist ul li {
	background-image:url(images/lm04-black.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:0em 0.5em;
}
.contentsbody div.update ul li {
	color:#999;
}
.contentsbody div.update a:visited {
	color:#ddd;
}
.contentsbody div.titlelist a:visited {
	color:#ddd;
}
.contentsbody div.update a:link {
	color:#ddd;
}
.contentsbody div.titlelist a:link {
	color:#ddd;
}
.contentsbody div.update a {
	color:#ddd;
}
.contentsbody div.titlelist a {
	color:#ddd;
}
.contentsbody div.update a:hover {
	color:#fc0;
}
.contentsbody div.titlelist a:hover {
	color:#fc0;
}
/* UPDATE LIST BY DITTO +++ */
.contentsbody div.update {
}
.contentsbody h1.update {
	color:#600;
	border-bottom:3px double #333;
}
.contentsbody div.update h2 {
	display:inline;
	padding:0px;
	margin:0px;
}
.contentsbody div.update p {
	display:inline;
	padding:0px;
	margin:0px;
}
.contentsbody div.update h2 {
	color:#bcc;
	background-color:transparent;
	background-image:none;
	font-size:1em;
	font-weight:normal;
	margin:0px 1em;
	border:none;
}

.contentsbody div.update p.recent {
	margin-left:1em;
	color:#f00;
}

/* HOTNEWS LIST BY DITTO +++ */
.contentsbody div.hotnews {
}
.contentsbody h1.hotnews {
	color:#fc6;
}
.contentsbody div.hotnews h2 {
	display:inline;
	padding:0px;
	margin:0px;
}
.contentsbody div.hotnews p {
	display:inline;
	padding:0px;
	margin:0px;
}
.contentsbody div.hotnews h2 {
	color:#bcc;
	background-image:none;
	background-color:transparent;
	font-size:1em;
	font-weight:normal;
	margin:0px 1em;
	border:none;
}

.contentsbody div.update .category a:visited {
	color:#dcc;
}

.contentsbody div.update .category a:link {
	color:#dcc;
}

.contentsbody div.update .category a {
	color:#dcc;
}
.contentsbody div.update .category a:hover {
	color:#fc9;
}

/* +++ ENTYR LIST BY DITTO +++*/
.contentsbody div.entrylist p.more {
	text-align:right;
}
.contentsbody div.entrylist p.more a:visited {
	color:#066;
}
.contentsbody div.entrylist p.more a:link {
	color:#066;
}
.contentsbody div.entrylist p.more a {
	color:#066;
}
.contentsbody div.entrylist p.more a:hover {
	color:#0cc;
}
.contentsbody p.posted {
	font-style:italic;
	text-align:right;
}

/* +++ PAGES ++++ */
.contentsbody .contindex ol {
	margin-bottom:2em;
}
.contentsbody .contindex ol li {
	font-weight:bold;
	margin-bottom:0.5em;
}
.contentsbody .contindex ol ul li {
	border-bottom:1px dashed #666;
}
.solved {
	color:#c00;
	font-weight:bold;
}
.avoided {
	color:#900;
	font-weight:bold;
}
.added {
	font-weight:bold;
	color:#c00;
	font-style:italic;
	margin:0px 1em;
}
.contentsbody .piex .rssff2 p {
	margin:0px 20px;
}
.piex p.cat {
	text-align:right;
}

.piex p.posted {
	text-align:right;
}

/* ++++ NewsManager ++++ */
.contentsbody div.nm_form {
	margin:0px 0px 1em 20px;
}
.contentsbody div.nm_form form {
	display:inline;
}

.contentsbody div.nm_form form.show {
	margin:0px 0px 1em 20px;
}

/* ++++ SIDEBAR1 ++++ */
#sidebar1 h2 {
  color: #eee;
  background-color: #000;
  background-image: url(images/lm02-black.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;
  padding: 8px 5px 8px 25px;
  border-top: 3px double #666;
  border-bottom: 3px double #666;
}

#sidebar1 .sidemenu ul {
	list-style:none;
	padding-left:5px;
}
#sidebar1 .sidemenu ul li{
  border-bottom: 1px dashed #333;
}

#sidebar1 .sidemenu a {
	color:#666;
	background-image:url(images/lm03-black.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	padding:5px 5px 5px 24px;
}
#sidebar1 .sidemenu a:visited {
	color:#ccc;
}
#sidebar1 .sidemenu a:link {
	color:#ccc;
}
#sidebar1 .sidemenu a:hover {
  color: #333;
  background-color: #FFAD00;
}

#sidebar1 .sidemenu ul li.here a:visited {
	color:#fc6;
	background-color:#300;
}

#sidebar1 .sidemenu ul li.here a:link {
	color:#fc6;
	background-color:#300;
}

#sidebar1 .sidemenu ul li.here a {
	color:#fc6;
	background-color:#300;
}
#sidebar1 .sidemenu ul li.here a:hover {
	color:#333;
	background-color:#f90;
}
#sidebar1 p.more {
	margin-top:5px;
	margin-right:5px;
	text-align:right;
}
#sidebar1 p.rss a:visited {
	color:#ccc;
	background-color:#300;
}
#sidebar1 p.rss a:link {
	color:#ccc;
	background-color:#300;
}
#sidebar1 p.rss a {
	color:#ccc;
	background-color:#300;
}
#sidebar1 p.rss a:hover {
	color:#666;
	background-color:#fc6;
}
#sidebar1 div.recommended {
	text-align:center;
}
#sidebar1 div.recommended img {
	border:1px solid #999;
}
#sidebar1 div.recommended ul {
	list-style:none;
	padding:0px 16px;
}
#sidebar1 div.recommended ul li{
  margin-bottom: 0.5em;
  border-bottom: 1px dashed #333;
}

#adsencesidehome {
	background-color:#220;
	float:right;
	width:150px;
	margin-top:8px;
}

#adsencesidehome .sidemenu {
	margin:10px 0px 0px 20px;
}

#adsencesidechild {
	background-color:#200;
	float:right;
	width:19%;
	margin-top:8px;
}
/* \*/
* html #adsencesidechild {
	text-align:center;
}
* html #adsencesidechild .sidemenu {
	text-align:left;
}
/*  */
#adsencesidechild .sidemenu {
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	width:120px;
}

/* +++ FOOTER +++ */
#footer address {
  padding: 1em 0 0.5em;
  color: #ccc;
}
#footer ul#information li {
  display: inline;
	font-style:italic;
}

/* +++ temporary +++ */
div.g-maparea {
	margin-bottom:1em;
	margin-left:36px;
	color:#333;
}

div.g-maparea #map2 {
	 width: 400px;
	 height: 400px;
	 float:left;
	 border:3px double #CC0;
}
div.g-maparea #map2 h4 {
	color:#333;
}
div.g-maparea #maplinks2 {
	margin-left:420px;
}

div.modxbook {
	padding:10px;
}
div.modxbookmore {
	padding:10px;
}
div.modxbook {
	background-color:#020;
}
div.modxbookmore img {
	 /* float:left;
	 border:2px solid #666;
	 margin-bottom:16px;
	 margin-right: 16px; */
}
div.modxbook img {
	 /* float:left;
	 border:2px solid #666;
	 margin-bottom:16px;
	 margin-right: 16px; */
}
div.modxbookmore ul.modxbooks {
 margin-left: 180px;
}

div.modxbook ul.modxbooks {
 margin-left: 180px;
}

div.modxbookmore div.countdown {
	clear:left;
	text-align:center;
}

div.modxbook div.countdown {
	clear:left;
	text-align:center;
}

div.modxbook div.countdown {
	padding:6px 0px;
}

div.modxbookmore div.countdown {
	padding:6px 0px;
}

div.modxbookmore div.countdown p {
	color:#c00;
	font-size:2em;
	text-align:center;
	width:12em;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px;
	border-top:1px solid #fcc;
	border-bottom:1px solid #fcc;
}

div.modxbook div.countdown p {
	color:#c00;
	font-size:2em;
	text-align:center;
	width:12em;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px;
	border-top:1px solid #fcc;
	border-bottom:1px solid #fcc;
}
.imgC {
	border: 2px solid #333333;
	margin-right:5px;
	margin-bottom:5px;
}
.imgL {
	border: 2px solid #333333;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.imgR {
	border: 2px solid #333333;
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
#toc {
	float:right;
	width:40%;
	background-color:#333;
	margin-left:0.5em;
	border:1px solid #999;
}
#toc ul {
	margin-left:2em;
}
#toc ul ul {
	margin-left:1em;
}

div.tagcloud {
	margin:0px 20px 1em;
}
div.tagcloud span a.s5 {
font-size:2.5em;
}
div.tagcloud span a.s4 {
font-size:2em;
}
div.tagcloud span a.s3 {
font-size:1.5em;
}
div.tagcloud span a.s2 {
font-size:1em;
font-weight:bold;
}
div.tagcloud span a.s1 {
font-size:1em;
}
