@charset "UTF-8";

/* Main Style */
* {
	font-family: sans-serif !important;
}

body, tbody{
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Verdana, Arial, Osaka, sans-serif !important;
	color:#333333;
	font-size : 80%;
}

h1{
	font-size : 125%;
}

h2{
	font-size : 110%;
	margin: 8px 4px;
	padding: 0;
}

h3{
	font-size : 100%;
	font-weight : bold;
}

h4{
	font-size : 95%;
	font-weight : bold;
}

h5{
	font-size : 90%;
	font-weight : bold;
}

h6{
	font-size : 90%;
}


pre{
	font-size: 120%;
}

/* Link Style */

a:link{
	color: #003399;
	text-decoration: underline;
}
a:visited{
	color: #003399;
	text-decoration: underline;
}
a:hover{
	color: #FF0000;
	text-decoration: underline;
}

p{
	margin: 6px 0;
	padding: 2px 6px;
}

img{
	border: 0;
}


fieldset{
	margin: 1em;
}

fieldset legend{
    color: #666666;
    font-weight: bold;
}

fieldset a{
	color: #0000FF;
	text-decoration: underline;
    font-weight: normal;
}

.greyout, .greyout a {
	color: #999999;
	text-decoration: none;
}

.blackout a:link, .blackout a:visited{
	color: #000000;
	text-decoration: none;
}

.datetime {
	color: #666666;
	font-size: 80%;
}

/* form */
form {margin: 0em;}

form #memberlist, form #addedlist{
	width:140px;
	height:180px;
}

/* Box Style */

.header{
	margin: 0.2em;
	padding: 0.0em;
	padding-top: 0.4em;
}


.logout{
	position: absolute;
	top: 6px;
	right: 0px;
	margin: 0;
	padding: 0 24px 0 0;
	text-align: right;
}

.logout form{
	margin: 0px;
	padding: 2px 0px 0 0;
}

.mainheader{
	clear: both;
	margin: auto;
	text-align: center;
}

.maincontent {
	padding:0.2em;
	margin: auto;
	text-align: center;
}

.topnews {
	width:600px;
	margin:auto;
	text-align:left;
}
.topnews_2column {
	width: 48%;
	float: left;
	margin: 0 4px;
	text-align:left;
}

.addintitle{
	border-top: 2px solid #CDD5B9;
	padding: 7px 8px;
	font-weight: bold;
	font-size: 110%;
	background-color: #E7EBDE;
}

.addinbody {
	margin: 0;
	padding: 7px;
}
.addinbody a:link{
	color: #333399;
}
.addinbody a:visited{
	color: #993333;
}
.addinbody a:hover{
	color: #FF0000;
}


/* tree contents */

.categorylist {
	margin: 0;
	padding: 4px 0 0 8px;
}

.categorylist img{
}

.categorylist ul{
	list-style-type: none;
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
}

.categorylist li{
	margin-top: 2px;
}

.categorylist .unread{
	font-weight: bold;
}


.categorylist .feedlist li{
	margin: 0 0 0px 8px;
	padding: 2px 0 2px 18px;
	background: transparent url('../img/feedlisticon.gif') no-repeat 0 5px;
}

/* feed contents */

.feedtitle {
	margin: 10px 0px 10px 0;
	padding: 0px;
	text-align:left;
	border-top: 2px solid #B1BE93;
	border-bottom: 1px solid #B1BE93;
	background-color: #E7EBDE;
}

.feedtitle .command{
	width: 100%;
	padding: 2px 0 4px 0;
	font-weight: normal;
	text-align: right;
	border-width: 0 0 1px 0;
	background: transparent url('../img/feedsubbg.gif') repeat-x 0 0;
	background-color: #CDD5B9;
}

.feedtitle .main{
	padding: 4px 6px 2px 8px;
}

.feedtitle .main h2{
	margin: 2px 0 4px 0px;
	padding: 0;
	font-size: 120%;
}

