/*
Theme Name: OLB Overpass Light Brigade (childtheme of Twenty Thirteen)
Author: the WordPress team + Lisa Moline
Template: twentythirteen
Description: childtheme of twentythirteen for the Overpass Light Brigade; uses features of twentythirteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen
*/

/** most recently edited 12 January 2015 **/

@import url("../twentythirteen/style.css");

/*** FONTS ***/

body {
font-size: .875em;
margin: 0;
padding: 0;
padding-top: 10px;
background-image: url(images/whitediamond.png);
background-position: center top;
font-family: georgia, serif;
}

html,
button,
input,
select,
textarea {

}

p {
	margin: .9em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
}

h1 {
	font-size: 1.5em;
	margin: 0;
}

h2 {
	
	margin: 0;
}

h3 {
	
	margin: 0;
}

h4 {
	font-size: 1em;
	margin: 0;
}

h5 {
	font-size: 1em;
	margin: 0;
}

h6 {
	font-size: 1em;
	margin: 0;
}

h1.entry-title {
text-align: center;
margin-bottom: 20px;
}

#content-blog h1.entry-title {
text-align: left;
margin-bottom: 0;
}

#content-blog .entry-meta {
text-align: left;
}

#content-blog .entry-header {
padding-bottom: 0;
}

h1.entry-title,
h2.entry-title {
font-family: 'Inika', georgia, serif;
font-size: 1.6em;
font-weight: bold;
padding-top: 20px;
letter-spacing: .02em;
}

#content-blog h1.entry-title,
#content-blog h2.entry-title {
font-size: 1.2em;
}

h2.entry-title a {
color: #000;
}

h2.entry-title a:hover {
color: #7b0603;
text-decoration: none;
}

.entry-content h3 {
font-size: 1.1em;
}

.entry-content a {
color: #000;
border-bottom: 1px dotted black;
}

.entry-content a:hover {
text-decoration: none;
color: #7b0603;
border-bottom: 1px dotted #7b0603;
}

.archive-header {
background-color: initial;

}

.archive-header h1,
.category-header h1 {
padding-left: 4px;
font-size: 1em;
letter-spacing: .02em;
font-weight: bold;
font-family: georgia, serif;
}

.format-link .entry-title {
	color: #ca3c08;
	display: inline;
	font: 300 normal 20px "Inika", georgia, serif;
	margin-right: 20px;
}

.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 normal 30px "Inika", georgia, serif;
	margin: 0;
}

.archive-title,
.archive-meta {
	font: 300 normal 30px "Inika", georgia, serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0 0 0;
	width: 100%;
}

.widget .widget-title, 
.twitter h3 {
	font-family: "Inika", Georgia, serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-size: .9em;
	margin: 0;
}

.twitter h3 {
margin-bottom: 6px;
}
blockquote {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	margin: 0 4px;
	padding: 10px;
	/*background-color: #f9f9f9;*/
	background-color: #eee;
	/*border-left: double #e0e0e0;*/
	border-left: double #d6d6d6;

}

blockquote p {
margin-top: 0;
}

blockquote blockquote {
	margin: 0 0 0 10px;
	border: 0;
}

blockquote cite,
blockquote small {
	font-size: smaller;
	font-weight: normal;
	text-transform: initial;
}

blockquote em,
blockquote i {
	font-style: italic;
	font-weight: normal;
}

blockquote strong,
blockquote b {
	font-weight: bold;
}

/*** REPEATABLE PATTERN EDITS ***/

/* remove genericon from post stuff */

.entry-meta .date a:before {
	content: "";
}

.entra-meta {
	padding: 0;
}

.entry-footer span {
margin-right: 20px;
}

.widget a:hover,
.navigation a:hover,
.entry-title a:hover,
.entry-footer a:hover,
.entry-meta a:hover {
	color: #7b0603;
}

/* fixing menu with pseudo-elements */
.date .navbar a:before
 {
  	display: inline;
	-webkit-font-smoothing: initial;
	font-family: 'inika', georgia, serif;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: .08em;
	line-height: 1;
	content: '• ';
	vertical-align: initial;
} 

