body{
	#bodyPadding{
		#mainContent{
			#allBlogPosts{
				.onePost{
					margin-bottom: 20px;
					padding-bottom: 20px;
					border-bottom: 2px dotted @primary;
					
					h2{
						margin-bottom: 0;
						margin-top: -5px;
					}
					
					h5{
						margin-top:4px;
						margin-bottom: 8px;
					}
					
					img{
						float: left;
						margin-right: 2%;
						margin-bottom: 5px;
					}
					
					li{
						img{
							float: none;
							display: list-item;
							margin-left: 0;
						}
					}
				}
			}
			
			#theBlogPost{
				li{
					img{
						float: none;
						display: list-item;
						margin-left: 0;
					}
				}
			}
			
			#blogNavigation{
				p{
					a{
						margin-right: 12px;
						color: @secondary;
						
						&.currentPage{
							font-weight: bold;
							color:@primary;
						}
					}
				}
			}
			
			#blogPosts{
				margin-top:30px;
				margin-bottom: 30px;
				//padding-top:30px;
				//border-top: 1px solid @grayLightMid;
				
				.onePost{
					float: left;
					margin-bottom: 0;
					padding-bottom: 10px;
					position: relative;
					height: 170px;
					//border-bottom: 1px solid @grayLightMid;
					
					h4{
					  line-height: 1em;
					  margin-bottom: 0px;
					  margin-top:10px;
					}
					
					h6{
					  line-height: 1em;
					  margin-bottom: 6px;
					  margin-top:4px;
					}
					
					img{
					  margin: 0 auto;
					  display: block;
					}
					
					&.third{
					  width:29%;
					  margin-right:4%;
					}
					
					&.half{
					  width:46%;
					  //margin-right:4%;
					  
					  &.right{
						float: right;
					  }
					}
					
					&.full{
					  width:100%;
					  height:auto;
					  //margin-right:4%;
					  
					  h4{
						font-size: 24px;
					  }
					  
					  img{
						width:150px;
					  }
					}
				}
			}
		}
	}
}


@media (max-width: 780px) {
	body {
		.modal {
			width: 90%;
    		margin: 0 -47%;
		}
	}
}