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


#chatoutput {

/* Height of the shoutbox*/
height: 240px;

/*Uncomment width below*/
width: 200px;

/* Horizontal Scrollbar Killer */
padding: 6px 8px; 

/* Borders */
border: 1px solid #CCC;
border-width: 1px 1px;

color: #000033;
background: #FFFFFF;
overflow: auto;
margin-top: 10px;
}

#chatoutput span {
font: 12px helvetica, arial, sans-serif;
font-weight: bold;
/*font-size: 1.1em;*/
color: #0000ff;
}

#chatForm label, #shoutboxAdmin {
text-align: center;
display: block;
margin: 16px 0px 4px 0px;
color: #000000;
}

#chatoutput a {
font-style: normal;
font-weight: bold;
color: #000033;
}

/* User names with links */
#chatoutput li span a {
font-weight: normal;
display: inline !important;
border-bottom: 1px dotted #0066CC}

#chatForm p {
margin-left: -10px;
}

#chatForm input, #chatForm textarea {
width: 150px;
display: block;
margin: 0 auto;
font: 12px helvetica, arial, sans-serif;
}


#chatForm input#shoutboxname {
margin-left: 39px;
}

#chatForm textarea {
width: 200px;
height: 100px;
margin-left: 14px;
}

#chatForm input#shoutboxname:focus {background:#FFFFCC;}
#chatForm textarea:focus {background:#FFFFCC;}


#chatForm input#submitchat {
width: 90px;
margin: 12px auto;
/*border: 2px outset;*/
padding: 2px;
/*font: 13px Georgia,"Times New Roman",Times,serif*/
font: 14px helvetica, arial, sans-serif;
}

#chatoutput ul#outputList {
padding: 0;
position: static;
margin: 0;
}

#chatoutput ul#outputList li {
font: 12px helvetica, arial, sans-serif;
padding: 4px;
margin: 0;
color: #333333;
background: none;
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: 0px dotted #666666;
}

em#responseTime {
font: 11px helvetica, arial, sans-serif;
font-style: normal;
display: block;
}

#chatoutput .wp-smiley {
vertical-align: middle;
}