html { margin:0; padding:0; border:none; height:100%; }
body { height:100%; background:#4249BA url(/images/back.png) repeat-x fixed; font:12px arial,verdana; text-align:center; padding:0 0 1px 0; margin:0; }
a { text-decoration:none; outline:none; color:#4249ba; }
a:link, a:visited, a:active, a:hover { outline:none; }
form { margin:0; padding:0; }
#content { margin:0 auto; width:800px; height:100%; text-align:left; background-color:transparent; z-index:20; }
#every { padding:0; width:780px; height:100%; }
#sideL { min-width:10px; width:10px; background-image:url(/images/sideL.png); background-repeat:repeat-y; margin:0; padding:0; }
#sideR { min-width:10px; width:10px; background-image:url(/images/sideR.png); background-repeat:repeat-y; margin:0; padding:0; }
#bak { height:100%; }
#topbar { position:fixed; height:45px; background-image:url(/images/top_bar.png); background-repeat:repeat-x; width:780px; padding:8px 0 0 0; margin:0; text-align:center; color:#ccc; font:10px arial; z-index:20; }
.toplinks { font:bold 16px arial; color:#9D9A89; margin-bottom:10px; padding-bottom:10px; }
.toplinks:hover { color:#000; }
.pipe { margin:1px 5px 0 5px; }
#logo { padding:0px 10px }
#longtweet { padding:10px; font:16px arial; line-height:1.8em; text-align:left; z-index:10; position:relative;  }
#longtweet a { color:#32cbff; }
#longtweet a:hover { color:#666; }
#profimg { margin:0 10px 0 0; }
#follow { font:bold 18px arial; color:#32cbff; }

#enterbox { position:relative; top:0; left:0; margin:0 0 0 25px; }
#tabs { position:absolute; top:0; left:0; width:734px; height:41px; z-index:10;}
#boxsh { display:block; position:absolute; top:0; left:0; width:734px; height:182px; background:transparent url(/images/inputs.jpg) no-repeat scroll 0px 0px; z-index:5; }
#boxtw { display:none; position:absolute; top:0; left:0; width:734px; height:182px; background:transparent url(/images/inputs.jpg) no-repeat scroll 0px -182px; z-index:5; margin:0; padding:0; }
#boxup { display:none;  position:absolute; top:0; left:0; width:734px; height:182px; background:transparent url(/images/inputs.jpg) no-repeat scroll 0px -364px; z-index:5; }
.inputbox { position:absolute; top:54px; left:24px; width:610px; height:20px; border:0; font:14px arial; background:transparent; padding:0; outline:none; z-index:20; } 
#inputfile { position:absolute; top:123px; left:27px; }
#tabsh { float:left; display:block; width:242px; height:31px; outline:none; }
#tabtw { float:left; display:block; width:242px; height:31px; outline:none; }
#tabup { float:left; display:block; width:242px; height:31px; outline:none; }
#subsh { position:absolute; top:51px; left:642px; outline:none; }
#subup { position:absolute; top:51px; left:642px; outline:none; }
#boxtw textarea { width:290px; height:100px; border:1px solid #b6b6b6; overflow:hidden; padding:0; }
#boxtw input { outline:none; }
.abs { position:absolute; }
#text { top:60px; left:10px; }
#dst { top:60px; left:428px; }
#shbut { top:135px; left:320px; }
#sndtweet { display:none; top:51px; left:320px; }
#txtcnt { top:42px; left:268px; }
#dstcnt { top:42px; left:686px; }
.cnts { width:32px; height:18px; background-color:#fff; border-top:1px solid #b6b6b6; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6; color:#8080ff; font:14px verdana,arial; text-align:center; padding:0; }

#view { text-align:left; }
#view a img { padding:0 28px 5px 0; }
h1 { color:#666; font:bold 20px arial,verdana; padding:0; margin:5px 0; text-align:center; }
h1 div { font:10px verdana; margin-top:10px; }
h2 { font:bold 18px arial,verdana; color:#4249BA; padding:40px 0 5px 0; margin:0; }
#frame { width:100%; }
#frame img { border:1px solid #999; padding:3px; }
#frame iframe { padding:0; margin:0; }
#frameimg { border:1px solid #999; }
#main { margin-top:188px; padding:0 20px; }
#copy { text-align:center; font:11px arial,verdana; padding:30px 0 800px 0; }
.section { margin:30px 0 0 0; }
.donate { background:transparent url(/images/donatebox.png) no-repeat; width:250px; }
.error { font:bold 16px arial,verdana; color:#800; }
.success { font:bold 16px arial,verdana; color:#080; }
.message { font:bold 16px arial,verdana; color:#008; }

#contct { padding:20px; }
#trunc { margin-left:5px; width:100%; }
#trunc table { background:transparent url(/images/success.png) no-repeat; height:75px; }
#trunc textarea { width:450px; height:16px; font:12px verdana,arial; padding:0; margin:0; }
#trunclink { text-decoration:underline; font:bold 14px arial,verdana; color:#4249BA; }

.boxes { float:left; display:block; border:1px solid #eee; width:344px; padding:5px; line-height:30px; text-align:left; background:#fff url(/images/greyfade.gif) repeat-x; }
#copybox { margin:0 10px 0 0; }
#statbox { margin:0; }
#urlcode { width:200px; height:16px; overflow:hidden; }
#htmlcode { width:200px; height:16px; overflow:hidden; }
.copybtn { margin-top:5px; width:180px; color:#999; }

#infobox { margin:0 0 0 2px; width:734px; height:183px; padding:0; background:transparent url(/images/infobox.jpg) no-repeat; position:relative; }
#infobox h2 { font:bold 18px arial,verdana; color:#4249BA; margin:0; padding:0 0 10px 0; text-align:center; }
#infosh { top:10px; left:14px; width:225px; }
#infoup { top:10px; left:502px; width:225px; }
#infotw { top:10px; left:257px; width:225px; }
#infotw ul { margin-top:5px; }
#infotw li { margin:0 0 0 -20px; padding:0; }
.dta { width:100%; }
.dta a { text-decoration:underline; }
.prvlabel { font:bold 16px arial,verdana; color:#4249BA; padding:5px 0; width:150px; white-space:nowrap;}
#previewStatus { font:12px arial; }
#previewStatus p { display:inline; font:bold 14px arial; color:#333; }
#preview { padding:40px 20px 0 20px; }
#infobar { top:-45px; left:0px; }

.instr h1 { font:bold 14px verdana,arial; text-align:left; }
.instr ul { font:12px verdana,arial; }
.instr ul li { font:12px verdana,arial; }