/* ################### YSHOUT ###################  */

#yshout *{margin:0;padding:0;}
#yshout a{text-decoration:none;color:#588fb9;}
#yshout a:hover{color:#3d464d;}
#yshout a:active{color:#282e33;}
#yshout{margin:0 auto;display:block;width:820px;margin:0 auto;overflow:hidden;position:relative;background:#D9CAB5;}

/* ################### POSTS ###################  */

#yshout #ys-posts{position:relative;padding-top:5px;}
#yshout .ys-post{position:relative;overflow:hidden;padding:3px 0px 0px 10px;}
#yshout .ys-admin-post .ys-post-nickname{color:#810000 !important;}
#yshout .ys-admin-post .ys-post-timestamp{color:#fff;}
#yshout .ys-post-timestamp{display:none;position:absolute;right:10px;top:0;height:25px;line-height:25px;color:#888;font-size:10px;}
#yshout .ys-post-nickname{float:left;line-height:20px;display:block;clear:left;font-family:'Oswald',sans-serif;font-size:15px;letter-spacing:-1px;color:#000;text-transform:uppercase;font-weight:bold;}
#yshout .ys-post-message{float:left;display:block;clear:right;line-height:25px;margin:0 5px;color:#444;font-family:verdana;display:block;font-size:12px;word-spacing:3px;}
#ys-posts{height:500px;position:relative;overflow-y:scroll;overflow-x:hidden;}

/* ################### BANNED ###################  */

#yshout .ys-banned-post .ys-post-nickname,#yshout .ys-banned-post .ys-post-message,#yshout .ys-banned-post{color:#999 !important;}
#yshout #ys-banned{position:fixed;z-index:1000;bottom:0;left:0;display:block;width:100%;min-width:850px;height:50px;background:#901818;}
#yshout #ys-banned span{display:block;height:50px;line-height:50px;color:#fff;width:850px;margin:0 auto;text-transform:uppercase;font-weight:bold;text-align:center;font-size:12px;}
#yshout #ys-banned a{color:#fff;border-bottom:1px solid #fff;}

/* ################### HOVER CONTROLS ###################  */

#yshout .ys-post-actions{display:none !important;position:absolute;top:0;right:0;height:25px;line-height:25px;padding:0 10px;font-size:10px;z-index:50;color:#999;}
#yshout .ys-post-actions a{color:#666;text-transform:uppercase;font-weight:bold;}
#yshout .ys-post-actions a:hover{color:#000;}
#yshout .ys-post:hover .ys-post-actions{display:block;}
.ys-ban-link{color:#810000 !important;}
#yshout .ys-post-info{color:#444;margin:0 0 0 10px;font-size:11px;height:25px;line-height:25px;font-family:arial !important;text-transform:uppercase;}
#yshout .ys-post-info em{font-style:normal;font-family:arial !important;font-size:11px;color:#444;}
#yshout .ys-info-overlay{display:none;position:absolute;z-index:45;top:0;left:0;width:100%;height:100%;background:#fff;padding:5px;}
#yshout .ys-info-inline{display:none;margin-top:2px;padding-top:3px;border-top:1px dashed #555;}

/* ################### POST FORM ###################  */

#yshout #ys-post-form{background:#901818;}
#yshout #ys-input-nickname,#yshout #ys-input-message{font-size:11px;padding:10px;height:20px;line-height:20px;background:#D9CAB5;}
#yshout #ys-post-form fieldset{_position:absolute;border:none;padding:10px;_margin-top:10px;}
#yshout #ys-input-nickname{width:200px;}
#yshout #ys-input-message{margin-left:10px;width:540px;float:right;}
#yshout #ys-input-submit{font-size:11px;width:64px;margin-left:5px;}
#yshout #ys-input-submit:hover{cursor:pointer;}
#yshout .ys-before-focus{color:#000;}
#yshout .ys-after-focus{color:#000;}
#yshout .ys-post-form-link{margin-left:5px;}

/* ################### OVERLAYS (FOR CP AND HISTORY) ###################  */

#ys-overlay{position:fixed;_position:absolute;z-index:100;width:100%;height:100%;top:0;left:0;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px;}
* html body{height:100%;width:100%;}
#ys-closeoverlay-link,#ys-switchoverlay-link{display:block;font-weight:bold;height:13px;font:11px/1 Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;margin-bottom:1px;outline:none;float:left;}
#ys-switchoverlay-link{float:right;}
.ys-window{z-index:102;position:fixed;_position:absolute;top:50%;left:50%;}
#ys-cp{margin-top:-220px;margin-left:-310px;width:620px;}
#ys-yshout{margin-top:-250px;margin-left:-255px;width:500px;}
#ys-history{margin-top:-220px;margin-left:-270px;width:540px;}
#yshout .ys-browser{border:none !important;outline:none !important;z-index:102;overflow:auto;background:transparent !important;}
#yshout-browser{height:580px;width:510px;}
#cp-browser{height:440px;width:620px;_height:450px;_width:440px;}
#history-browser{height:440px;width:540px;border-top:1px solid #545454;border-left:1px solid #545454;border-bottom:1px solid #444;border-right:1px solid #444;}