body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,input,li,ul,ol,p,textarea,.usercomplete li,.usercomplete li a {margin:0;padding:0}
form,#second ul,#icons {margin: 10px 0 0}
body {font: 76%/1.3 Verdana,Arial,Helvetica,sans-serif}
h1,h3,h4,h5 {font: normal 1.2em/1.2 Arial,Helvetica,sans-serif} 
a,.floatingWin li a {color: #06c}
cite a {color: #06c !important}
body,.active,.usercomplete,.floatingWin div,#guiError {background: #fff}
body,input,h1 a,h4 a,h4 a:hover,.createbox .btn {color: #333}
.join,span.admin,a.mentioned {color: #070}
.leave,.error,.btn:hover,.updated {color: #a22}
input:focus,textarea:focus,li.vote {background: #ffd}
#wrap,.nav li a:hover,.nav li a.sel,.btn,.leave,.join,#icons li:hover,.floatingWin ul li a:hover {background: #eee}
a:hover,.nav li a.sel,#first li,h2,#second li,dd,#main li em,#main li em a,legend,label,.leave:hover,.join:hover,#second li a,#icons li,#main ol a:visited,#footer a {color: #666}
dd em,#main li em,cite {font-style: normal}
h2,h1 a,h4 a,#main li em,#main li em a,#second li a,#footer a,.lang,#mode,.createbox .btn,ul.usercomplete li.selected a,.usercomplete li a {font-weight: normal}
a,.leave,.join,#second li a {text-decoration: none}
a,#dash,legend,.leave,.join,label {font-weight: bold}
a img,fieldset,.leave,.join {border: none}
.nav li,h1,#info em, dd a,#messagelist a.groupname {text-transform: capitalize}
#main,#mode {float: right}
#wrap,#first,#second,dt,img.avatar,#icons li,.sound,.floatingWin ul,.createbox,.toolbar a,.toolbar span,.floatingWin li,.floatingWin div {float: left}
.nav li a,label,#icons li,#icons img,#icons em,.toolbar,.toolbar a,.toolbar span,#lightbox,.floatingWin ul,.floatingWin ul li a,.floatingWin input,.createbox,.createbox .btn,.usercomplete,.usercomplete li,.usercomplete li a {display: block}
h2,#second li,.leave,.join,dd em,#editstatus,#icons li,#footer,.lang,#mode,#main li {font-size: .9em}
#second li,#main li {display: list-item}
li {display: inline; list-style: none}
#more,#icons li,.toolbar a,.toolbar span,#imageUpload li a {text-align: center}
.btn,.leave,.join,.toolbar a,.toolbar span {cursor: pointer}
#lightbox,.floatingWin,#loading {position: fixed}
#editFrame,.toolbar,#lightbox,#imageUpload ul,.usercomplete li,.leave,.join,.usercomplete li a {width: 100%}
.floatingWin,#loading {top: 50%; left: 50%}
input,textarea,#second img,.btn {
  border-width: 3px;
  border-style: solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

/* Layout */
#wrap {
  width: 245px;
  border-left: 245px solid #fff;
  border-right: 490px solid #fff
}
#first {
  width: 245px;
  margin: 20px 0 0 -225px
}
#second {
  width: 205px;
  margin: 20px 0 20px 0
}
#main {
  width: 470px;
  margin: 20px -490px 10px 0
}
h1 {
  margin: 0 0 5px;
  line-height: 1;
  font-size: 1.6em
}
h3 {margin: 20px 0 5px}
h4 {font-size: 1.4em}
h4,h5 {margin-bottom: 5px}
code {
  font: Monaco,Courier,Monospace;
  font-size: 1.2em;
  color: #585
}

/* Sidebars */
#dash {margin: 0 0 10px}
#dash li {margin: 0 .8em 0 0}
.nav li {line-height: 1}
.nav li a {padding: .5em 0 .5em 15px}
.nav li a:hover,.nav li a.sel {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px
}
dl {padding: .5em 0}
dt {margin: 0 .5em 0 0}
dd {line-height: 1.2}
#second p {margin: .8em 0 0}
#second img {border-color: #aaa}
#second a:hover img {border-color: #666}
#icons li {
  padding: 6px !important;
  border: 1px solid #ccc !important
}
#photo {
  border-width: 5px !important;
  border-style: solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-color: #aaa
}
#second label img {border: none}

