/*
Theme Name: 2012
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/


@font-face {
	font-family: Banda;
	src: url(/fonts/Banda_regular-webfont.eot);
	src: local(éòƒ),
			 url('/fonts/Banda_regular-webfont.woff') format('woff'),
			 url('/fonts/Banda_regular-webfont.ttf') format('truetype'),
			 url('/fonts/Banda_regular-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


/* defaults */

body {
	font-size: 62.5%;
	font-family: Banda, Helvetica, sans-serif;
	line-height: 0px;
	margin: 0px;
	padding: 20px;
	background-color: #8b191b;
	text-align: center;
}

a img {
	border: 0px;
}

a {
	text-decoration: none;
}


/* layout */

#page {
	background-color: #ffffff;
	margin: 0px 20px;
	min-height: 300px;
	position:relative;
	text-align:left;
	-moz-box-shadow: 0 0 15px #333;
	-webkit-box-shadow: 0 0 15px #333;
	box-shadow: 0 0 15px #333;
	padding: 0px 64px;
}

#content {
	margin: 0px -64px;
	padding: 0px 64px 20px 64px;
	position: relative;
	overflow: hidden;	
	clear: both;
}

#footer {
	margin: 0px -64px;
	background-color: #c1b49a;
	padding: 40px 64px;
	border-top: 15px solid #9a8479;
	background-image: url(/images/bg_footer.png);
	background-repeat: no-repeat;
	background-position: 107px bottom;
	clear: both;
}


/* header */

header {
}

header h1 {
	margin: 0px;
	line-height: 100%;
	width: 250px;
	margin-left: -15px;
	margin-top: -25px;
	float: left;
	text-transform: lowercase;
	text-align: center;
	font-size: 5em;
	font-weight: 400;
	padding: 10px;
}

header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
  transition: all .25s;
  -moz-transition: all .25s; /* Firefox 4 */
  -webkit-transition: all .25s; /* Safari and Chrome */
  -o-transition: all .25s; /* Opera */
  background-color: #8b191b;
	color: #C1B49A;
	-webkit-border-radius: 70px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 70px;
	-moz-border-radius-topleft: 0;
	border-radius: 70px;
	border-top-left-radius: 0;
	box-sizing: border-box;
	padding: 13px 13px 18px 13px;
	z-index: 1000;
	-moz-box-shadow: 0 0 6px #333;
	-webkit-box-shadow: 0 0 6px #333;
	box-shadow: 0 0 6px #333;
}

header h1 a:hover {
	color: #8b191b;
	background-color: #C1B49A;
}

.shelf {
	float: right;
	text-align: right;
	position: relative;
	overflow: hidden;
	margin-right: -15px;
	position: relative;
	padding-left: 22px;
	background-image: url(/images/throbber.gif);
	background-repeat: no-repeat;
	background-position: 0px 40px;
}

.shelf p {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	line-height: 100%;
	font-size: 1.2em;
	float: left;
}

.shelf p a {
	text-align: left;
	color: #8b191b;
	padding: 8px;
	display: block;
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  transition: all .25s;
  -moz-transition: all .25s; /* Firefox 4 */
  -webkit-transition: all .25s; /* Safari and Chrome */
  -o-transition: all .25s; /* Opera */
}

.shelf p a:hover {
	background-color: #8b191b;
	color: #fff;
}

.shelf a.contact {
	/* width: 96px;
	height: 39px;
	background-repeat: no-repeat;
	background-image: url(/images/bg_contact.png);
	text-indent: -8000px; */
}

/* .shelf a.contact:hover {
	background-image: url(/images/bg_contact_o.png);
} */

.shelf a.photos {
	/* width: 96px;
	height: 39px;
	background-repeat: no-repeat;
	background-image: url(/images/bg_photo.png);
	text-indent: -8000px; */
	margin-right: 10px;
}

/* .shelf a.photos:hover {
	background-image: url(/images/bg_photo_o.png);
} */

header form, header fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 195px;
	float: left;
}

header form {
	padding-top: 35px;
}

#searchfield {
	padding: 3px 3px 3px 10px;
	width: 120px;
	border: 0px;
	border-bottom: 1px dotted #ccc;
	color: #8b191b;
	font-family: Banda, Helvetica, sans-serif;
	margin-right: 5px;
}

.shelf .subby {
	padding: 3px;
	font-family: Banda, Helvetica, sans-serif;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background-color: #9a8479;
	border: 0px;
	width: 25px;
	color: #fff;
  transition: all .25s;
  -moz-transition: all .25s; /* Firefox 4 */
  -webkit-transition: all .25s; /* Safari and Chrome */
  -o-transition: all .25s; /* Opera */
}

