/*
This file controls the look of the Live shoutbox...
*/
.main-content #wordspew, #riddle #wordspew, .labs  #wordspew {padding:0 0px;}
.main-content #wordspew, #riddle #wordspew {margin:0 0 1.5em 0}
#wordspew {margin:0 2px 1.5em 2px}
#chatoutput {
text-align:left;
/* Height of the shoutbox*/
height: 180px;

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

/* Horizontal Scrollbar Killer */
padding: 3px 5px; 

/* Borders */
border: 3px double #ccc;
border-width: 3px 3px;

font: 1em helvetica, arial, sans-serif;
color: #555555;
background: #FFFFFF;
overflow: auto;
margin: 5px 0 0 0;
}

#chatoutput span {
font-size: 1em;
font-weight:bold;
color: #31769B;
}
.labs #chatoutput {font-size:11px;color:#555555;height:150px;}
.main-content #chatoutput {
font: 1em georgia, helvetica, arial, sans-serif;
height: 200px;
width:505px;
background:#f7f7f7;
}
#riddle #chatoutput {height: 200px;
width:460px;}

.main-content #chatoutput span {
font-size: 1em;font-weight:bold;
font-style:italic;
}

#wordspew #chatForm p {
font: .9em helvetica, arial, sans-serif;
color:#333;
margin:0;padding:0;}

#chatForm label, #shoutboxAdmin {
display: block;
margin: 2px  0 0 0;
color:#777;
font-weight:bold;

}
#riddle #chatForm label, #riddle #shoutboxAdmin .main-content #chatForm label, .main-content #shoutboxAdmin {
color:#777;
font-style:italic;font-weight: bold;
font-size:85%;
}
.labs #chatForm label, .labs #shoutboxAdmin {font-size:11px;padding-left:1px;}
#chatoutput a {
font-style: normal;
font-weight: bold;
color: #31769B}

/* User names with links */
#chatoutput li span a {
font-weight: normal;
display: inline !important;
border-bottom: 1px dotted #31769B}
#chatForm input {font-size:12px;color:#333;
border: 1px solid #BBB;
padding:2px 3px;
width: 100px;
margin: 0 0 3px 0;
background:#f5f7f9;
}
#chatForm {margin:.5em 1px 0 1px;}

.main-content #chatForm , #riddle #chatForm {margin:.5em 0 0 0}
.main-content #chatForm input {font-size:13px;
}
#chatForm input#chatbarText  {
width: 160px;
}
.labs #chatForm input#chatbarText  {
width: 160px;
}

.main-content #chatForm input#chatbarText  {
width: 505px;
font-size:13px;
}
#riddle #chatForm input#chatbarText  {
width: 410px;
font-size:13px;
}

#chatForm textarea {
width: 153px;
display: block;
padding:2px;
color:#333;
border: 1px solid #BBB;
font-size:12px;
}

#chatForm input#submitchat {
width: 48px;
margin: 5px auto 0 auto;
background:#eee;
padding:1px 0;
}

.main-content #chatForm input#submitchat, #riddle #chatForm input#submitchat {
font-size:13px;
}

#chatoutput ul#outputList {
padding: 0;
position: static;
margin: 0;
list-style-type: none;
list-style-image:none;

}

#chatoutput ul#outputList li {
padding: 3px 0;
margin: 0;
color: #555555;
background: none;
font-size: 1em;
border-bottom:1px solid #f3f3f3;
list-style-type: none;
list-style-image:none;
}
#riddle #chatoutput ul#outputList li, .main-content #chatoutput ul#outputList li {
padding: 2px 0;
margin: 2px;
font-size: 1em;
}

/* No bullets from Kubrick et al. */
#chatoutput ul#outputList li:before {
content: '';
}

ul#outputList li:first-line {
line-height: 13px;
}

#lastMessage {
display:block;
line-height:1.1em;
padding: 0px 2px 3px 2px;
text-align: center;
border-bottom: 1px dotted #666666;
}
.main-content #lastMessage {
line-height:1.4em;
padding-bottom: 3px;
border-bottom: 1px dotted #666666;
}
.labs #lastMessage {font-size:11px;
}

#lastMessage span {color:#777;
}

em#responseTime {
font-style: normal;
color:#777;

}

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