@charset "utf-8";
/* YUI reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* layout */
body{font: 12px Arial, Helvetica, sans-serif; background:#FEFEFE; color:#333333;}
#maxw{ margin: 0 auto; background: #FFF;  width: 780px; position:relative;}
.cb{clear:both;}
.dn{display:none;}
.emoticon{font-size:48px;}
.bd{font-weight:bold;}
a{color:#0063DC;text-decoration:none;}
a:hover{text-decoration:underline; color:#FF0084;}
ul, ol {list-style-image:none;list-style-position:outside;list-style-type:none;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.green{color:#008000;}
.wide{width:100%;}
.gray{color:#999999;}
.fr{float:right;}
.fl{float:left;}
input.button {padding: 0 2px;width: auto;_width: 0;overflow:visible !ie;}
img.emotion{padding: 0px 2px;}

/* header */
#hd{padding:6px 15px;border-bottom:1px solid #E9E9E9;}
#hd h1{font-size: 48px; font-weight:bold; background: #fff;}
#hd a{text-decoration:none;}
#hd .intro{color:#999999; font-size:12px; margin-left:20px;}
#ow{font-size:14px; font-weight:800;color:#C5C5C5; margin:-7px 0 3px 5px;letter-spacing:5px;_margin-top:0;}
.beta{letter-spacing:normal;}
span.to{color:#0063DC;}
span.ran{color:#FF0084;}
span.tld{font-size:16px; color:#000000;}
#message-area{position:absolute;top:0;left:50%; background-color:#FFF1A8; padding:4px 3px;}
#message-area span{color:#000000; font-weight:bold;}
#status{position:absolute; top:4px; right:3px; }
#status span.email{font-weight:bold;}
#reg{font-weight:bold;}

/* main */
#main{min-height:380px;_height:380px;overflow:visible; position:relative; padding-bottom:50px;}
div.tabs,#nav{font-size:14px;font-weight:bold; background-color: #E5ECF9;padding:3px 5px;}
.tabs a{margin:0 10px;}
.tabs a.on{color:#FF0084;}

.errnotnull , .erropt ,.errtoobig{font-size:12px;font-weight:normal;margin-left:5px;color:red}
div.content{padding:15px; padding-top:20px; padding-bottom:0; z-index:5; position:relative; margin-top:-1px;}
div.content h3{font-size:14px; font-weight:bold;margin-bottom:10px; color:#999;}
.greyinput{color:#ccc;}

/* textsave */
#texta,#codetext{font-size:14px;padding:3px;}
#submittext{margin-top:5px; }
#textsave h3{text-align:right;height:16px;}
span.ubbhelp{margin-right:217px;color:gray;font-size:12px;font-weight:normal;position:relative;top:7px;}
/* urlshorten */
#urlshorten{height:50px; /*border-top:5px solid #FF0084;*/}
#urlshorten h3{/* *margin-top:31px; */}
.input_field{width:63%;padding:2px; font-size:18px;}
.submitbutton{ font-size:18px;}
/* musicdiv */
form .oth,.eachline{font-size:12px;font-weight:normal;margin-left:20px;}
.eachline{margin-left:3px;}
.oth a{color:#1462C1;}
.multi_line{width:70%;padding:2px; font-size:14px;height:200px;_width:469px}
/* filediv */
input.up{height:22px;width:300px; font-size:14px;color:#B59EC6;}
.errtoobig{margin-left:0;}
/* .descri */
.descri{padding-top:2px; margin-bottom:10px;}
.edi a{color:#777777;text-decoration:none;}
.edi a:hover{background-color:#FFFF99;}
.descri textarea{background:#F5F6BE none repeat scroll 0 0;border:1px solid #CCCCCC;height:5em;line-height:normal;width:350px;}
.descri .cancel{margin-left:3px;}
/* troption */
#troption{position:absolute; top:66px; right:0px; z-index:5;width:200px; background-color:#EFF5FB;  padding-bottom:5px;}
label{font-weight:bold;}
.common{margin-left:12px;}
.common input{margin-bottom:5px;}
.help-icon{margin-left:2px; position:relative;top:2px;cursor:help;}
#troption p.legend{margin-bottom:8px; padding:2px 0 0 2px; font-weight:bold;font-size:14px;}
#widget{width:200px;height:210px; border:1px solid #0063DC; position:absolute;top:20px;left:-40px; background-color:#FFFFFF; padding:5px 0 5px 5px;}
dt{font-weight:bold;}
dd{margin-bottom:15px;}
.alias{margin:0}
#anothersubmit{margin:5px 0 0 8px; font-size:14px;}
#totwitter{margin-left:10px;}
#totwitter input{margin:0 2px 0 10px;}
#nickname{width:140px;}
#private{width:58px;}
#title{width:178px;}

/* create page */
.aliasdup{font-size:14px; font-weight:bold; color:#FF0000;}
.aliasdup a{color:#FF0000; text-decoration:underline;}
.create h2{font-size:24px; font-weight:bold;margin:20px 0;}
#trurl{margin:35px 0 0 76px; font-size:16px; font-weight:bold;}
p.intro{font-size:14px;}
p.newwin{margin-left:76px;margin-bottom:10px;}
.textcreate, .urlclass{padding-top:20px;}
div.contents{margin:10px 0 0 40px; width:75%; color:#999999; height:190px; overflow-y:auto}
.urlclass p.content{margin-left:40px; margin-top:10px;color:#999999; width:70%;}
p.recreate{font-size:14px; position:absolute; bottom:20px;}
/* twitter status */
#twtstatus{font-size:14.4px;margin:30px 0 0 76px;background-color:#F7F7F7;border-bottom:1px dashed #D2DADA;border-top:1px dashed #D2DADA;line-height:1.1em;padding:0.7em 0 0.6em;width:523px;position:relative;}
#twtstatus img{display:block;height:50px;left:0;margin:0 10px 0 5px;overflow:hidden;position:absolute;}
span.status-body{display:block;margin-left:65px;min-height:50px;overflow:hidden;width:420px;}
span.screen-name{font-weight:bold;margin-right:5px;}
span.screen-name a{color:#D02B55;}

/* bookmark */
/* staritem.php */
#item_own{ position:absolute; top:0;*top:13px;left:2px;}
.bkmk span.star img{position:relative;left:-15px;}
.bkmk span.on img{left:0;}

/* textavailable page */
div.ta h2{font-size:16px;font-weight:bold;margin:0 auto;margin-top:12px;width:84.4%;text-align:left;}
div.textcontent{text-align:left;width:80%;margin:20px auto; font-size:14px; overflow:hidden;}
.ta .declar{text-align:center;margin-top:30px;color:#999999;}
p.ctrlinfo{margin:0 auto;width:80%;color:#999999; text-align:right;}
pre{font-family:Arial,Helvetica,sans-serif;color:#111; white-space:pre-wrap; /* css-3 */ white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5+ */ }
img.textimg{max-width:600px;}
span.b{font-weight:bold;}
span.i{font-style:italic;}

/* music page */
#player{margin:10px 0 25px 0;}
p.link{font-size:12px; color:#909090;}
p.link:first-child{margin-top:20px; }
.description{padding-bottom:20px; margin-top:8px;color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:12px;}

/* image page */
.image .img{margin-bottom:10px;}
.image .img img{max-width:600px;}
.click2c{cursor: default;}
.single .title{color:#909090;font-family:Georgia; margin-bottom:5px;};
.single .title .quote{font-size:12px;}
.single .title .quote a{font-size:18px;}


/* code page */
#code{font-size:12px;}

/* file page */
h3.downloadfile{font-size:24px;margin-top:10px; }
.filesize{font-size:12px; margin-left:20px;}

/* not aviailable page */
div.notavai{margin:20px auto; }
div.notavai h2{font-size:16px;font-weight:bold; }
div.notavai h2:first-child{margin-bottom:20px;}
h2.trurl{margin:20px 0 0 70px;}
.notavai .detail{margin-left:70px; font-size:10px;}
.notavai .explain{margin:20px 0 0 0;}
.explain p:first-child{font-size:16px; font-weight:bold;}

/* wait to valid page */
.wa .emoticon{font-size:20px;}
.wa .detail,.wa .trurl{margin-left:100px;}

/* 404 page */

/* comments */
p.item_split{height:16px; background-color:#F5F5F5;padding:1px; margin-bottom:10px;width:82%;margin:0 auto;}
#comments{width:82%;margin-left:70px;}
#comments .comment-block{margin-left:64px;min-height:63px;position:relative;vertical-align:top;}
#comments .comment-block .comment-owner{left:0;position:absolute;top:0;*top:13px;vertical-align:top;margin-left:-60px;}
#comments .comment-content{padding-bottom:6px;}
#comments h4{font-size:13px;font-weight:bold;margin:1em 0;}
#comments h3{font-size:16px;color:#FF0084;margin:20px 0 10px 0;}
#comments textarea{width:450px;padding:3px;}



/* about */
div.about{margin-top:15px; margin-bottom:20px;}
.about h1{font-size:25px;font-weight:bold;padding:5px 0 15px;}
.about p{margin-left:4px;line-height:162%;}
.about>h1+p{margin:15px 0 4px 4px;}
.about h3{ font-weight:bold; margin:20px 0 5px 4px; font-size:14px;}
.about form{padding-left: 50px;}

/* register */
#rf,#loginform{font-size:14px; float:left;}
#rf p,#loginform p{margin-left:0;}
#rf p.tips{font-size:12px;color:#666666;}
#reged,#noreg{float:right;width:280px;}
.hint{font-size:12px; color:red;}
/* login */
label{font-size:12px;color:#666666;}
a.resetpwd{font-size:12px;margin-left:25px;}

/* account */
div.account{font-size:16px;}
#menu,#mainContent{float:left; margin-top:15px;font-size:83%;}
#menu{width:97px;}
#mainContent h1{color:#494949;font-size:25px;font-weight:700;line-height:1.1em;margin-top:-5px;padding-bottom:15px;}
#menu ul li{padding:2px 10px 2px 3px;}
#menu ul li.on{font-weight:bold; background-color:#E5ECF9;}
#mainContent{border-left:1px solid #B0C3E6;width:81%; padding:5px 10px 20px 20px; min-height:400px;_height:400px;}
#mainContent ul li{margin:20px 0;}
#mainContent ul li:first-child{margin-top:10px;}
#mainContent ul li span.split,#mainContent ul li span.time{color:#666666}
#mainContent ul li span.type{color:	#008000;}
#mainContent ul a{font-size:13.6px;}
#mainContent a.edit,#mainContent a.remove{color:#7777cc;font-size:100%;}
.time{font-size:12px;}
span.star{width:15px;height:15px;overflow:hidden;display:inline-block;cursor:pointer;position:relative;top:2px; margin-right:2px;}
span.staroff img{position:relative;left:-15px;}
p.notes{margin-left:17px;word-wrap : break-word ;}
p.noitem{font-size:16px;margin-top:30px;font-weight:bold; text-align:center; color:	#008000;}
/* edit table */
.edittable{position:relative;top:-18px;left:15px; padding-right:2px;width:420px;}
.edittable button{padding:0 6px;}
.edittable input{width:420px;}
.edittable textarea{margin:1px 0; width:392px;height:49px;}
.edittable p{*margin-top:-17px;}
/* paginator */
.paginator{text-align:center;padding-top:25px;font-size:13.5px;}
.paginator span{background-color:#E5ECF9;padding:3px 2px;margin:0 7px;}
.paginator span.older{margin:0 3px 0 7px;}
.paginator a{margin:0 5px;}
/* editpassword */
#editpasswd form{padding-left:5px;}
#mainContent #editpasswd h2{margin-top:15px;font-size:16px;}
/* twitter */
p.label{font-weight:bold;}
#mainContent h2{font-weight:bold;font-size:18px; margin-bottom:10px;}
#binded{font-size:14px; background-color:#FFFADC;}
.errnotmatch{background-color:#FFE59F;padding:2px;}
span.twtstatus{color:#666666;font-size:14px;font-weight:normal;background-color:#FFFFCC}
p.section{font-weight:bold;}
#twtoauth{font-size:14px;}
#twtoauth span{color:gray;font-size:12px;}
input.short{width:151px;}
#twtprofile{width:300px}

/* footer */
#ft{border-top:1px solid #E9E9E9;color:#777777; padding-top:8px; position:relative;padding-bottom:5px; } 
#ft .ftr{position:absolute; right:5px;}
#ft .ftr a{text-decoration:none;}
#ft .ftr a:hover{text-decoration: underline;}