@charset "utf-8";
/* CSS Document */

a.orange{
	color:#F60;
}

#mainpane{
	margin-left:225px;
	width:710px;
	height:575px;
	float:left;
}

/*-----for articles------*/
#article #header{
	width:470px;
	height:96px;
	margin-bottom:20px;
	border-top:2px #CCC solid;
	border-bottom:2px #CCC solid;
	background-color:#fff;
}
#article #header div{
	margin-left:5px;
	font-size:28px;
	line-height:30px;
	height:30px;
}
#article #header div.root{
	margin-top:18px;
	color:#39C;
}
#article div.cat_desc{
	margin-bottom:15px;
	text-align:left;
	font-style:italic;
	width:460px;
}
#article #contents{
	padding:0px;
/*	float:left;*/
	width:460px;
	height:450px;
	margin:0px 0px 10px 5px;
	display:inline-block;
	background-color:#fff;
}
#article #contents .sbDummy{
	width:460px;
	height:450px;
	overflow-y:auto;
}

#article #footer{
	margin:0px;
/*	clear:left;*/
	width:470px;
	height:40px;
	border-top:1px #999 solid;
	background-color:#fff;
}
#article #footer img{
	margin-top:10px;
}
/* each entry ============================================================*/
h3.entrytitle{
	margin-bottom:20px;
	font-size:18px;
	color:#FF6600;
}
h3.entrytitle a{
	color:#FF6600;
	text-decoration:none;
	cursor:pointer;
}

#contents .entry{
	width:420px;
	margin-right:20px;
	display:inline-block;
}
#contents .entry div{
	margin-bottom:20px;
}
.widecontents .entry{
	width:600px;
	margin-right:25px;
}

.art_body a{
	color:#F60;
	text-decoration: none;
}
.art_body a:hover{
	text-decoration: underline;
}
.art_footer{
	font-size:10px;
	border-top:1px #999 dashed;
	border-bottom:1px #999 solid;
	height:23px;
}
.art_footer span.date{
	margin-left:5px;
	float:left;
	width:320px;
}
img.commentballoon{
	position:relative;
	top:3px;
}
.art_footer span.date{
	margin-left:5px;
	float:left;
	width:320px;
}
.art_footer span.comment{
	text-align:right;
	float:left;
	width:90px;
}
.art_footer span.comment a{
	text-decoration:none;
}
.art_footer span.comment a:hover{
	text-decoration:underline;
	color:#F60;
}

div.art_comments div{
	margin:0px 0px 25px 0px;
}
div.art_comments p.cmt{
	margin:25px 0px 25px 25px;
}
div.art_comments p.adcmt{
	margin:25px 0px 25px 25px;
	color:#39C;
}
div.art_comments p.cmt_info{
	font-size:11px;
	height:23px;
	border-top:1px #999 solid;
	border-bottom:1px #999 solid;
	line-height:23px;
	margin-left:25px;
}
div.art_comments p.cmt_info span{
	margin-right:10px;
}
div.comment_entry{
	margin:25px;
}

/* schedule box =========*/
.art_body .schedulebox{
	width:398px;
	border:#F60 1px solid;
}
/* scrollbars ===========*/
a.jScrollArrowUp {
	background: url(/img/sbArrowUp.gif) no-repeat 0 0;
}
a.jScrollArrowDown {
	background: url(/img/sbArrowDown.gif) no-repeat 0 0;
}
.jScrollPaneTrack{
	background: url(/img/sbTrack.gif) repeat-y scroll 0%;
}
.jScrollPaneDrag{
	background:transparent url(/img/sbDrag.gif) repeat-y scroll 0pt 50%;
}

/* end of each entry =====================================================*/

/* search results ============================*/
dl.search dd{
	margin:0px 0px 25px 25px;
}
/* end of search results =====================*/

/* performance ===============================*/
ul.videolist{
	list-style:none;
	border-top:1px #999 dotted;
	width:395px;
}
li.availablevideo{
	width:395px;
	height:24px;
	line-height:24px;
	border-bottom:1px #999 dotted;
}
span.vidsongname{
	float:left;
	width:290px;
}
span.svid{
	display:none;
}
span.lvid{
	float:right;
	height:24px;
}
span.svid img,
span.lvid img{
	margin-top:3px;
}
div.performedlist_caption{
	margin-top:50px;
}
ul.songlist{
	float:left;
	margin-right:10px;
	width:195px;
	border-bottom:1px #999 dotted;
	list-style:none;
}
li.performedsong{
	width:195px;
	display:inline-block;
	border-top:1px #999 dotted;
	line-height:24px;
	min-height:24px;
}
/* ===========================================*/
/* hi from akiko video =======================*/
span.vidname{
	float:left;
	width:150px;
}
/* ===========================================*/
/* Gallery ===============================*/
ul.gallerylist{
	list-style:none;
}
li.gallery_pics{
	float:left;
	width:75px;
	text-align:center;
}
/* ===========================================*/
/* Wallpaper ===============================*/
ul.wpsizelist{
	list-style:none;
}
li.wpsize{
	text-align:center;
	float:left;
	width:130px;
}
/* ===========================================*/
/* garage_sale ===============================*/
div.garage_sale p{
	margin-bottom:25px;
}
span.garage_sale{
	margin-top:25px;
	font-weight: bold;
	color: #900;
	font-size: small;
	margin: 10px 0 5px 0;
}
div.garageitem{
	width:420px;
	margin:10px auto;
	padding:10px;
	border:1px #aaa solid;
}
div.garagemessage{
	width:420px;
	margin:20px auto;
	padding:10px;
	border:1px #aaa solid;
}
div.garageitem div.leftside{
	width: 150px;
	margin-right:10px;
	float:left;
}
div.garageitem div.leftside a.noborder{
	border:none;
}
div.garageitem div.leftside img{
	border:1px #aaa solid;
}
div.garageitem div.rightside{
	width:330px;
	margin-left:160px;
}

