/* style.css */

body {
 font-family      : Osaka,sans-serif;
 margin           :  0px;
 padding          :  0px;
 color            : #666;
 background : #FFF url(img/bg.jpg) repeat-y ;
 line-height      : 1.5;
 word-wrap        : break-word;
}

table {
 width            : 100%;
 font-size        : small;
}

table.header {
 width            : 700px;
}

table td {
 vertical-align   : top;
}

table td.menu {
 vertical-align   : bottom;
}

table.header {
 margin           : 0px;
 border-collapse  : collapse;
}

table.main {
 margin           :  0px;
 padding          :  0px;
 border-collapse  : separate;
}

td.colLeft , td.colRight {
 margin           :  0px;
 padding          :  0px;
 width            : 180px;
}

div.colLeft_Title {
 margin           : 0px 2px 0px 0px;
 padding          : 5px;
 color            : #369;
 background-color : #CCF;
}

div.colLeft_Content {
 margin           : 0px 0px 1px 0px;
 padding          : 5px;
 color            : #333;
}

div.colRight_Title {
 margin           : 0px;
 padding          : 5px;
 color            : #333;
 border-style     : solid;
 border-width     : 1px 1px 0px 1px;
 border-color     : #999;
 background-color : #999;
}

div.colRight_Content {
 margin           : 0px 0px 2px 0px;
 padding          : 5px;
 color            : #333;
 background-color : #FFF;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #999;
}

colRight_Content_none{
}

div.center {
 width            : 99%;
 margin           : 0px 0px 0px 0px;
}

td.colCenter {
 margin           : 0px;
 padding          : 0px 0px;
 background-color : #FFF;
// border-style     : none;
}

div.colCenter_blkCenter_Title , div.colCenter_blkLeft_Title , div.colCenter_blkRight_Title {
 margin           : 0px 2px;
 padding          : 5px 10px;
 color            : #FFF;
 font-weight      : bold;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #257A90;
 background       : #257A90 url("img/mark01g.gif") no-repeat 0px 4px;
}

div.colCenter_blkCenter_Content {
 margin           : 0px 2px 4px 2px;
 padding          : 5px;
 color            : #666;
 background-color : #FFF;
 border-style     : none solid solid solid;
 border-width     : 1px;
 border-color     : #096;
}

div.colCenter_blkCenter_none {
 margin : 10px 5px;
 padding : 10px 10px;
}

div.colCenter_blkLeft_Content , div.colCenter_blkRight_Content {
 background-color : #DFD;
 border-style     : none solid solid solid;
 border-width     : 1px;
 border-color     : #9F9;
}

div.colCenter_blkLeft_Content {
 width            : 229px;
 margin           : 0px 0px 5px 0px;
 padding          : 20px 0px 5px 0px;
}

div.colCenter_blkRight_Content {
 width            : 167px;
 margin           : 0px 0px 5px 0px;
 border-style     : none solid solid solid;
}

div.colCenter_blkCenter_Content2 , div.colCenter_blkLeft_Content2 , div.colCenter_blkRight_Content2 {
 margin           : 0px 2px;
 padding          : 5px;
 color            : #666;
 background-color : #FFF;
 border-style     : none;
}


a {
 color            : #009;
 text-decoration  : none;
}

a:link, div#link {
 color            : #339;
}

a:visited {
 color            : #033;
}

a:hover {
 color            : #099;
 text-decoration  : underline;
}

a:active, div#active {
 color            : #0FF;
}

a img {
 border-style     : none;
}


td#mainmenu a , td#usermenu a {
 display          : block;
 margin           : 1px 0px 0px 0px;
 text-decoration  : none;
}

td#mainmenu a:link , td#usermenu a:link {
 color            : #333;
}

td#mainmenu a:visited , td#usermenu a:visited {
 color            : #333;
}

td#mainmenu a:hover , td#usermenu a:hover {
 color            : #F60;
 text-decoration  : underline;
}

td#mainmenu a:active , td#usermenu a:active {
 color            : #F00;
}

td#mainmenu a.menuSub {
}

td#usermenu a.highlight {
 color : #F60;
}

h1 , h2 , h3 , h4 , h5 , h6 {
 margin           : 0.5em  0px 0.5em 0px;
 padding          : 5px 0px 2px 5px;
 border-style     : none;
 border-width     : 0px 0px 1px 0px;
 border-color     : #AAA;
}

div#content {
 margin           : 5px 25px;
 padding          : 5px 0px;
}

.item {
 border-style     : solid;
 border-color     : #257A90;
 border-width     : 1px;
}

.itemHead , th {
 color            : #FFF;
 background-color : #257A90;
 text-align       : left;
 margin           : 0px;
 padding          : 5px;
 background       : #257A90 url("img/bk_title.png") repeat 0px 0px;
}

.itemHead a:link , .itemHead a:visited , .outer th a:link , .outer th a:visited {
 color            : #FFF;
}
.itemHead a:hover , .outer th a:hover {
 color            : #DD0;
}
.itemHead a:active {
 color            : #FF0;
}

.itemInfo {
 color            : #336;
 font-size        : medium;
 background-color : #DDD;
 text-align       : right;
 padding          : 2px 5px;
}

.itemPoster {
}

.itemPostDate {
}

.itemStats {
}

.itemBody {
 padding          : 2px 5px;
 background-color : #FFF;
}

.itemText {
 margin           : 0px;
}

.itemFoot {
 color            : #336;
 font-size        : small;
 background-color : #DDD;
 text-align       : right;
 padding          : 2px 5px;
}

