body {
  color: #000;
  background: #f9f9f9; /* fdfdfd for stripes */
  background-image: url("../images/background-grooves.png");
/* background-stripes.png background-grooves.png */
  background-attachment: fixed;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    padding: 0;
    margin: 0;
}

#container {
	padding: 0px 0px 40px 0px;
	margin: 0px;
	}

.logo {
	padding: 0px;
	margin: 30px 0px 18px 0px;
	opacity: 0.85;
	}

.logo_img {
	display: block;
	width: 100px;
	height: 60px;
	background-image: url(../images/logo-100px_black.png);
	background-repeat: no-repeat;
	background-position: center; 
	text-indent: -9999px;
	}

.nav_desktop {
	font-size: 1.2em;
	}

.nav_mobile {
  	display: none;
	font-size: 1.4em;
	}

#navstrip {
 	font-family: 'Oswald', sans-serif;
	line-height: 1.6;
	text-decoration:none;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	}
#navstrip li {
  	display: inline;
  	list-style-type: none;
	padding: 0px;
	margin: 0px;
  	}
#navstrip a:link, #navstrip a:visited, #navstrip a:active {
    color: #222;
    text-decoration: none;
}
#navstrip a:hover {
    color: #000;
    text-decoration: underline;
}

.options {
  	display: none;
	}

.options h3 {
	font-size: 1.2em;
	line-height: 1.8;
	font-weight: normal;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	}

.spacer {
	display: none;
}

.page_title {
	max-width: 900px;
	padding: 70px 0px 8px 0px;
	margin: 0px;
	}

.page_title a:link, .page_title a:visited, .page_title a:active {
    color: #222;
    text-decoration: underline;
}
.page_title a:hover {
    color: #000;
    text-decoration: none;
}

.page_title h1 {
	font-family: 'Waiting for the Sunrise', cursive;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.4;
	padding: 0px 10px 0.3em 10px;
	margin: 0px;
	}

.page_title p {
	max-width: 600px;
	font-size: 1.2em;
	line-height: 1.8;
	padding: 0px 0px 1em 0px;
	margin: 0px;
	}

.content_column {
	padding: 0px;
	margin: 0 auto;
	}

.content_for_desktop { /* to show/hide based on screen size */
	}

.content_for_tablet { /* to show/hide based on screen size */
  	display: none;
	padding: 0px 7px 0px 7px;
	margin: 0px;
	}

.content_for_mobile { /* to show/hide based on screen size */
  	display: none;
	padding: 0px 7px 0px 7px;
	margin: 0px;
	}

.content_block {
	padding: 0px;
	margin: 0px 0px 50px 0px;
	}

.photo {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	padding: 0px;
	margin: 0px;
	}

.content_block h2 {
	max-width: 600px;
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.7;
	padding: 18px 0px 0px 0px;
	margin: 0px;
	}

.content_block p {
	max-width: 600px;
	font-size: 1.2em;
	line-height: 1.8;
	padding: 0.6em 0px 0.2em 0px;
	margin: 0px;
	}

.content_block a:link { color: #222; text-decoration: none; /* cursor: default; */ }
.content_block a:visited { color: #222; text-decoration: none; }
.content_block a:hover { color: #000; text-decoration: none; }

.photo_info {
	padding: 0px 7px 0px 7px;
	margin: 0px;
	}

.photo_date {
	padding: 0px;
	margin: 0px;
	}

.photo_date p {
	#color: #808080;
	max-width: 600px;
	# font-size: 1.2em;
	font-size: 1.0em;
	line-height: 1.8;
	padding: 14px 0px 0px 0px;
	margin: 0px;
	}

.browse h3 {
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.5;
	color: #212121;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding: 0px;
	margin: 5px 10px 34px 10px;
	}

.content_for_mobile .browse h3 {
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.5;
	color: #212121;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding: 0px;
	margin: 5px 3px 34px 3px;
	}

.browse img {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	margin: 0px 30px 0px 30px;
	}

.content_for_mobile .browse img {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	margin: 0px 10px 0px 10px;
	}

.browse a:link {
	color: #212121;
	text-decoration: none;
	}

.browse a:visited {
	color: #212121;
	text-decoration: none;
	}

.browse a:hover {
	color: #212121;
	text-decoration: underline;
	}

.browse_tablet h3 {
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.5;
	color: #212121;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding: 0px;
	margin: 5px 10px 40px 10px;
	}

.browse_tablet img {
	width: 200px;
	height: auto;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	margin: 0px 11px 0px 11px;
	}

.browse_tablet a:link {
	color: #212121;
	text-decoration: none;
	}

.browse_tablet a:visited {
	color: #212121;
	text-decoration: none;
	}

.browse_tablet a:hover {
	color: #212121;
	text-decoration: underline;
	}

.browse_mobile h3 {
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.5;
	color: #212121;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding: 0px;
	margin: 5px 10px 40px 10px;
	}

.browse_mobile img {
	width: 100px;
	height: auto;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	margin: 0px 3px 0px 3px;
	}

.browse_mobile a:link {
	color: #212121;
	text-decoration: none;
	}

.browse_mobile a:visited {
	color: #212121;
	text-decoration: none;
	}

.browse_mobile a:hover {
	color: #212121;
	text-decoration: underline;
	}

.info_page h2 {
	max-width: 450px;
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.5;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	}

.info_page p {
	max-width: 450px;
	font-size: 1.2em;
	line-height: 1.8;
	padding: 0.6em 0px 1.4em 0px;
	margin: 0px;
	}

.info_page_left {
	max-width: 450px;
	text-align: right;
	vertical-align: top;
	padding: 0px 25px 0px 7px;
	}

.info_page_right {
	max-width: 450px;
	vertical-align: top;
	padding: 0px 7px 0px 25px;
	}

blockquote {
	max-width: 400px;
	font-family: 'Waiting for the Sunrise', cursive;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.6;
	padding: 24px 30px 14px 30px;
	margin: 0px;
	}

#accordion {
	max-width: 600px;
	}

#accordion h1 {
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.7;
	padding: 0.5em 0px 0px 0px;
	margin: 0px;
	}

#accordion h3 {
 	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.4;
	padding: 0.5em 7px 0.5em 7px;
	margin: 0px;
	}

#accordion h3:hover  {
	text-decoration: underline;
	cursor: pointer;
	}

#accordion p {
	font-size: 1.2em;
	line-height: 1.7;
	text-align: left;
	padding: 0.5em 0px 0.5em 0px;
	margin: 0px;
	}

.ui-accordion-header {
	outline: none;
	cursor: pointer;
	}

.ui-accordion-content {
	color: #000;
	border-bottom: 2px solid #222;
	padding: 0px 0px 20px 0px;
	margin: 0px 10px 20px 10px;
	}

.ui-accordion .ui-accordion-header.ui-state-active { // the open div
	text-decoration: none !important;
	font-size: 2em !important;
	line-height: 1.6 !important;
	padding-bottom: 5px !important;
	}

.spinner {
    border: 6px solid #fff;
    border-radius: 50%;
    border-top: 6px solid #333;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 0.6s linear infinite; /* Safari */
    animation: spin 0.6s linear infinite;
    margin-top: 50px;
    margin-bottom: 120px;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}