/*
style particular divs
*/
body{
	/*
	add 
	margin:0px;
	to the body to remove
	the spaces at the edges of the viewport
	*/
}
#block_tag_margins_separate{
	background-color:yellow;
	width:200px;
	/*
	declare 
		margin-coordinate:value;
	to style each coordinate of the box
	*/
	margin-top:25px;
	margin-right:0px;
	margin-bottom:130px;
	margin-left:140px;	
}
#block_tag_margins_same{
	background-color:yellow;
	width:200px;
	/*
	declare 
		margin-coordinate:value;
	to style each coordinate of the box
	*/
	margin:30px;
}
#inline_tag_margins{
	background-color:yellow;	
	margin:50px;
}

#wrapper{
	background-color:lightgrey;
}
h1{
	margin-top:0px;
}
h3{
	/* 
	stop this heading from positioning beside floated content 	
	*/
	clear:both;
}

/*
horizontaly meeting margins are added
*/
.lefty{
	float:left;	
	background-color:yellow;
	width:100px;
	border: solid 1px black;
	
	margin-right:40px;
}
.righty{
	float:left;	
	background-color:yellow;
	width:100px;
	border: solid 1px black;
	
	margin-left:60px;
}
/*
verticaly meeting margins collapse
*/
.upside{
	background-color:yellow;
	width:100px;
	border: solid 1px black;
	
	margin-bottom:19px;
}
.downside{
	background-color:yellow;
	width:100px;
	border: solid 1px black;
	
	margin-top:20px;
}