.feedtitle .main .image{
	text-align: right;
	float: right;
	padding-right: 15px;
}

.feedtitle .footercommand{
	clear: both;
	text-align: right;
	padding:2px 8px;
	margin:0;
	font-size: 80%;
	color: #666666;
}

.itemtitle, .itemtitleselected{
	clear: both;
	border-top: 1px solid #B0C2D2;
	border-left: 8px solid #C8D4DF;
	border-bottom: 1px solid #DFE8EC;
	padding: 6px;
	margin: 4px 0 0 0;
	font-weight: bold;
	font-size: 110%;
	background: transparent url('../img/itembg.gif') repeat-x 0 0;
	background-color: #F0F4F7;
}

.itemtitleselected{
	border-top: 1px solid #7C9BB6;
	border-left: 8px solid #FA9B36;
}

.itemtitle a:link{
	text-decoration: none;
}
.itemtitle a:visited{
	text-decoration: none;
	color: #992020;
}
.itemtitleselected a:visited{
	color: #992020;
}

/* bookmark contents */

div.comments {
	margin: 0 0 4px 10px;
	padding: 2px 0 2px 4px;
	font-size: 80%;
	background-color: #F3F6ED;
	border-bottom: 1px solid #DFE2EC;
	border-left: 6px solid #DFE2EC;
	color: #666666;
}

div.comments a:link, div.comments a:visited{
	color: #666666;
	text-decoration: underline;
}
div.comments a:hover{
	color: #FF0000;
	text-decoration: underline;
}

span.busers{
	margin: 0 2px;
	padding: 2px;
	background-color: #B0C2D2;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
}
span.buserme{
	background-color: #7C9BB6;
}

div.addbutton{
	float: right;
	margin: 0;
	font-size: 90%;
	padding: 0;
}
div.addbutton a:link, div.addbutton a:visited{
	color: #003399;
}

div.sidemenu{
	float: right;
	text-align: right;
	margin: 2px 4px;
	padding: 0;
	line-height: 1.5;
}
div.feedmenu{
	margin: 4px;
	padding: 4px;
}

.keywordtag {
	margin: 2px 8px 0 0;
	font-size: 80%;
	font-weight: normal;
	color: #666666;
}

.keywordtag a:link, .keywordtag a:visited{
	color: #666666;
	text-decoration: underline;
}

.keywordtag strong{
	color: #333333;
}


/* addins */

div.addinbody .itemtitle{
	margin: 2px 0 0 8px;
	padding: 2px 0 1px 18px;
	font-size: 110%;
	border: 0;
	font-weight: normal;
	border-top: 1px solid #DFE8EC;
	background: transparent url('../img/bookmark-page.gif') no-repeat 2px 4px;
	background-color: #FFFFFF;
}

div.addinbody .starmark{
	background: transparent url('../img/popular-page.gif') no-repeat 2px 4px;
}

div.addinbody .marginlist{
	padding-bottom: 6px;
}

div.addinbody div.comments{
	margin: 2px 0 2px 36px;
	padding: 0 0 2px 0;
	background-color: #FFFFFF;
	border: 0;
}

div.addinbody div.addbutton{
	margin: 0;
	padding: 0 0 2px 0;
}

div.addinbody div.addbutton a:link, div.addinbody div.addbutton a:visited{
	color: #999999;
}

/* login page */

div.mainwrapper{
	text-align: center;
	width: 100%;
}

/* item */

.itembody {
	margin: 2px 0;
	padding: 4px 0 8px 16px;
	border-bottom: 1px dashed #CCCCCC;
	line-height: 1.4;
	font-weight: normal;
	color: #202020;
}

.itembody a:link{
	color: #333399;
}
.itembody a:visited{
	color: #993333;
}
.itembody a:hover{
	color: #FF0000;
}


/* misc */

.postdate {
	margin: 2px 8px 0 0;
	text-align: right;
	font-size: 80%;
	font-weight: normal;
	color: #999999;
}

