/*
 * @Author: Robby
 *
*/
body{
	background-color: rgb(245,245,245);
	padding: 0;
	margin: 0;
	
	font-family: "Arial";
}
a{
	color: rgb(0,0,0);
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	padding: 0;
	margin: 0;
}
/*
 *  NAV
 *
*/
nav{
	background-color: rgb(178,34,34);
}
	nav .content,
	footer .content{
		width: 65%;
		margin: 0 auto;
	}
		nav .col-left,
		nav .col-right{
			vertical-align: top;
			display: inline-block;
		}
		nav .col-left{ padding: 15px 0; width: 50%; }
		nav .col-right{ padding: 29px 0; width: 45%; }
			nav h1 a{
				padding: 0;
				
				color: rgb(255,255,255);
				font-size: 25px;
			}
				nav h1 a:hover{
					cursor: pointer;
					text-decoration: none;
				}
			nav h2{
				color: rgb(255,255,255);
				font-size: 14px;
			}
			nav a{
				padding: 30px 15px 29px 15px;
				color: rgb(255,255,255);
				font-size: 15px;
			}
				nav a:hover{
					text-decoration: underline;
				}
/*
 * HEADER
 *
*/
header .content,
section .content{
	width: 981px;
	margin: 0 auto;
}
	header h1{
		padding: 75px 0 25px 0;
		
		color: rgb(32,100,226);
		font-size: 65px;
		text-align: center;
	}
	header h2{
		margin: 0 0 50px 0;
		
		color: rgb(178,34,34);
		font-size: 27px;
		text-align: center;
	}
	header .img{
		border-radius: 5px;
		background-image: url('../imgs/headerbg.jpg');
		background-size: 100% 100%;
		width: 981px;
		height: 201px;
		margin: 0 0 50px 0;
	}
		header h3{
			padding: 145px 0 0 0;
			font-family: "Courier";
			color: rgb(255,255,255);
			font-size: 30px;
			text-align: center;
		}
/*
 * SECTION
 *
*/
section{
	margin: 0 0 50px 0;
	}
	section .col-one,
	section .col-two{
		vertical-align: top;
		display: inline-block;
	}
	/*
	 * IMAGE
	*/
	section .col-one{ width: 18%; }
		section .img-one,
		section .img-two{
			border-radius: 360px;
			width: 142px;
			height: 142px;
		}
		section .img-one{
			background-image: url('../imgs/campingthumbnail.jpg');
			background-size: 100% 100%;
		}
		section .img-two{
			background-image: url('../imgs/communityservicethumbnail.jpg');
			background-size: 100% 100%;
		}
	/*
	 * INFORMATION
	*/
	section .col-two{ width: 81%; }
		section h1{
			font-size: 25px;
		}
		section h2{
			padding: 0 0 8px 0;
			font-size: 15px;
		}
		section h3{
			font-size: 20px;
		}
		section h4{
			padding: 10px 35px 0 0;
			display: inline-block;
				
			font-size: 15px;
		}
	/*
	 * RECENT POST
	 *
	*/
	section .post{
		border: 1px solid rgb(215,215,215);
		border-radius: 5px;
		background-color: rgb(240,240,240);
		margin: 0 0 50px 0;
	}
		section .post .title{
			padding: 25px 25px 10px 25px;
			
			color: rgb(32,100,226);
			font-size: 35px;
		}
		section .post .posted{
			padding: 0 25px 15px 25px;
			
			color: rgb(178,34,34);
			font-size: 17px;
			font-weight: normal;
			
			vertical-align: top;
			display: inline-block;
		}
		section .post p{
			padding: 0 25px 15px 25px;
			
			color: rgb(0,0,0);
			font-size: 15px;
			text-align: justify;
			word-wrap: break-word;
		}
/*
 * FOOTER
 *
*/
footer{
	background-color: rgb(32,100,226);
	bottom: 0;
	width: 100%;
	position: relative;
}
	footer .content{
		padding: 25px 0;
		width: 981px;
	}
		footer .col-one,
		footer .col-two{
			vertical-align: top;
			display: inline-block;
		}
		footer .col-one{ width: 80%; }
		footer .col-two{ width: 19%; }
		footer h1{
			color: rgb(255,255,255);
			font-size: 15px;
			font-weight: normal;
			line-height: 1.5;
		}
			footer a{
				color: rgb(255,255,255);
			}