/*Required Links and Connections*/
@font-face {
  font-family: Nunito;
  src: url(../fonts/Nunito.ttf);
}

@font-face {
  font-family: Lexend;
  src: url(../fonts/Lexend.ttf);
}

@font-face {
  font-family: ChakraPetch;
  src: url("../fonts/ChakraPetch.ttf");
}

@font-face {
  font-family: Arvo;
  src: url(../fonts/Arvo.ttf);
}

@font-face {
  font-family: AbrilFatface;
  src: url(../fonts/AbrilFatface.ttf);
}

/* General Changes in Tags*/
body{
	font-family: ChakraPetch;
/*  background: url("../../../images/bg.jpg");*/
  background: #E5E9EC;
}

/*Added Default Classes*/
.addBorder{
  border: 1px solid black;
}
.addBorderDotted{
  border: 1px dotted black;
}

.noBorder{
  border: none;
  border-radius: 0;
}
.noPadding{
  padding: 0px;
}

.addMarginBottom{
  margin-bottom: 25px;
}

.floatLeft{
  float: left;
}

.floatRight{
  float: right;
}

.clearFix{
  clear: both;
}

/* --------------- Custom CSS ----------------- */

/*Master Styles*/

.mainContent{
  background: #ffffff;
  margin: 10px 0px 0 0;
  padding: 20px;
}

.sideBar{
  background: red;
  margin: 10px 0 0 0px;
  padding: 20px;
}




/*Index*/

.headlineStyles{
  text-decoration: underline;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.latestPost{
  margin: 10px;
  padding: 10px;
}

.latestPostImg{

}

.latestPostData{
  padding: 5px;
}


.recentPosts{
  margin: 10px;
  padding: 10px;
/*  border: 1px solid black;*/
}


.category{
  margin: 10px;
  padding: 10px;
/*  border: 1px solid black;*/
}


/*Single Post*/

.postHeadline{
  margin-bottom: 20px;
}

.postImage{
  margin-bottom: 20px;
}