.date .navbar a:after
 {

	-webkit-font-smoothing: initial;
	font-family: 'inika', georgia, serif;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: .08em;
	vertical-align: initial;
}

/***** IMAGE DISPLAY EDITS (CAPTIONS) *****/
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #572f2f;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	margin: 6px 0 24px 0;
}

/*** BASIC STRUCTURE EDITS ***/

.site {
	margin: 0 auto;
	width: 100%;
	max-width: 1080px;
	background-color: #fff;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: double #e0e0e0;
	border-top: double #e0e0e0;
	margin-bottom: 20px;
}

.site p {
font-size: 1em;
}

.format-chat .entry-meta .date a:before {
	content: "";
	margin-right: 0;
}

.format-status .entry-meta .date a:before {
	content: "";
}

/*** HEADER - BRANDING ***/


#masthead h1, #masthead h2, #masthead h3, #masthead p {
margin: 0;
}

#banner {
	width: 100%;
	position: relative;
}

#branding {
margin-left: 37%;
padding-top: 8px;
}

#branding h1 {
text-align: center;
}

a .site-title {
display: block;
background-image: url(images/OLB-logo-sm.png);
height: 124px;
width: 250px;
}

.site-description {
display: none;
}

#masthead span {
visibility: hidden;
}



/*** NAVBAR ***/

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
}

.navbar {
background-color: initial;
width: initial;
border-bottom: double #e0e0e0;
border-top: double #e0e0e0;
padding: 0;
margin: 0 14px;
}

.main-navigation {
	clear: initial;
	margin: 0;
	max-width: auto;
	min-height: 0px;
	position: static;
	text-align: center; /* centers the menu */
}

.nav-menu {
display: inline-block; /* centers the menu */
padding: 0;
}

.nav-menu li {
margin: 0 5px;
}

.nav-menu li a {
	color: black;
	display: block;
	font-size: 16px;
	padding: 12px 8px;
	text-decoration: none;
	letter-spacing: .08em;
	font-family: 'Inika', georgia, serif;
	text-transform: uppercase;
	font-weight: bold;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: rgba(255,255,255,.1);
	color: #259aa7;
}

.nav-menu li a:before {
content: '• ';
color: #fff;
font-size: .9em;
}

.nav-menu li a:after {
content: ' •';
color: #fff;
font-size: .9em;
}

.nav-menu li.current-menu-item a:before, .nav-menu li.current-post-parent a:before {
content: '• ';
color: #7b0603;
font-size: .9em;
}

.nav-menu li.current-menu-item a:after, .nav-menu li.current-post-parent a:after {
content: ' •';
color: #7b0603;
font-size: .9em;
}

.nav-menu li:hover > a, 
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	color: #7b0603;
	background-color: initial;
}



.nav-menu li:hover li {
	background-color: rgba(235,235,231,.9);
}

ul.nav-menu .sub-menu,
ul.nav-menu .children { 
	background-color: rgba(0,0,0,0);
	border: 0;
	border-top: 0;
	padding: 0;
	position: absolute;
	z-index: 99999;
	height: initial;
	width: 100%;
	overflow: visible;
	clip: initial;
	left: -9999px;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	overflow: inherit;
	clip: initial;
	height: 100%;
	width: 100%;
	left: auto;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #777;
	margin: 0;
	width: 100%;
	display: block;
	overflow: inherit;
}

ul.nav-menu ul li, /* new */
.nav-menu ul ul li {
	width: 100%;
	display: block;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: rgba(0,0,0,.2);
	display: block;
	width: 100%;
	color: #7b0603; /* dropdown hover color */
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-page-ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	font-style: normal;
	color: #7b0603;
}

.nav-menu .current_page_item > a:before, 
.nav-menu .current_page_ancestor > a:before,
.nav-menu .current-page-ancestor > a:before,
.nav-menu .current-menu-item > a:before,
.nav-menu .current-menu-ancestor > a:before {
	font-style: normal;
	content: '• ';
	color: #7b0603;
	font-size: .9em;
}

