_shame.scss

/* Hall of shame
------------------------------------------------------------------------------------ */

/* WORDPRESS BLOG LAYOUT */
.blog-posts {
	overflow:hidden; 

	.blog-post {
		margin-bottom: 20px;
		clear: left;
		overflow: hidden;

		img {
			float: left;
			margin-right: 10px;
			width: 136px;
		}

		.blog-content {
			overflow: hidden; 

			h2 {
				margin-bottom: 4px;
			}

			p {
				margin-bottom: 4px;
			}
		}
	}
}


/* WORDPRESS MENU LAYOUT */
#pull {
	background: url(../img/menu.png) no-repeat;
	display: none; /* Turn off for desktop view */
	height: 21px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 26px;
	@media screen and (max-width: 890px) {
		display: block; /* Turn on for mobile view */
	}
}

	.main-menu {
		margin-left: 0;
		position: absolute;
		right: 0;
		top: 10px;
		@media screen and (max-width: 890px) {
			position: static;
			display: none;
		}
		
		li {
			border-left: 1px solid #e2ddcd;
			float: left;
			line-height: 1;
			list-style-type: none;
			margin-left: 10px;
			padding-left: 10px;
			&:first-of-type {
				border-left: none;
				margin-left: 0;
				padding-left: 0;
			}
			@media screen and (max-width: 890px) {
				border: none;
				float: none;
				margin: 0;
				padding: 0;
			}

			a {
				color: $primary-color;
				@media screen and (max-width: 890px) {
					background-color: $primary-color;
					border-bottom: 1px solid darken($primary-color, 5%);
					border-top: 1px solid lighten($primary-color, 5%);
					color: $white;
					display: block;
					padding: 0.5em 10px;
					text-align: center;
				}
			}

			a:hover,
			&.current_page_item a {
				color: $secondary-color;
				text-decoration: none;
			}
		}
	}