div.garageitem span.itemname{
	color:#900;
	font-size:14px;
}
h3.garage_sale{
	font-weight: bold;
	color: #900;
	font-size: small;
	margin: 10px 0 5px 0;
}

div.garagemessage h4,
div.garageitem h4{
	border-left: 5px #00a solid;
	background-color: #ddd;
	padding: 4px 8px;
	color: #444;
	font-size: 14px;
}
div.garagemessage table.report,
div.garageitem table.report{
	margin: 0 auto;
	border: 2px #666 solid;
	border-collapse: collapse;
}
div.garagemessage table.report th,
div.garageitem table.report th{
	padding: 2px;
	border-left: 1px #666 solid;
	border-bottom: 3px #666 double;
	font-size: small;
	font-weight: bold;
	color: #444;
	background-color: #ddd;
}
div.garagemessage table.report th.th1,
div.garageitem table.report th.th1{
	width: 70px;
}
div.garagemessage table.report th.th2,
div.garageitem table.report th.th2{
	width: 250px;
}
div.garagemessage table.report th.th3,
div.garageitem table.report th.th3{
	width: 80px;
}
div.garagemessage table.report th.th4,
div.garageitem table.report th.th4{
	width: 320px;
}
div.garagemessage table.report td.td1,
div.garageitem table.report td.td1{
	width: 320px;
	border-top: 3px #666 double;
}
div.garagemessage table.report td.td2,
div.garageitem table.report td.td2{
	width: 80px;
	border-top: 3px #666 double;
}
div.garagemessage table.report td,
div.garageitem table.report td{
	background-color: #fff;
	padding: 2px;
	font-size: small;
	border: 1px #666 solid;
	color:#444 !important;
}
div.garagemessage .bgpink,
div.garageitem .bgpink{
	background-color: #f9c !important;
}
div.garagemessage .bgblue,
div.garageitem .bgblue{
	background-color: #9cf !important;
}
div.garagemessage .bgyellow,
div.garageitem .bgyellow{
	background-color: #ff9 !important;
}
div.garagemessage .right,
div.garageitem .right{
	text-align: right;
}
div.garagemessage .center,
div.garageitem .center{
	text-align: center;
}


/* ===========================================*/

/* top page icons ============================*/
ul.toppageicons li{
	list-style:none;
	min-height:95px;
}
dl.toppageicons dt{
	background:#FFF;
	width:90px;
	float:left;
	text-align:center;
}
dl.toppageicons dd{
	float:left;
	width:155px;
	height:55px;
	display:none;
	background:url('/img/bkgBaloon.gif') no-repeat;
	background-position:center;
}
dl.toppageicons dd p{
	margin:7px 7px 5px 17px;
	text-align:center;
}
/* ===========================================*/

/* conversational style ==================================*/
dl.conversation{
	margin-left:25px;
}
dl.conversation dt{
	float:left;
	width:70px;
}
dl.conversation dd{
	margin-left:75px;
	margin-bottom:25px;
}
/* ===========================================*/



/* -------------------------------------------------------------------
// paginate style
--------------------------------------------------------------------*/
.paging{
	color:#666;
	text-align:center;
	padding: 8px 20px;
	border-bottom:1px #999 solid;
	font-size:14px;
}
.paging span{
	margin:0px;
}
.paging div.disabled{
	display:none;
}
.paging a{
	padding: 5px 8px;
	text-decoration:none;
}
.paging span a:hover{
	background:url('/img/bkgPageCircle.gif') no-repeat;
	background-position:center;	
}
.paging .current{
	padding:5px 9px;
	background:url('/img/bkgPageCircle.gif') no-repeat;
	background-position:center;	
}
/*-----------------------------------------------------------------------*/


/*  form ================================================*/
div.nonpopup form .required{
	color:#F30;
}
div.nonpopup form ul{
	margin-top:25px;
/*	border-bottom:2px dotted #CCC;*/
}
div.nonpopup form ul li{
/*	clear:both;
	border-top:2px dotted #CCC;*/
	min-height:25px;
}
div.nonpopup form li div{
	float:left;
	display:block;
	min-height:25px;
	line-height:25px;
}
div.nonpopup form.inquiry li div.term{
	width:125px;
}
div.nonpopup form.login li div.term{
	width:125px;
}
div.nonpopup form.mail li div.term{
	width:100px;
}
div.nonpopup form.mail li div.field{
	min-width:170px;
}
div.nonpopup form.mail li div.term2{
	margin-left:10px;
	min-width:40px;
}
div.nonpopup form li div.field input,
div.nonpopup form li div.field textarea,
div.nonpopup form li div.field select{
	margin-top:2px;
}
/* ======================================================*/