/* Main */
p {margin: .7em 0}
#main li {
  padding: 8px 0 3px;
  border-bottom: 1px solid #eee
}
#main li p {margin: 3px 0 5px 32px}
cite a {color: #666 !important}
#info {
  padding: 15px;
  background: #def;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border-color: #def
}
#more {font-size: 1.5em}
.avatar {margin: 4px 8px 0 0}
.online {border-color: #7c7 !important}
hr {
  margin: 15px 0 20px;
  border: 2px solid #eee
}
#icons li {margin: 5px 15px 10px 0}
#icons li:hover {border: 1px solid #666 !important}
#icons img,#icons em {
  margin: 0 0 6px;
  width: 206px;
  height: 206px
}
#icons li em {
  padding: 6px 0 0;
  color: #eee;
  background: #333
}
#upload {border: none}
#twitter {
  padding-left: 40px;
  line-height: 40px;
  background: url(../i/twitter_40.png) no-repeat
}
#main .list li {
  min-height: 0;
  margin-left: 25px;
  padding: 0;
  line-height: 1.7;
  list-style: disc;
  border: none;
}
#footer {margin: 25px 0}
#footer li {margin: 0 .5em 0 0}
#footer a {text-decoration: underline}

/* Forms */
input,textarea,select {
  padding: 5px;
  font-size: 1.1em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #ccc;
}
#editstatus {padding: 1px}
#statusform {display: inline}
#first label,
#second label {
  width: 0;
  height: 0;
  position: relative;
  top: 6px;
  left: 8px
 }