.nav-menu .current_page_item > a:after,
.nav-menu .current_page_ancestor > a:after,
.nav-menu .current-page-ancestor >a:after,
.nav-menu .current-menu-item > a:after,
.nav-menu .current-menu-ancestor > a:after {
	font-style: normal;
	content: ' •';
	color: #7b0603;
	font-size: .9em;
}


/** SMALL MENU EDITS **/

.menu-toggle {
	color: black;
	font-family: 'Inika', georgia, serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .08em;
	text-align: left;
}

.toggled-on .nav-menu {
text-align: left;
}

.toggled-on .nav-menu .current_page_item > a,
.toggled-on .nav-menu .current_page_ancestor > a,
.toggled-on .nav-menu .current-menu-item > a,
.toggled-on .nav-menu .current-menu-ancestor > a {
	background-color: rgba(0,0,0, .05);
	color: #7b0603;
}

.toggled-on .nav-menu,
.toggled-on .nav-menu > ul {
	display: block;
	margin-left: 0;
	padding: 0;
	width: 100%;
	}
	
.toggled-on .nav-menu li {
margin: 0;
}
	
.toggled-on .nav-menu a,
.toggled-on .nav-menu > ul a {
	color: #000;
}

.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
	color: #7b0603;
	background-color: rgba(0,0,0, .15);
	}
	
.toggled-on .nav-menu li a:hover:before {
	font-style: normal;
	content: '• ';
	color: #7b0603;
	font-size: .9em;
}

.toggled-on .nav-menu li a:hover:after {
	font-style: normal;
	content: ' •';
	color: #7b0603;
	font-size: .9em;
}

	
.toggled-on .nav-menu li > ul {
	margin-left: 0;
	border: 0;
	color: #333;
}

.toggled-on .nav-menu li > ul > li > a {
	padding-left: 40px;
}

.toggled-on .nav-menu li > ul > li {
	border: 0;
}
	
.toggled-on .nav-menu li {
	border-top: 1px solid #ccc;
}
	
.toggled-on .nav-menu li:first-child {
	border-top: 1px solid #ccc;
	}

	
.toggled-on .nav-menu li:last-child {
	border-bottom: none;
}

.toggled-on .nav-menu .menu-depth-1 li:last-child {
	border-bottom: none;
}


/*** LAYOUT ***/

.hentry {
	padding: 0;
	width: 100%;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-footer,
.entry-meta {
	margin: 0 22px;
	max-width: 1036px;
	width: 100%;
}

.entry-content blockquote {
	font-size: 1em;
}

.entry-content blockquote cite {
font-size: 1em;
}
.entry-content blockquote small {
	font-size: smaller;
}

.entry-header {
padding-bottom: 10px;
}

.entry-title {
margin-bottom: 0;
}

#content-blog .entry-meta {
margin: 0;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta,
.sidebar .entry-footer {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}

#content-blog .entry-meta, {
margin: 0;
padding-bottom: 10px;
}

.entry-content ul {
list-style-type: none;
margin: 4px 0 12px 0;
padding: 0 0 0 4px;
}

/*** 2-COL LAYOUT ***/

#content-blog .entry-header,
#content-blog .entry-content,
#content-blog .entry-summary,
#content-blog .entry-footer {
	margin: 0 22px;
	max-width: 710px;
	width: 100%;
}

#content-blog .sidebar .entry-header,
#content-blog .sidebar .entry-content,
#content-blog .sidebar .entry-summary,
#content-blog .sidebar .entry-meta {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}

.widget {
	background-color: initial;
	font-size: initial;
	margin: 0;
	padding: 10px 10px 10px 30px;
	word-wrap: break-word;
}

.sidebar-inner .widget-area {
padding-bottom: 30px;
}

.widget-sidebar { /* for how-to page */	
margin-left: 44px;
margin-right: 14px;
margin-top: -30px;
}

.post-navigation {
	background-color: initial;
	color: #ca3c08;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	padding: 20px 0 20px 20px;
}

/*** NETWORK METASLIDER STYLES ***/

#metaslider_container_86,
#metaslider_container_107 {
margin-top: -10px;
}

/*** LINKS PAGE STYLES ***/

.links-page li {
margin-bottom: 10px;
}

.links-page a {
font-weight: bold;
	font-family: 'Inika', georgia, serif;
}

