/*

Author: Lauren K. Jones
Date: 1/19/2014
Filename: delta_styles.css

*/

/* General Styles */



#blog_content .article_img_float_right{
	float: right;
	max-width: 35%;
	margin-left: 2%;
	margin-bottom: 2%;
	margin-right: 5%;
}

#blog_content .article_img_float_left{
	float: left;
	max-width: 35%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 5%;
}

/* Blog Page Specific Styles */

#blog_section {
	padding: 4.08rem 0% 2rem 0%;
	min-width: 1024px;
}
#blog_section h1 {
	margin-bottom: 1.4rem;
}

#blog_section h2 {
	margin-bottom: .1rem;
	margin-left: 5%;
	text-align: left;
	font-size: 134%;
	font-weight: 400;
}

#blog_section h2 a {
	font-size: inherit;
	font-weight: 400;
}

#blog_section h3 {
	margin-bottom: .5rem;
	margin-left: 5%;
	text-align: left;
	margin-top: 0px;
}

#blog_section h3.article_date {
	margin-bottom: 2%;
	margin-left: 5%;
	text-align: left;
	font-size: 100%;
	font-weight:normal;
	font-style:italic;
	margin-top: 0%;
}

#blog_section h3.article_author {
	font-style:normal;
	margin: 2% 5% 2% 5%;
	font-size: 100%;
}

#blog_section h4 {
	margin: 0px 5% .5rem 5%;
	font-size: 100%;
}

#blog_section h4.article_author {
	font-weight: 300;
	margin: -.5rem 5% 1.5rem 5%;
}



#blog {
	padding: 0%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0);
	border: 0px solid rgba(255,255,255,0);
}

#blog hr {
	width: 80%;
	margin: 0px 10% 3rem;
	clear: left;
}

#blog_content hr:last-of-type {
	display: none;
}

#blog_content {
	width: 75%;
	margin-right: 25%;
	background-color: white;
	padding: 2rem 0 2.5rem 0;
}

#blog_content img.left {
	max-width: 50%;
	max-height: 400px;
	margin-right: 4%;
	margin-bottom: 2.5%;
	float: left;
	/*display: block;
	margin-right: auto;
	margin-left: auto;*/
}

#blog_content img.right {
	float: right;
	max-width: 50%;
	max-height: 400px;
	margin-left: 4%;
	margin-bottom: 2.5%;
	/*display: block;
	margin-right: auto;
	margin-left: auto;*/
}

#blog_content img.left_group {
	max-width: 50%;
	max-height: 400px;
	margin-right: 4%;
	margin-bottom: 2.5%;
	margin-left: 5%;
	float: left;
	/*display: block;
	margin-right: auto;
	margin-left: auto;*/
}

#blog_content img.right_group {
	float: right;
	max-width: 50%;
	max-height: 400px;
	margin-left: 4%;
	margin-bottom: 2.5%;
	margin-right: 5%;
	/*display: block;
	margin-right: auto;
	margin-left: auto;*/
}


#blog_content > div img {
	max-width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#blog_content .large_top_image_post {
	width: 100%;
    margin: -2rem auto 2rem auto;
}

#blog_content .large_top_image_posts {
	width: 100%;
    margin: -2rem auto 2rem auto;
}

#blog_content > div:nth-of-type(1) h2:nth-of-type(1) {
	margin-top: -.15rem;
}

#blog_content p {
	margin: 0% 5% 1em 5%;
	line-height: 1.5em;
	font-size: 95%;
}

#blog_content p.tags {
	margin: 0% 5%;
	line-height: 1.5em;
	font-size: 95%;
}

#blog_content img {
	max-width: 100%;
}


#blog_content ul {
	margin: 0 5%;
	list-style: circle inside;
}

#blog_content ol {
	margin-left: 7%;
	margin-right: 5%;
}

#blog_content ol li, #blog_content ul li {
	line-height: 1.3em;
	margin-bottom: 1em;
	/*margin-left: 1em;*/
}

#blog_content ol li p, #blog_content ul li p {
	margin: 0px;
}


.social_media_icons_blog {
	list-style: none;
	width: 110px;
	margin-top: 25%;
	margin-left: auto;
    margin-right: auto;
    display: block;
	height: 60px;
}

.social_media_icons_blog a {
	margin-left: 4px;
	float: left;
	height: 30px;
	width: 30px;
	margin-bottom: 4%;
	text-indent: -9999px;
}

.facebook_link_blog {
	background: url(../images/spritesheet.png) 8px -98px no-repeat;
}

.facebook_link_blog:hover {
	background: url(../images/spritesheet.png) 8px -133px no-repeat;
}

.twitter_link_blog {
	background: url(../images/spritesheet.png) -32px -95px no-repeat;
}

.twitter_link_blog:hover {
	background: url(../images/spritesheet.png) -32px -130px no-repeat;
}

.instagram_link_blog {
	background: url(../images/spritesheet.png) -66px -98px no-repeat;
}

.instagram_link_blog:hover {
	background: url(../images/spritesheet.png) -66px -133px no-repeat;
}

.yelp_link_blog {
	background: url(../images/spritesheet.png) -99px -98px no-repeat;
}

.yelp_link_blog:hover {
	background: url(../images/spritesheet.png) -100px -133px no-repeat;
}