.itemAdminLink {
}

.itemPermaLink {
}

tr.even td {
 background-color : #FFF;
 margin           : 0px;
 padding          : 5px;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #CCC;
}

.outer tr.even td {
 background-color : #FFF;
 margin           : 0px;
 padding          : 5px;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #CCC;
}

tr.odd td {
 background-color : #DDD;
 padding: 5px;
}

.even {
 background-color : #EEE;
 padding          : 5px;
}

.odd {
 background-color : #FFF;
 padding          : 5px;
}

.outer {
 width            : 100%;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #AAA;
}

.head {
 background-color : #EEE;
 padding          : 5px;
 font-weight      : bold;
}

.foot {
 background-color : #EEE;
 padding          : 5px;
}

.comTitle {
 font-weight      : bold;
 background-color : #FFF;
 margin           : 0px 0px 5px 0px;
 padding          : 5px;
 border-style     : solid;
 border-width     : 0px 0px 1px 0px;
 border-color     : #EEE;
}

.comText {
}

div.xoopsCode {
 font-family      : "monospace";
 background-color : #FFF;
 margin           : 5px 0px;
 padding          : 0px 0px 0px 5px;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #333;
}

div.xoopsQuote {
 background-color : #FFF;
 margin           : 5px 0px;
 padding          : 0px 0px 0px 5px;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #333;
}
blockquote {
 margin           : 5px;
}

.comUserStat {
 font-size        : small;
 font-weight      : bold;
 color            : #099;
 margin           : 1px 0px 0px 0px;
 padding          : 1px;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #AAA;
}

.comUserStatCaption {
 font-weight      : normal;
}

.comUserRank {
 margin           : 0px 0px 15px 0px;
}

.comUserRankText {
 font-size        : small;
}

.comUserImg {
 margin           : 2px;
}

.comDate {
 font-size        : small;
 text-align       : right;
}

.comDateCaption {
 font-weight      : bold;
}

ul {
 margin           : 2px;
 padding          : 2px;
 list-style       : inside;
}

li {
 margin           : 0px 0px 0px 2px;
}

ul.news_top {
 margin           : 2px;
 padding          : 2px;
 list-style       : inside;
 list-style-image : url("img/arrows01.gif");
}

div.errorMsg {
 background-color : #FCC;
 text-align       : center;
 border-style     : solid;
 border-width     : 1px;
 border-color     : #DDF #AAA #AAA #DDF;
 font-weight      : bold;
 padding          : 10px;
}

div.confirmMsg {
 font-weight      : bold;
 color            : #C33;
 background-color : #DDD;
 text-align       : center;
 margin           : 0px;
 padding          : 10px;
 border-style     : solid;
 border-width     : 2px;
 border-color     : #AAA;
}

div.resultMsg {
 font-weight      : bold;
 color            : #333;
 background-color : #CCC;
 text-align       : center;
 padding          : 10px;
 border-style     : solid;
 border-width     : 2px;
 border-color     : #069;
}

#footer {
 font-size        : 10px;
 color            : #666;
 text-align       : center;
 margin           : 0px;
 padding          : 5px;
 border-style     : solid;
 border-width     : 0px 0px 0px 0px;
 border-color     : #999;
}
div.mail{
 margin           : 10px;
}

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

div.colLeft_Content table , div.colCenter_blkCenter_Content table , div.colCenter_blkLeft_Content table , div.colCenter_blkRight_Content table , div.colRight_Content table {
 width            : 99%;
}

a.link {
 text-align : center;
 font-size : 14px;
 text-decoration : none;
 line-height : 2.0em;
 margin : 20px 10px;
 padding : 20px;
 display : block;
 border-style : dotted;
 border-width : 2px;
 border-color : #099;
}

a:link.link , a:visited.link {
 color : #369;
}
a:hover.link {
 color : #F60;
 border-color : #F60;
}
a:active.link {
 color : #F00;
 border-color : #F00;
}

a.LinkBtn {
 text-align : center;
 font-size : 12px;
 text-decoration : none;
 margin : 5px;
 padding : 3px;
 display : block;
 color : #FFF;
 border-style : solid;
 border-width : 1px;
 border-color : #999;
 background-color : #36C;
}

a:visited.LinkBtn {
 color : #FFF;
}

a:hover.LinkBtn , a:hover.LinkBtn {
 background-color : #F63;
}
a:active.LinkBtn {
 background-color : #F00;
}

a.rss {
 font-size : 12px;
 text-decoration : none;
 padding : 4px 10px;
 text-decoration : none;
 background : #FFF url("img/icon_rss.png") no-repeat 0px -3px;
}
a:hover.rss  {
 text-decoration : none;
 background : #FFF url("img/icon_rss.png") no-repeat 0px -27px;
}

a.link_check {
 font-size : 16px;
 text-decoration : none;
 margin : 20px 10px 100px 10px;
 padding : 4px 0px 4px 30px;
 text-decoration : none;
 background : #FFF url("img/icon_link.png") no-repeat 0px -4px;
}
a:hover.link_check  {
 text-decoration : underline;
 background : #FFF url("img/icon_link.png") no-repeat 0px -35px;
}
a:visited.link_check , a:link.link_check  {
 text-decoration : none;
 background : #FFF url("img/icon_link.png") no-repeat 0px -68px;
}

.count {
 margin : 150px 0px 0px 40px;
}

.column {
 margin : 0px 50px;
 padding : 10px 20px;
 display : block;
 border-style : dotted;
 border-width : 2px;
 border-color : #999;
}