.shelf .subby:hover {
	background-color: #8b191b;
}

header h2 {
	font-weight: 400;
	font-size: 2em;
	color: #8b191b;
	line-height: 100%;
	margin: 15px 35px 0px 0px;
	clear: both;
	float: none;
	padding-top: 25px;
}

#content h2 a {
	margin: 0px;
	color: #8b191b;
	padding: 0px;
}

#flickr {
	clear: both;
	padding-top: 40px;
	padding-bottom: 25px;
}

#flickr img {
	padding: 9px;
	margin: 0px 6px 0px 6px;
	background-color: #e4dfd3;
}

#flickr img:hover {
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

#categories-2 h3, #categories-2 li {
	font-size: 1.7em;
	font-weight: 400;
	line-height: 130%;
	margin: 0px;
	color: #C1B49A;
}

#categories-2 li a {
	color: #C1B49A;
}

#categories-2 li a:hover {
	color: #8b191b;
}

#categories-2 {
	padding-bottom: 25px;
	border-bottom: 2px dotted #C1B49A;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	clear: both;
	padding-top: 0px;
}

#categories-2 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#categories-2 ul li {
	padding: 0px 12px 0px 0px;
	float: left
}

#categories-2 h3 {
	float: left;
	padding-right: 10px;
	color: #8b191b;
}

header #sbi_images {
	padding-top: 25px;
}

/* content */

#content h2 {
	font-size: 5em;
	line-height: 110%;
	font-weight: 400;
	margin: 20px 0px 10px -64px;
	padding: 0px 0px 0px 64px;
	background-image: url(/images/bg_start.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	color: #8b191b;
	clear: both;
}

#content h3 {
	font-size: 2.9em;
	line-height: 130%;
	margin: 20px 0px .2em 0px;
	color: #C1B49A;
	font-weight: 400;
	padding-top: 10px;
	border-top: 2px dotted #C1B49A;
}

#content h4 {
	font-size: 2.2em;
	line-height: 130%;
	margin: 20px 0px .2em 0px;
	color: #C1B49A;
	font-weight: 400;
}

#content p, #content ul, #content ol {
	font-size: 1.5em;
	line-height: 130%;
	color: #716558;
	margin: 0px 0px .75em 0px;
}

#content ol p {
	font-size: 100%;
}

#content p a, #content ul a {
	color: #8b191b;
}

#content p.metadata {
	font-size: 1.3em;
	line-height: 100%;
	color: #C1B49A;
	margin-bottom: 20px;
}



#content p.metadata a {
	color: #C1B49A;
}

/* footer */

#shelf1 {
	padding-bottom: 30px;
	border-bottom: 1px dotted #ffffff;
	position: relative;
	overflow: hidden;
}

#shelf1 .widget {
	width: 30%;
	margin: 0px 14px;
	float: left;
}

#shelf2 {
	padding-bottom: 15px;
	padding-top: 30px;
	position: relative;
	overflow: hidden;
}

#text-5 {
	width: 63%;
	margin: 0px 15px;
	float: left;
}

#wp_plugin_feed_text_link-3 {
	width: 30%;
	margin: 0px 13px;
	float: left;
}

#footer h3 {
	font-size: 1.7em;
	margin: 0px 0px .5em 0px;
	font-weight: 400;
	color: #8b191b;
	line-height: 100%;
}

#footer p, #wp_plugin_feed_text_link-3 .post, #footer li, #stray_widgets-2 div {
	font-size: 1.3em;
	line-height: 130%;
	color: #716558;
	margin: 0px;
}

#footer p a, #wp_plugin_feed_text_link-3 .post a, #footer li a {
	color: #716558;
}

.quotee {
	display: block;
	text-align: right;
	padding-top: 5px;
}

#shelf1 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#shelf1 ul li {
	margin: 0px;
	padding: 0px;
}

#footer #upcoming-events .future-event {
	color: #716558;
}

ul#socs {
	float: right;
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	overflow: hidden;
}

#socs li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right;
	width: 35px;
	height: 35px;
	line-height: 100%;
	position: relative;
	overflow: hidden;
	background-position: -8000px -8000px;
	background-repeat: no-repeat;
}

#socs li a {
	width: 35px;
	height: 35px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -8000px;
}

#socs li#soc_fb a {
	background-image: url(/images/soc_fb.png);
}

#socs li#soc_fl a {
	background-image: url(/images/soc_fl.png);
}