.pinterest_link_blog {
	background: url(../images/spritesheet.png) -145px -98px no-repeat;
}

.pinterest_link_blog:hover {
	background: url(../images/spritesheet.png) -145px -135px no-repeat;
}

.youtube_link_blog {
	background: url(../images/spritesheet.png) -195px -98px no-repeat;
}

.youtube_link_blog:hover {
	background: url(../images/spritesheet.png) -196px -135px no-repeat;
}

.social_box {
    margin-bottom: 2.2rem;
    text-align: left;
	height: 22px;
	width: 100%;
	display: inline-block;
	margin-left: 5%;
	margin-top: 1rem;
}

.social_box_top {
    margin-bottom: 1.5em;
    text-align: left;
	height: 22px;
	width: 100%;
	display: block;
	margin-left: 5%;
}

.social_box_bottom {
    margin-bottom: 2.5em;
	margin-top: 2em;
    text-align: left;
	height: 22px;
	width: 100%;
	display: block;
	margin-left: 5%;
}

.fb-share-button > span {
	vertical-align: 0px !important;
	margin-right: 1px;
}

/*#___plus_0, #___plus_1, #___plus_2, #___plus_3, #___plus_4, #___plus_5 {
	margin-left: 3px !important;
}*/

#twitter-widget-0, #___plus_0, .fb-share-button {
	height: 20px;
}

#twitter-share-button{
	margin-right: 0.25em;
	float: none;
}

.save_pin_btn {
	display: inline;
	height: 20px;
	/*vertical-align: -15px;*/
}

.save_pin_btn > span {
	vertical-align: top;
}

.pagination, #pagination_placeholder {
	display: block;
	height: 1rem;
}

.pagination a, #pagination_placeholder {
	margin: 0 5%;
	display: block;
}

#pagination_placeholder {
	width: 100px;
}

.pagination a:first-of-type {
	float: right;
}



#blog_side_column {
	width: 17%;
	min-height: 400px;
	float: right;
	background-color: white;
	padding: 2rem 3% 2rem 3%;
}

#blog_side_column h3 {
	font-size: 120%;
	text-align: left;
	margin-left: 0px;
}

#blog_side_column ul:nth-of-type(1), #blog_side_column form {
	margin-bottom: 1em;
}

#blog_side_column ul:nth-of-type(1) li {
	margin-left: .9em;
	margin-bottom: .15em;
}

#blog_side_column ul:nth-of-type(2) li {
	list-style: none;
	margin-bottom: .15em;
}

#blog_side_column input {
    padding: 0.25em;
    border: 1px solid rgb(187, 187, 187);
    margin-top: 0.5rem;
    box-sizing: border-box;
    width: 102%;
}

#rss_link {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 1em;
}

@media (min-width: 1px) and (max-width: 1023px) {
	#blog_section {
		background-color: rgb(255,255,255);
		background-color: rgba(255,255,255,0.7);
		clear: both;
		padding: 0.75rem 0;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 1;
		min-width: auto;
	}
}

@media (min-width: 371px) and (max-width: 470px) {
	
}

@media (min-width: 1px) and (max-width: 370px) {
	
}

@media (min-width: 901px) and (max-width: 1000px) {
	/* blog sidebar styles for mobile */
	#blog_content {
		width: 72%;
	}
	
	#blog_side_column {
		width: 20%;
		font-size: 95%;
	}
}

@media (min-width: 801px) and (max-width: 900px) {
	/* blog sidebar styles for mobile */
	#blog_content {
		width: 70%;
	}
	
	#blog_side_column {
		width: 22%;
		font-size: 92.5%;
	}
}

@media (min-width: 701px) and (max-width: 800px) {
	/* blog sidebar styles for mobile */
	#blog_content {
		width: 66%;
	}
	
	#blog_side_column {
		width: 26%;
		font-size: 93%;
	}
}

@media (min-width: 1px) and (max-width: 700px) {
	/* blog sidebar styles for mobile */
	#blog_content {
		width: 100%;
		margin-right: 0px;
	}
	
	#blog_side_column {
		width: 90%;
		font-size: 93%;
		padding: 2rem 5%;
		margin-bottom: 1rem;
		min-height: 1px;
		float: none;
	}
	
	.social_media_icons_blog {
		list-style: none;
		width: 110px;
		margin-top: 1rem;
	}
	
	#blog_side_column input {
		width: 100%;
	}
	
	#blog_section h2, #blog_section h3, #blog_section h3.article_date {
		margin-right: 5%;
	}
	
	#blog_section h3.article_date {
		margin-bottom: 1rem;
	}
	
	#blog_content ol li, #blog_content ul li {
		margin-bottom: .5em;
		font-size: .95rem;
		margin-left: 1em;
	}
	
	#blog_content ol li:last-of-type, #blog_content ul li:last-of-type {
		margin-bottom: 1em;
	}
	
	/* blog sidebar styles for mobile */
	#blog_content .article_img_float_right{
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 1.5rem auto 1rem;
	}
}

@media (min-width: 1px) and (max-width: 400px) {
	/* blog sidebar styles for mobile */
	#blog_content .article_img_float_right{
		width: 100%;
		float: none;
		margin: 1.5rem auto 1rem;
	}
}