/* Page specific CSS */


        body,h1,h5 {font-family: "Raleway", sans-serif}
        body, html {height: 100%}
        
        li {margin-top:5px;}
        
        
        .bgimg {
            background-image: url('../../static/images/splash.jpg');
            min-height: 100%;
            min-width: 100%;
            background-position: center;
            background-size: cover;
        }


        .party{
            display: block;
            width: 80%;
            color: #000000;
            padding: 10px;
            position: relative;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin-bottom: 20px;
        }
        .party_1 {background-color: #f0e68c; text-align:left; float:left;}
        .party_2 {background-color: #c2c2a3; text-align:left; float:right;}


        .party_1:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-color: #f0e68c transparent;
            display: block;
            width: 0;
            z-index: 1;
            bottom: -10px;
            left: 30px;
            border-width: 10px 10px 0px 0px;
        }

        .party_2:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-color: #c2c2a3 transparent;
            display: block;
            width: 0;
            z-index: 1;
            bottom: -10px;
            right: 30px;
            left:auto;
            border-width: 0 ;
            border-width: 10px  0px 0px 10px;
        }

        #time_container {height:20px; margin-left:5px;}
        #lines_container {height:300px; overflow-y:scroll;}

        i.name {font-weight:bold; margin-bottom:0px; color:blue; display:block;}
        i.msg {margin-left:20px; margin-right:20px; margin-bottom:10px;padding-top:5px; vertical-align:top; display:block;}