#first input {
  width: 190px;
  text-indent: 22px
}
#second form {margin: -7px 0}
#message,#contact,#presentation {width: 458px}
#message {margin-bottom: 10px}
.btn {
  margin: 5px 0 10px;
  padding: 3px 5px;
  line-height: 1.5em;
  border-width: 1px;
  font-size: 1.1em;
  border-color: #999
}
.btn:hover {border-color: #666}
.leave,.join {margin: 5px 0 0 -8px}

/* New */
.drop {display: none}
.sound {
  display: inline;
  width: 0;
  height: 0
}
.lang {
  color: #aaa;
  vertical-align: top
}
#messagelist span.lang {vertical-align: 0.1em}
#editFrame,.toolbar {border: 1px solid #ccc}
#editFrame {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}
.toolbar {
  height: 20px;
  background: #eee;
  padding-top: 0;
  border-bottom: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.toolbar a,.toolbar span {
 height: 16px; 
  width: 16px;
  margin-top: 1px; 
  margin-left: 2px; 
  border: 1px solid #eee;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-indent: -9999px
}
.toolbar a:hover {border: 1px solid #aaa}
#boldButton {background: url(../i/text_bold.png) 50% 50% no-repeat}
#italicButton {background: url(../i/text_italic.png) 50% 50% no-repeat}
#linkButton {background: url(../i/link.png) 50% 50% no-repeat}
#codeButton {background: url(../i/tag.png) 50% 50% no-repeat}
#imageButton {background: url(../i/image.png) 50% 50% no-repeat}
#videoButton {background: url(../i/film.png) 50% 50% no-repeat}
.enabled {color: #000}
.disabled {color: #ccc}
.active {border: 1px solid #444 !important}
#lightbox {
  left: 0;
  top: 0;
  height: 100%;
  background: #000;
  z-index: 998;
  opacity: 0.8;
  filter: alpha(opacity = 80)
}
.floatingWin {
  opacity: 1;
  z-index: 999
}
#imageUpload, #videoUpload {
  width: 384px;
  margin-top: -150px;
  margin-left: -200px
}
#codeEditor {
  width: 600px;
  margin-top: -150px;
  margin-left: -300px	
}
#codeEditor textarea {
	width: 568px;
	height: 200px;
	font-family: Courier New;
	font-size: 0.9em;
}
#codeEditor .button {
	width: 580px !important;	
}
div.code {
	background: #ccc !important;
	overflow-x: scroll;	
}
.floatingWin ul {
  clear: both;
  margin-bottom: 0;
  padding: 0
}
.floatingWin li {margin-left: 3px}
.floatingWin li a {
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  background: #ccc;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px
}
.floatingWin .liLeft {}
.floatingWin .liRight {}
.floatingWin li.active {
  border: 0 !important;	
  background: none !important
}	
.floatingWin li.active a {background: #fff !important}
#imageUpload div, #videoUpload div, #codeEditor div {
  width: 378px;
  margin: 0 3px 3px 3px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topright: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-top-right-radius: 15px
}
#codeEditor div {
	width: 600px !important;	
}
.floatingWin form {
  margin-left: 10px;
  width: 358px
}
.floatingWin input {
  width: 346px;
  margin: 0 0 10px 0
}
.floatingWin .button {width: 358px}
#imageUpload #fromUrl,#imageUpload #fromGallery {display: none}
#loading {
  opacity: 1;
  z-index: 999;
  background: url(../i/loading.gif) no-repeat top left;
  width: 120px;
  height: 15px;
  margin-top: -7px;
  margin-left: -60px;
  border: 5px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px
}
#guiError {
  width: 200px;
  padding: 10px;
  opacity: 1;
  z-index: 999;
  color: #f00;
  margin-top: -7px;
  margin-left: -100px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px
}
#gallery {
  height: 72px;
  overflow-y: hidden;
  overflow-x: scroll;
  border: 0!important;
  border-radius: 0!important;
  width: 100% !important;
  white-space: nowrap;
  margin-left: 0 !important;
  margin-bottom: 10px !important
}
#gallery img {margin-right: 5px}
#second #invite {
  width: 190px;
  margin-top: 1em
}
.usercomplete {
  font-size: 1em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  position: absolute;
  border: 1px solid #ccc;
  margin-top: -12px;
  padding: 0;
  border-top: 0;
  width: 30em
}
* html .usercomplete {margin-top: -1px}
.usercomplete li {
  z-index: 1000;
  list-style: none;
  text-indent: 0.5em
}
.usercomplete li a {
  z-index: 1000;
  height: 30px;
  line-height: 6px;
  text-indent: 5px;
  font-size: 1.1em
}
.usercomplete li a span {
  position: relative;
  top: -8px
}
ul.usercomplete li a img {
  border: 3px solid #ccc;
  border-radius: 3px;	
  margin-top: 2px;
  margin-right: 4px
}
ul.usercomplete li a:hover,ul.usercomplete li.selected a:hover {background-color: #fdd}
ul.usercomplete li.selected a {background-color: #fee}
.createbox {
  width: 231px;
  margin: -10px 8px 0 0
}
.createbox .btn {
  margin-top: 25px;
  padding: 0.6em 0;
  width: 220px !important;
  text-align: center
}
.createbox.last {margin-right: 0}
li.mentioned {
  background: #fcfcfc;
  border-right: 5px solid #7c7
}
.leave,.join {text-align: left}

#messagelist pre {
	background: #eee;
	width: 438px;
	overflow-x: auto;
	border: 1px dotted #444;
	text-indent: 3px;
	margin-left: 32px;
	font-size: 1.2em;
}
#messagelist code {
	background: #eee;	
	color: #000;
}
input.chat:focus {background: #fff}
input.pvt:focus {background: #efe}