#socs li#soc_li a {
	background-image: url(/images/soc_li.png);
}

#socs li#soc_gp a {
	background-image: url(/images/soc_gp.png);
}

#socs li#soc_tw a {
	background-image: url(/images/soc_tw.png);
}

#socs li#soc_fb a:hover {
	background-image: url(/images/soc_fb_o.png);
}

#socs li#soc_fl a:hover {
	background-image: url(/images/soc_fl_o.png);
}

#socs li#soc_li a:hover {
	background-image: url(/images/soc_li_o.png);
}

#socs li#soc_gp a:hover {
	background-image: url(/images/soc_gp_o.png);
}

#socs li#soc_tw a:hover {
	background-image: url(/images/soc_tw_o.png);
}

#socs li#soc_fb {
	background-image: url(/images/soc_fb_o.png);
}

#socs li#soc_fl {
	background-image: url(/images/soc_fl_o.png);
}

#socs li#soc_li {
	background-image: url(/images/soc_li_o.png);
}

#socs li#soc_gp {
	background-image: url(/images/soc_gp_o.png);
}

#socs li#soc_tw {
	background-image: url(/images/soc_tw_o.png);
}


/* misc */

.photopre {
	padding: 20px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	margin: 15px 30px 15px 0px;
}

blockquote {
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 10px 0px;
	border: 1px dotted #C1B49A;
	background-color: #faf7f2;
}

p.quoter {
	text-align: right;
	font-size: 120%;
	font-style: italic;
	padding-right: 100px;
	color: #C1B49A;
}

#wpcf7-f2143-p1871-o1 label {
	width: 100px;
	margin: 0px 10px 0px 0px;
	float: left;
	display: block;
}

#wpcf7-f2143-p1871-o1 input.texty {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 250px;
}

#wpcf7-f2143-p1871-o1 .texty {
	padding: 6px;
	border: 0px;
	background-color: #faf7f2;
	color: #C1B49A;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: Banda, Helvetica, sans-serif;
	font-size: .9em;
}

#wpcf7-f2143-p1871-o1 textarea.texty {
	width: 640px;
	padding: 6px;
}

#wpcf7-f2143-p1871-o1 p {
	padding-top: 30px;
}

#wpcf7-f2143-p1871-o1 .wpcf7-submit {
	border: 0px;
	padding: 4px;
	color: #ffffff;
	background-color: #C1B49A;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: Banda, Helvetica, sans-serif;
}

#commentform .comment-form-comment label {
	width: 100px;
	margin: 0px 10px 0px 0px;
	float: left;
	display: block;
}

.alignright {
	float: right;
	margin: 0px 0px 10px 15px;
}

.alignleft {
	float: left;
	margin: 0px 15px 10px 0px;
}

.rr1 {
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg); 
	-o-transform: rotate(1deg); 
	-ms-transform: rotate(1deg);
  transition: all .5s;
  -moz-transition: all .5s; /* Firefox 4 */
  -webkit-transition: all .5s; /* Safari and Chrome */
  -o-transition: all .5s; /* Opera */
}

.rl1 {
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg); 
	-o-transform: rotate(-1deg); 
	-ms-transform: rotate(-1deg);
  transition: all .5s;
  -moz-transition: all .5s; /* Firefox 4 */
  -webkit-transition: all .5s; /* Safari and Chrome */
  -o-transition: all .5s; /* Opera */
}

.rr1:hover, .rl1:hover {
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg); 
	-o-transform: rotate(0deg); 
	-ms-transform: rotate(0deg);	
}

#content p.tags {
	font-size: 80%;
	padding: 5px 8px;
	background-color: #eeeeee;
	margin-top: 20px;
	clear: both;
}

#content p.agedisclaimer {
	padding: 10px;
	color: #777;
	max-width: 70%;
	display: flex;
	align-items: center;
}

#content p.agedisclaimer::before {
	content: '\2192';
	display: inline-block;
	padding-right: 10px;
}

#content p.agedisclaimer span {
	display: inline-block;
	padding: 20px;
	background-color: #f2f2f2;
}



/* dynamic image sizing */

.entry-content img {
    max-width: 90%;
    height: auto;
    width: auto\9; /* ie8 */
}

pre, code {
	padding: 15px;
	background-color: #eee;
	line-height: 130%;
	margin: 20px auto;
}

a.sbi_photo img {
	transition: all .3s;
}

.home article.category-photos .entry-content {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.home article.category-photos .entry-content img {
	max-width: 100%;
	box-sizing: border-box;
	padding: 30px;
	border: 1px solid #ddd;
	margin: 20px auto;
}