@import url("reset.css");

/* ������āE*/
html {background:#DAD0C4;}
body {background:#ffffff url() repeat-x; font:78%/1.4 Verdana, Tahoma, Arial, Geneva, sans-serif; color:#333; text-align:center;}

a, a:visited {color:#666666; text-decoration:none;}
a:hover {color:#00AEE5; text-decoration:underline;}

h1, h2, h3 {font-family:'Trebuchet MS', Tahoma, Sans-serif; color:#444;}
h1 {font-size:160%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:100%; color:#000000;}
h3 {font-size:80%; font-weight:normal;color:#ffffff;}

h1, h2, h3, p {padding:5px; margin:2;}

ul li {margin:0px 0px 0px 25px;padding:0px 0px 0px 0px;list-style-image:url(images/bullet.gif);}

img {border-none;}
img.float-right {margin:5px 0px 10px 10px;}
img.float-left {margin:5px 10px 10px 0px;}

table {width:100%; border-collapse:collapse;}
th {background:#93BC0C url(images/nav.jpg) repeat-x; height:35px; padding-left:12px; padding-right:12px; color:#FFF; text-align:left;}
th a {color:#EEE;}
th a:hover {color:#FFF; text-decoration:underline;}
td { text-align: left;}


table.hyou{

 width:550px;
    border-top:1px solid #0066cc;
    border-left:1px solid #0066cc;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.hyou th{
    border-right:1px solid #0066cc;
    border-bottom:1px solid #0066cc;
    color:#330000;
    background-color:#996633;
    background-image:url(/imges/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}

.hyou td{
    text-align: left;
    border-right:1px solid #0066cc;
    border-bottom:1px solid #0066cc;
    padding:0.3em 1em;
}



label {display:block; font-weight:bold; margin:5px 0;}
input {padding:2px; border:1px solid #000; font:normal 1em Verdana, sans-serif; color:#777;}

input.button {font:bold 11px Arial, Sans-serif; height:24px; margin:0; padding:2px 3px; color:#FFF; background:#8EB50C url(images/nav.jpg) repeat-x 0 0; border:1px solid #88AD0C;}

#top { background-image:url(images/title-1.jpg) no-repeat ;width:870;height:120px;   text-align:left;}

#canvas {position:relative; background:#f0000 url() repeat-y; width:870px;height:120px; margin:10px auto 0 auto; text-align:left;}
#content-wrap {position:relative; background:#fff url() repeat-x; clear:both; float:left; width:870px; padding:0 0 15px 0; margin-left:0px; display:inline; border-top:1px solid #66FFFF; border-bottom:2px solid #66FFFF; border-left:1px solid #66FFFF; border-right:1px solid #66FFFF;}




/* �إå� */
#header {position:relative;  width:870px; height:0px; padding:0; margin:0 auto;}

#title-1 {background:url(images/title-1.jpg) no-repeat left center; margin-top:10px; padding:8px 10px 10px 20px; font-size:10px;font:bold 120% 'Trebuchet MS', Tahoma, Sans-serif; color:#ffffff;}


#header .searchform {position:absolute; top:-100px; right:0; width:240px;  border:none;}
#header .searchform input.textbox {width:150px; color:#777; height:18px;background:#ccffff;margin:0 0 0 15px; padding:2px; vertical-align:top; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
#header .searchform input.button {width:60px; height:24px; padding:2px 5px; vertical-align:top;}



#nav {clear:both; margin:0; padding:0; height:40px;}
#nav ul {float:left; list-style:none; background:url(images/nav.jpg) repeat-x; width:870px; height:40px; text-transform:uppercase; margin:0 0 0 0px; padding:0; display:inline;}
#nav ul li {display:inline; margin:0; padding:0;}
#nav ul li a {display:block; float:left; width:auto; margin:0; padding:0 14px; border-right:1px solid #FFCC99; border-left: 1px solid #ff6666; font:bold 14px/40px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-transform:uppercase; text-decoration:none; letter-spacing:1px; color:#fff;}
#nav ul li a:hover, 
#nav ul li a:active {background:url(images/nav-hover.jpg) repeat-x;}
#nav ul li.current a {background:url(images/nav-current.jpg) repeat-x;}

/* �ᥤ�󥫥饁E*/
#main {float:left; width:630px; padding:0px 5px 0 0px; margin:0 0 0 20px; display:inline;}



#main .BlockContent {padding:5px 0;}

/* ����-���u���b�N�̒�` */
#CenterLColumn {float:left; width:49%; padding:0px 3px 0px 0px;}
#CenterLColumn .BlockTitle {padding:3px 5px; background:#EEF3F6 url(images/title_bg.gif) repeat-x; color:#18397C; border:1px solid #B0BDC6; font-weight:bold;}
#CenterLColumn .BlockContent {padding:5px; background:#FFccFF; border:1px solid #B0BDC6; border-top:0; margin-bottom:10px;}

/* ����-�E�u���b�N�̒�` */
#CenterRColumn {float:right; width:49%; padding:0px 0px 0px 3px;}
#CenterRColumn .BlockTitle {padding:3px 5px; background:#EEF3F6 url(images/title_bg.gif) repeat-x; color:#18397C; border:1px solid #B0BDC6; font-weight:bold;}
#CenterRColumn .BlockContent {padding:5px; background:#ffccff; border:1px solid #B0BDC6; border-top:0; margin-bottom:10px;}





/* ����ƥ����āE*/
.CenterCblock,
.CenterLblock,
.CenterRblock {clear:both; margin-bottom:10px;}




/* �����ɥ��饁E*/
#sidebar {float:right; width:200px; padding:5px 0 0 0; margin:0;}
#sidebar .BlockTitle {background:url() no-repeat left center; margin-top:10px; padding:8px 10px 10px 20px; font-size:10px;font:bold 120% 'Trebuchet MS', Tahoma, Sans-serif; color:#ffffff;}
#sidebar .BlockContent {background:url(images/bg02.gif)padding:5px 10px;background:#Ffffff;}

#sidebar ul {list-style:none; margin:0; padding:0; text-decoration:none;}
#sidebar li {list-style:none; margin:0; padding:5px;}

* html body #sidebar ul.sidemenu li {height:1%;}

/* �ᥤ���˥塼�ڤӥ桼����˥塼 */
#mainmenu, #usermenu {margin:0; padding:0; text-align:left;}
#mainmenu a {display:block; margin:1px; padding: 1px 0px; color:#895F30;}
#mainmenu a:hover {display:block;color:#000000;color:#034344;}
#mainmenu a.menuTop {border-top:#DDD solid 1px; border-bottom:#DDD solid 1px;}
#mainmenu a.menuMain {border-bottom:#DDD solid 1px;}
#mainmenu a.menuSub {padding-left:25px;}

#usermenu a {display:block; border-bottom:#DDD solid 1px; margin:0 1px; padding: 5px 0; color:#895F30;}
#usermenu a:hover {color:#1773BC;}
#usermenu a.menuTop {border-top:#DDD solid 1px;}
#usermenu a.highlight {background-color:#FCC;}

/* �եå� */
#footer {clear:both; width:870px; font-size:95%; text-align:center; padding:15px 0; border-bottom:15px solid #0066cc; border-top: 1px solid #0066cc;}
#footer a:hover {color:#000;}
#footer h3 {color:#976834; margin:0; padding:0 10px; text-transform:uppercase; font-weight:bold;}

#footer-columns {color:#888; margin:0 auto; padding:0; width:870px;}
#footer-columns a {text-decoration:none; font-weight:bold; color:#666666;}
#footer-columns ul {list-style:none; margin:10px 0 0 0; padding:0; border-top:1px solid #66FFFF;}
#footer-columns li {border-bottom:1px solid #0099FF;}
#footer-columns li a {display:block; font-weight:normal; padding:5px 0 5px 10px; width:96%;}
#footer-columns .col3, .col3-center {float:left; width:32%;}
#footer-columns .col3-center {margin:0 15px;}

#footer-bottom {clear:both; color:#666; margin:0 auto; width:870px; padding:15px 0 0 0; text-align:center;}
#footer-bottom  a {color:#976834;}

.outer {padding:5px; background:#86ceff; border:1px solid #000000;}
.head {background-color:#CCC; padding:5px;border:1px solid #000000; font-weight:bold;}

.even {background-color:#86ceff; padding:5px;border:1px solid #000000;}
.odd  {background-color:#66FFFF; padding:5px;border:1px solid #000000;}

.foot {padding:5px; background:#ffccff; border:1px solid #000000;}

tr.even td {background-color:#66FFFF; padding:5px;}
tr.odd td {background-color:#86ceff; padding:5px;}

.item {}
.itemHead {padding:3px 8px; background:#F3F3F3; color:#895F30; border-left:1px solid #895F30; border-bottom:1px solid #895F30;}
.itemInfo {text-align:right; padding:3px; background:#F3F3F3; border-right:1px solid #895F30;}
.itemTitle a {font-weight:bold; font-size:120%; color:#895F30;}
.itemPoster {font-size:90%;}
.itemPostDate {font-size:90%;}
.itemStats {font-size:90%;}
.itemBody {padding:5px 10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:1.5;}
.itemText:first-letter {}
.itemFoot {text-align:right; padding:3px; border-top:1px solid #895F30;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

div.errorMsg {background:#FCC; text-align:center; border-top:1px solid #fff; border-left:1px solid #DDF; border-right:1px solid #AAA; border-bottom:1px solid #AAA; font-weight:bold; padding:10px;}
div.confirmMsg {background: #DDFFDF; color:#136C99; text-align:center; border-top:1px solid #DDF; border-left:1px solid #DDF; border-right:1px solid #fff; border-bottom:1px solid #fff; font-weight:bold; padding:10px;}
div.resultMsg {background:#CCC; color:#333; text-align:center; border-top:1px solid silver; border-left:1px solid silver; font-weight:bold; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px;}

div.xoopsCode {background:#86ceff; border:1px inset #000080; font-family: "Courier New",Courier,monospace; padding:0px 6px 6px 6px;}
div.xoopsQuote {background:#86ceff; border:1px solid #369; padding:3px;}

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px; color:#2F5376; font-weight:bold; border:1px solid silver; background-color:#FFF; margin:2px; padding:2px;}
.comUserStatCaption {font-weight:normal;}
.comUserStatus {margin-left:2px; margin-top:10px; color:#2F5376; font-weight:bold; font-size:10px;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:10px; font-weight:bold;}
.comUserRankImg {border:0;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }