<style>

        body {
            background-color: transparent;
            color: white;
        }

        #host-notification {
            top: 0px;
            left: 0px;
            width: 300px;
            height: 160px;
            border-radius: 10px;
            background-image: url("http://deep.sg/u/Host.gif");
            background-repeat: no-repeat;
            overflow: hidden;
        }
        #host-notification .hostname {
            margin-top: 20px;
            text-align: center;
            width: 313px;
            font-size: 26px;
            font-family: Verdana;
            text-shadow: 2px 2px 1px #000;
            color: #ffffff;
        }
        .hostdiv {
            text-align: center;
            vertical-align: middle;
            margin-top: 4px;
            margin-left: 2px;
            text-shadow: 2px 2px 1px #000;
            color: #ffffff;
            border-radius: 50%;
            width: 44px;
            height: 38px;
            line-height: 36px;
            background: #0000;
            border: 3px solid #F00;
            font: 22px Arial, sans-serif;
            -webkit-transform: rotate(-45deg);

        }
        .hostnumber {
            position: relative;
            top: 11%;
        }

        #host-notification .header {
            text-align: center;
            width: 500;
            vertical-align: top;
            font-size: 26px;
            line-height: 26px;
            font-family: Algerian;
            text-shadow: 1px 1px 1px #97A02A;
            text-decoration: underline;
            color: red;
            visibility: hidden;
            padding-top: -50px;
        }
        .hostname:after {
            content: ' is bringing the party!';
        }
        .hostnum:after {
            content: '';
        }

    </style>