body {
    	font-family: 'EB Garamond', serif;
        font-weight: 300;
	font-size: 20px;
	color: #efffff;
	-webkit-font-smoothing: antialiased;
}

.menu h1.logo a:hover {
	    color: #efffff;
	    text-decoration: underline;
    }

div#f2.gray, div#f4.gray {
	padding-top: 70px;
        padding-bottom: 70px;
        text-align: center;
	background-color: #121212;
    }
 
div#f, div#f3, div#f5 {
	background-color: #212121;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
	}

div#f6 {
        background-color: #121212;
        padding-top: 50px;
        padding-bottom: 10px;
        text-align: center;
        }

h3 {
	color: white;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 1px;
	}
h6 {
	display: none;
}

#f i,#f2 i,#f3 i,#f4 i {
	font-size: 8px;
	color: #efffff;
	padding: 3px;
	}

input[type="text"] {
	width: 180px;
	background-color: transparent;
	border-bottom-color: gray;
	margin-top: 5px;
	color: #efffff;
	}
#searchinmenu > input[type="text"] {
	    margin-left: 25px;
	        width: 150px;
	}

.btn {
	    background-color: #3c3838;
	    color: #0a0a0a;
	    font-weight: bold;
	    font-size: 2rem;
		}

.btn:hover, .btn:focus {
	    color: #ffebcd;
	    text-decoration: none;
	    background-color: #584b4b;
		}

#theMenu > div.menu-wrap > h1 > a {
	    font-size: 1.2rem;
    }

div.logo img {
	    width: 70%;
	    max-width: 400px;
    }
div > h4 {
	    color: antiquewhite;
    }
ul.jourevent {
	    list-style-type: none;
	        color: gainsboro;
	}

img.icon-ts, img.icon-forum, img.icon-wiki {
	    width: 20px;
	}

#theMenu > div.menu-wrap > div > a {
	    font-family: sans-serif;
	    font-style: normal;
	    font-size: 1rem;
	    text-transform: none;
	}

#theMenu > div.menu-wrap > div > a > img {
		vertical-align: middle;
	}

#headerwrap h1 {
	    margin-top: 150px;
	    color: #c3c3c3;
	    font-size: 70px;
	    font-weight: 700;
	    text-shadow: 2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, -2px 0 0 black, 2px 2px 0 black, 2px -2px 0 black, -2px 2px 0 black, -2px -2px 0 black;
	}
#headerwrap h3 {
	    	color: white;
	        font-size: 40px;
		font-weight: 100;
		font-family: 'EB Garamond', serif;
		font-style: oblique;
		text-shadow: 2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, -2px 0 0 black, 2px 2px 0 black, 2px -2px 0 black, -2px 2px 0 black, -2px -2px 0 black;
			}

#headerwrap > div > div.row > h3 > a:hover {
	    text-decoration: underline;
    }

#headerwrap > div > div.row > h3 > a {
	        text-decoration: none;
		    color: #efffff;
	    }
	    
/**
 * TSStatus: Teamspeak 3 viewer for php5
 * @author Sebastien Gerard <sebeuu@gmail.com>
 * @see http://tsstatus.sebastien.me/
 * 
 **/

.tsstatus{
	overflow: hidden;
	position: relative;
}
.tsstatus, .tsstatus *{
	vertical-align: middle;
	margin: 0;
	padding: 0;
	white-space:nowrap;
    	color: blanchedalmond;
}
.tsstatuserror{
	font-family: Verdana;
	font-size: 10px;
	color: red;
}
.tsstatus .tsstatusNickname, .tsstatus .tsstatusPassword{
	border-bottom: 1px solid #aaa;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.tsstatus .tsstatusServerName{
	text-align: left;
        font-weight: bold;
	font-size: 2rem;
	
}
.tsstatus input{
	width: 135px;
	height: 18px;
}
.tsstatus .tsstatusItem{
	margin-left: 18px;
	clear: both;
}
.tsstatus .tsstatusLabel{
	float: left;
}
.tsstatus .tsstatusFlags{
	position: absolute;
	right: 0;
	clear: right;
}
.tsstatus a{
	text-decoration: none;
	color: #e3e3e3;
}
.tsstatus a:hover{
	text-decoration: none;
	color: #e3e3e3;
}
.tsstatus img{
	margin-right: 2px;
	border: 0;
}
a {
	color: #ffebcd !important;
	}
#f5 > div > div > div > p > a:hover {
	text-decoration: underline !important;
}
#f5 > div > div > div > p > a.btn:hover {
	        text-decoration: none !important;
	}
.col-sm-4 {
	    text-align: justify;
    }

ul.jourevent > li {
	    font-size: 18px !important;
    }