/*



This file controls the look of the Live shoutbox...



*/







#chatoutput {







/* Height of the shoutbox*/



height: 340px;







/*Uncomment width below*/



/*width: 210px;*/







/* Horizontal Scrollbar Killer */



padding: 6px 8px; 







/* Borders */



border: 0px solid #8b8b8b;



border-width: 0px 0px;







font: 11px helvetica, arial, sans-serif;



color: #ffffff;



background: #303030;



overflow: auto;



margin-top: 0px;



}







#chatoutput span {



font-size: 1.1em;



color: #8b8b8b;



}







#chatForm label, #shoutboxAdmin {



display: block;



margin: 4px 0;



}







#chatoutput a {



font-style: normal;



font-weight: bold;



color: #8b8b8b


}







/* User names with links */



#chatoutput li span a {



font-weight: normal;



display: inline !important;



border-bottom: 1px dotted #8b8b8b


}







/* Solve dark background bug, let's comment this and recreate it */







/*



#chatForm input, #chatForm textarea {



width: 220px;



display: block;



margin: 0 auto;



}



*/







.shoutbox, #chatForm textarea {



width: 150px;



display: block;



margin: 0 auto;



}







#chatForm textarea {



width: 150px;



}











.smileys, #chatForm input#submitchat {



width: 70px;



margin: 10px auto;



border: 2px outset;



padding: 2px;



}







#chatoutput ul#outputList {



padding: 0;



position: static;



margin: 0;



}







#chatoutput ul#outputList li {



padding: 4px;



margin: 0;



color: #ffffff;



background: none;



font-size: 1em;



list-style: none;



}







/* No bullets from Kubrick et al. */



#chatoutput ul#outputList li:before {



content: '';



}







ul#outputList li:first-line {



line-height: 16px;



}







#lastMessage {



padding-bottom: 2px;



text-align: center;



border-bottom: 2px dotted #666666;



}







#help {



padding-bottom: 2px;



text-align: left;



}







.help_link {



cursor: help;



}







em#responseTime {



font-style: normal;



display: block;



}







#chatoutput .wp-smiley {



vertical-align: middle;



}







/* turning mouse cursor into help



.help {



font-size: 13px;



cursor: help



}