@font-face {font-family:"Fira Sans"; font-style:normal; font-weight:400; src:url("../fonts/fira-sans/FiraSans-Regular.ttf")}
@font-face {font-family:"Fira Sans"; font-style:italic; font-weight:400; src:url("../fonts/fira-sans/FiraSans-Italic.ttf")}
@font-face {font-family:"Fira Sans"; font-style:normal; font-weight:600; src:url("../fonts/fira-sans/FiraSans-Medium.ttf")}
@font-face {font-family:"Fira Sans"; font-style:italic; font-weight:600; src:url("../fonts/fira-sans/FiraSans-MediumItalic.ttf")}
@font-face {font-family:"Fira Sans"; font-style:normal; font-weight:700; src:url("../fonts/fira-sans/FiraSans-Bold.ttf")}
@font-face {font-family:"Fira Sans"; font-style:italic; font-weight:700; src:url("../fonts/fira-sans/FiraSans-BoldItalic.ttf")}


html,body{margin:0;padding:0;font-family:'Fira Sans', sans-serif}
body{font: 100% 'Fira Sans',sans-serif;text-align:left;}
p{margin:0 10px 10px;font-family:'Fira Sans', sans-serif}
a{color:white;font-family:'Fira Sans', sans-serif}
div.content_div a{color:blue;font-family:'Fira Sans', sans-serif}

div#container{text-align:left}

div#content p {
	line-height:1.5;
}

div#content p img {
	padding-left: 10px;
	padding-right: 10px;
}

div.header {
	text-align: center;
}

div.header strong a {
	height:80px;
    line-height:80px;
    margin:0;
    padding-left:10px;
    background: #EEE;
    color: #79B30B;
    text-decoration: none;
    font-size: 35px;
    font-weight: bold;
    font-style: oblique;
}

div.header ul li {
	margin-right: 6px;
	line-height: 1.5;

	}

div.header ul li a {
	font-size: 15px;
	font-weight: bold;
	margin-top:4px;
    width: 99px;
    height: 23px;
    font-size: 16px;
    line-height: 10px;
    text-align: center;
    font-weight: bold;
    padding-top: 8px;
        float: left;
    list-style: none;
    background-repeat: repeat;
    
    
    border-radius:8px 8px 0px 0px;
    background-color: rgb(85, 34, 13);
}

div.forum_item_0 {
	background-color: #ffae0096;
}

div.forum_item_1 {
	background-color: transparent;
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
}