body {
	font-family: "arial";
   font-size: 18px;
   line-height: 140%;
   margin: 5% 10%;
   text-align: justify;
  
}

	
nav {

   line-height: 150%;
}



/* News sections*/
.brewing {

	color:blue;
	background-color: pink;
	text-transform: capitalize;	
}

.photo {

	color:white;
	background-color: blue;
	text-transform: capitalize;	
}

.site {
	color: blue;
	text-transform: capitalize;
	background-color: yellow;
}

.garage {
	color:blue;
	background-color: lightgreen ;
	text-transform: capitalize;
}

.articles {
	color:blue;
	background-color: lightgrey;
	text-transform: capitalize;
}

/* Brewing status */

.archived {
	color:blue;
	background-color: yellow;
}

.fermenting {
	color:blue;
	background-color: pink;
}

.drinking {
	color:blue;
	background-color:lightgreen;
}

.planned {
	color:blue;
	background-color:orange;
}

/* end of section */

hr.short {
   
   display: block;
   width: 25%;
   margin-left: 5px;
   margin-top: 20px;
   margin-bottom: 20px;
}

hr.break {
	border: 1px dotted grey;
	width:80%;
	margin-top: 30px;
	margin-bottom: 30px;
	
	
}
hr.bottom {
	border: 1px dashed grey;
	margin-top: 50px;
	margin-bottom: 20px;
}

hr.footer {
	font-style: italic;
	color: red;
	font-size: 16px;
	line-height: 120%;
	
}

/* image size for flickr embeds */
.responsive {
	max-width: 80%;
	/* max-height: 300px; */
	display: block;
	/*margin: auto; /* center */
}

ul {line-height:150%;
	text-align: left;
}



a:link {
	text-decoration:none;
	color: blue ;
}
a:visited {
	color:blue ;
}


h1 {line-height:120%;font-size:30px;background-color: lightgrey;text-align: center;
border: 1px solid #999;}


h2 {line-height: 110%; font-size:26px;color: #000099;text-align: left;}

h3 {line-height:110%; font-size:22px; color: #990000;text-align: left;}

h4 {line-height: 22%; text-align: left; color:black;}


p.article-date {
	color:darkred;
	text-align: center ;
	font-style: italic;
}



p.bibliography {text-align:left;
				font-style: italic;
				font-size:smaller;}