.postdate a:link, .postdate a:visited{
	color: #999999;
	text-decoration: underline;
}

/* category title bar */

.categorytitle{
	margin: 4px 0px 0px 0px;
	text-align:left;
	border-bottom: 1px solid #B1BE93;
    background-color: #E7EBDE;
	padding: 4px 4px 2px 10px;
}

.categorytitle .categoryname{
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-size: 120%;
	font-weight: bold;
	float: left;
}
.categorytitle  .categorycommand{
	text-align: right;
	padding: 2px 8px;
	margin:0;
	font-size: 80%;
	color: #666666;
	float: right;
}

.categorytitle .categoryshow{
	clear:both;
	text-align: right;
	padding:2px 8px;
	margin:0;
	font-size: 80%;
	color: #666666;
}

span.showcommand{
	font-size: 80%;
	color: #666666;
}


/* page bread list */

.subnavi{
	border-bottom: solid #B1BE93 1px;
	margin: 0 0 6px 0;
	padding: 5px 0 5px 8px;
    background:transparent url('../img/subbg.gif') repeat-x 0 0;
	background-color: #E7EBDE;
}

.content {
	margin: 0;
	padding: 6px;
	text-align:left;
}

.content li{
	padding: 2px;
}

.content ul{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 32px;
	padding: 2px;
}

#menu h2 {
	padding:7px;
	margin:0;
	background-color:#E7EBDE;
	border-top:2px solid #B1BE93;
}

#menu h3 {
	padding:7px;
	margin:10px 12px;
	border-left:7px solid #CDD5B9;
	border-bottom:1px dotted #CDD5B9;
}

#menu p {
	padding: 2px 12px;
	line-height: 1.3;
}

/* for footer */

.footer{
	clear:both;
	border-top: solid #B1BE93 1px;
    margin-top: 1em;
	padding:0.2em;
	padding-top:0.2em;
	text-align:center;
}

/* error */

.error{
    border: 1px solid;
    margin: 8px 38px 8px 8px;
    padding:12px 10px 12px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/alert.gif');
}

.marker {
	color: blue;
	background-color: #ffff55;
}

.comment, .comment .marker {
	color: #008000;
	font-style: italic;
	background-color: #ffffff;
}
/* form advice */

.pvt {
	background-color: #FF9900;
	font-size: 90%;
	padding-left: 2px;
	padding-right: 2px;
	color: #FFFFFF;
}

.day24{
	color: #339900;
	background-color: #fff8e8;
}
.day12{
	color: #339900;
	background-color: #fff8e8;
	font-weight: bold;
}

.example {
	color: #006400;
	font-size: 85%;
}


.boxexample {
	border: 1px solid #B0C2D2;
	margin: 10px;
	padding: 10px;
	background-color: #FFFFDD;
}

.alertmessage {
	border: 1px solid #B0C2D2;
	position: absolute;
	top: 10px;
	left:40px;
	margin: 0;
	padding: 8px;
	text-align: left;
	background-color: #FFFFDD;
}

.headlinesubs{
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
}
/* table style */

table.sitetable {
	border-width: 1px;
	border-color: #898E79;
	border-style: solid;
	border-collapse: collapse;
}

table.sitetable th {
	border-width: 1px;
	border-color: #898E79;
	border-style: solid dotted;
	padding: 3px;
	background-color: #dddeda;
	color: black;
}

table.sitetable td {
	border: 1px gray dotted;
	padding: 3px;
}

/* other table style */

table.listtable {
	margin: 5pt;
}
table.formtable {
	border: solid 1px #DFE2EC;
	background-color: #F3F6ED;
	margin: 5pt;
}

table.listtable th, table.formtable th {
	padding: 3px;
	background-color: #E7EBDE;
	vertical-align: top;
}

table.listtable td {
	padding: 3px;
	border-bottom: 1px gray dotted;
	vertical-align: top;
}
table.formtable td {
	padding: 3px;
}