/*
Name:          Shoutbox v6 Style
Version:       1.1
Author:        nyssi.deviantart.com
Created:       August 10, 2008
Last Updated:  August 15, 2008
               Fixes: Fixed a background colour problem with general shouts.

Information:   Styled Shoutbox to fit a little better with the rest of deviantART v6
*/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("shout.deviantart.com") {

body, html {
background:#BAC5BA !important;
}

/* Shoutbox Messages */
#shoutbox_top {
border-bottom:1px solid #394039 !important;
background:#99A19A url(http://st.deviantart.com/minish/main/gradient.gif) top repeat-x !important;
padding:1px 0 0 10px !important;
}

#shoutbox_top a {
padding:0 10px 0 0 !important;
}

#shoutbox_top a:hover {
text-decoration:underline !important;
}

/* Message count overview - thanks to `thespook */
#shoutbox_top a[title][href*="/messages/"]:after {
content:" "attr(title) !important; 
font-size:10px !important; 
opacity:0.60 !important;
} 

/* Shoutbox left */
#shoutbox_left {
margin:5px !important;
}

/* Individual shouts */
#shoutbox_left .shout {
background:#A9B9AB url(http://st.deviantart.com/minish/main/bg-bubblb3.gif) bottom repeat-x !important;
padding:10px !important;
-moz-border-radius:5px !important;
border:1px solid #768477 !important;
margin:0 0 8px 0 !important;
}

/* Highlighted shouts - yours and any directed to you */
#shoutbox_left .highlighted {
background:#d7ded7 url(http://www.nyssajbrown.net/da/sb-hightlight.jpg) bottom repeat-x !important;
}

#shoutbox_left .highlighted a {
color:#498091 !important;
}

#shoutbox_left span.shout-typename a {
background:url(http://www.nyssajbrown.net/da/arrow_right.gif) right 3px no-repeat !important;
padding:0 16px 0 0 !important;
}

/* Avatar styling */
#shoutbox_left img.avatar {
margin:0 20px 5px 0 !important;
-moz-border-radius:5px !important;
background:#c5d9c7 !important;
padding:5px !important;
border:1px solid #8c9d94 !important;
}

/* The shout time */
#shoutbox_left div.shout-timestamp {
font-style: italic !important;
margin:0 0 0 3px;
}

/* Shoutbox userlist */
#shoutbox_right {
color:#4c6156 !important;
font-size:12px !important;
}

#shoutbox_right a {
font-size:12px !important;
}

#shoutbox_right li.even {
padding:5px 5px 6px 5px !important;
background:#99A19A url(http://st.deviantart.com/minish/main/bg-bubblb3.gif) bottom repeat-x !important;
}

#shoutbox_right li.odd {
padding:5px 5px 6px 5px !important;
background:#d7ded7 url(http://www.nyssajbrown.net/da/sb-hightlight.jpg) bottom repeat-x !important;
}

/* Shout count on hover */
#shoutbox_right span.info {
background: url(http://st.deviantart.com/minish/main/gradient.gif) top repeat-x !important;
padding:5px !important;
border-top:1px solid #394039 !important;
}

#shoutbox_right span.info em {
background:none !important;
font-weight:bold !important;
}

/* Over 10,000 shouts, feel free to correct me if this is not the correct amount */
#shoutbox_right li em { 
background:url(http://www.nyssajbrown.net/da/bstar.png) right 3px no-repeat;
padding:0 20px 0 0 !important;
font-style:normal !important;
}

#shoutbox_right li em a {
font-style:normal !important;
}

/* Shoutbox bottom */
#shoutbox_bottom {
border-top:1px solid #394039 !important;
margin-top:-5px !important;
padding:5px 0 7px 0 !important;
background: url(http://st.deviantart.com/minish/main/gradient.gif) top repeat-x !important;
}

#shoutbox_bottom #shout-body {
-moz-border-radius:5px !important;
padding:5px !important;
border:2px solid #35423b !important;
}

#shoutbox_bottom .button {
-moz-border-radius:5px !important;
padding:4px !important;
font-size:12px !important;
border:2px solid #35423b !important;
}

}