/*** TWITTER ***/

.twitter {
margin: 10px 22px 0 22px;
border-top: double #e0e0e0;
padding: 10px 10px 0 10px;
}

.twitter a:hover {
color: #7b0603;
}

.twitter li {
float: left;
width: 31%;
}

.twitter li:first-child {
margin-right: 3%;
}

.twitter li:nth-child(even) {
margin-right: 3%;
}

.twitter li:last-child {
margin-right: 0;
}


/*** FOOTER EDITS ***/

.clearfix {
clear: both;
}

.site-footer {
	background-color: initial;
	background-color: white;
	color: #000;
	margin: 0px 14px 0 14px;
	border-top: double #e0e0e0; 
}

.site-info {
	display: none;
}

.site-footer a {
	color: #fff;
}

.site-footer .sidebar-container {
	background-color: initial;
	padding: 10px 0;
}

.site-footer .widget-area {
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}

.site-footer a,
.site-footer .widget a {
	color: #000;
}

.site-footer a:hover,
.site-footer .widget a:hover {
	color: #ca3c08;
	text-decoration: none;
}

.site-footer .widget {
	background: initial;
	color: black;
	float: none;
	margin-right: 0;
	padding: 0 6px;
	width: 100%;
	text-align: center;
}

.site-footer .widget a {
text-decoration: none;
}

.site-footer .widget img {
margin: 0 4px;
padding: 2px;
border: 1px dotted white;
border-radius: 6px;
}

.site-footer .widget img:hover {
border: 1px dotted #ccc;
} 

/*** SMALL SCREEN ***/
	
@media (max-width: 999px){
.post-navigation {
padding: 0;
	}

}

@media (max-width: 643px) {
#content-blog  .entry-header,
#content-blog  .entry-content,
#content-blog  .entry-summary,
#content-blog  .entry-meta,
#content-blog  .comment-list,
#content-blog  .comment-reply-title,
#content-blog  .comment-navigation,
#content-blog  .comment-respond .comment-form,
#content-blog  .featured-gallery,
#content-blog  .post-navigation .nav-links,
#content-blog .author-info,
.entry-content {
		max-width: 590px;
		padding: 0 20px;
		margin: 0 auto;
	}
	
.post-navigation {
padding: 0;
}
	
#content-blog .entry-header .entry-meta {
padding: 0;
}
	
.widget-sidebar {
margin-left: 0;
margin-top: 0;
	}

h1.entry-title,
h2.entry-title {
text-align: left;
margin-left: 0;
padding-left: 0;
}

#branding {
margin-left: 35%;
	}
}


@media (max-width: 643px) {
	.site-title {
		font-size: 30px;
	}

	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 0;
	}
	
#branding {
margin-left: 18%;
	}
	
.twitter li {
width: 100%;
}

#colophon .masonry {
padding: 0;
/* fixes the centered text in the footer at mobile size */
}
	
}

/** fixes overlapping sidebar problem **/

.blog .sidebar .blog .entry-header, .blog .sidebar .blog .entry-content, .blog .sidebar .entry-summary, .blog .sidebar .entry-meta {
   padding: 0px 20px 0px 20px;
   max-width: 100%;
}

.blog .sidebar .site-footer .widget-area {
    max-width: 1040px;
    left: 0px;
}

.blog .hentry {
   padding: 20px 0px;
}

@media (min-width: 999px) {

   #main #content-blog {
      overflow: hidden;
      margin: 0px auto;
      max-width: 1080px;
   } 

   #primary.content-area #content-blog {
      width: 68%;
      float: left;
   }

  .site-main .sidebar-container {
      position: static;
      float: right;
      width: 30%;
      height: auto;
   }
   .site-main .widget-area {
      margin-top: 24px;
      margin-right: 20px;
   }

}

/*** FACEBOOK PLUGIN STYLES ***/
#cff {
font-size: .8em;
font-family: georgia, times, serif;
padding-top: 10px;
}

.cff-text, .cff-post-desc {
font-style: italic;
}

.cff-item {
border-top: 1px solid silver;
}

.cff-item:first-child {
border: 0;
}