/*

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

*/



#chatoutput {



/* Height of the shoutbox*/

height: 240px;



/*Uncomment width below*/

width: 180px;



/* Horizontal Scrollbar Killer */

padding: 2px 3px; 



/* Borders */

border: 1px solid #08BBF4;



font: 10px verdana, helvetica, arial, sans-serif;

color: #646464;

background: #f2f2f2;

overflow: auto;

margin-top: 0px;

}



#chatoutput span {

font-size: 1.1em;

font-weight: bold;

color: #08BBF4;

}



#chatForm label, #shoutboxAdmin {

display: block;

margin: 4px 0;

}



#chatoutput a {

font-style: normal;

font-weight: bold;

color: #08BBF4
}



/* User names with links */

#chatoutput li span a {

font-weight: bold;

display: inline !important;

border-bottom: 1px dotted #08BBF4
}



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



/*

#chatForm input, #chatForm textarea {

width: 120px;

display: block;

margin: 0 auto;

}

*/



.shoutbox, #chatForm textarea {

width: 120px;

display: block;

margin: 0 auto;

}



#chatForm textarea {

width: 170px;

}





.smileys, #chatForm input#submitchat {
font				: 100% Verdana, Arial, sans-serif;
border         	: 1px solid #646464;
width: 70px;
margin: 2px auto;
padding: 2px;

}



#chatoutput ul#outputList {

padding: 0;

position: static;

margin: 0;

}



#chatoutput ul#outputList li {

padding: 2px;

margin: 0;

color: #646464;

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: 11px;

}



#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

}