/*
 * Based on HTML5 Boilerplate
 *
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:valid, textarea:valid {  } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; }

/* =============================================================================
   Primary styles
   Author: Ten 7 Interactive


  7777777777777777777777777777777777777777777777777777777777777777777777777
  77                                                77777777777777777777777
  77   777777777777  77777777777  777777    7777    7777              77777
  77   777777777777  77777777777  7777777   7777    7777              77777
  77       7777      7777         77777777  7777    777777777777     777777
  77       7777      7777777777   777777777 7777    77777777777     777777
  77       7777      7777777777   7777 777777777    7777777777     777777
  77       7777      7777         7777  77777777    777777777     777777
  77       7777      77777777777  7777   7777777    77777777     777777
  77       7777      77777777777  7777    777777    7777777     777777
  77                                                77777777777777777
  777777777777777777777777777777777777777777777777777777777777777777


  Handcrafted in America by the humans at ten7.com


   ========================================================================== */

::-moz-selection { background: #BED600; color: #fff; text-shadow: none; }
::selection { background: #BED600; color: #fff; text-shadow: none; }

body {
	font-family: "Century Gothic",Helvetica, Arial, sans-serif;
	color: #37424A;
	z-index: 1;
	text-align: left;
	background: transparent url('/sites/all/themes/stjoan/img/pattern_bg.jpg') repeat;
	font-size: 16px;
}

/** headlines and content **/
h1, h2, h3, h4, p, li, td, input { font-family: "Century Gothic", Helvetica, Arial, sans-serif; }

p, li, td, input {
	color: #392f19;
}

ul {
	margin: 10px 0;
	padding: 0 0 0 20px;
}

li {
	margin: 0 0 16px 0;
}

h1 {
	color: #517283;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0px;
	text-transform: capitalize;
	float: left;
	width: 100%;
}

.node-type-event h1 {
	float: none;
}

h2 {
	color: #58595b;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
}

h3 {
	font-weight: normal;
	text-align: center;
	margin: 0;
}

p {
	margin: 0 0 20px 0;
	line-height: 26px;
}

/** hyper links **/
a:link {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}
a:hover  {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}
a:active {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}

/** container **/
#t7_ultimate {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}

#t7_main_content {
	background: url('/sites/all/themes/stjoan/img/pattern_bg.jpg');
	padding: 20px 20px 0;
	margin-bottom: 20px;
}

/** header **/
#t7_header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 378px;
	background: transparent url('/sites/all/themes/stjoan/img/header_bg_m.jpg') repeat-x;
	background-position-x: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

header {
	padding: 0;
	margin: 0;
	clear: both;
	width: 100%;
	float: left;
}

#t7_logo {
	width: 283px;
	margin: 10px auto;
	float: none;
}

#t7_logo img{
	width: 270px;
	height: auto;
}

#t7_main_navigation {
	clear: both;
	width: 295px;
	margin: 0 auto 20px auto;
}

.t7-slogan {
	display: none;
}

/** content areas **/
#t7_banner {
	clear: both;
	width: 286px;
	height: 365px;
	margin: 0 auto 20px auto;
	padding: 0;
	position: relative;
	background-position:-1014px 0px;
	background-image:url('/sites/all/themes/stjoan/img/sprite.png');
	background-repeat:no-repeat;
}

#t7_content {
	padding: 0;
	margin: 0 auto;
	width: 320px;
	clear: both;
}

#t7_search_area {
	display: none;
}

#t7_right .block {
	margin: 0 0 19px 0;
	float: left;
}


.front h2 {
	color: #517283;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
}

#t7_left_top,
#t7_right_mid {
	width: 286px;
	margin: 0 auto;
}

/** CONTENT FIELD STYLES **/

.field-name-body {
	clear: left;
}

.field-name-field-image {
	float: right;
	margin: 0 0 20px 30px;
}

.t7-img-description {
	margin-bottom: 30px;
	border-bottom: 1px solid #CBA95A;
	padding-bottom: 16px;
}

.t7-img-description img {
	margin-bottom: 6px;
}

.t7-img-txt {
	color: #517283;
	font-size: 14px;
}

/** Slideshow **/
#t7_banner .views-slideshow-cycle-main-frame-row-item {
	position: relative;
}

#t7_banner .views-field-body {
	position: absolute;
	left: 13px;
	top: 115px;
	z-index: 1;
	width: 259px;
	height: 230px;
	background-color: #aea794;
}

#t7_banner .views-field-body .field-content {
	width: 200px;
	padding: 15px 0 0 33px;
	height: 145px;
	overflow: hidden;
}

#t7_banner .views-field-field-slideshow-image {
	position: absolute;
	top: 10px;
	left: 14px;
	width: 258px;
	height: 309px;
	overflow: hidden;
}

#t7_banner h2 {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

#t7_banner h3 {
	margin: 0;
	font-size: 20px;
	color: #fff;
	text-align: left;
	font-weight: bold;
}

#t7_banner p {
	font-size: 15px;
}

#t7_banner .views-field-field-slideshow-image img {
	width: 295px;
	height: auto;
}

.views-slideshow-controls-top {
	position: absolute;
	top: 313px;
	left: 13px;
	width: 259px;
	z-index: 12;
}

#t7_banner a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: right;
}

#t7_banner a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}


.views-slideshow-pager-fields {
	width: 255px;
	margin: 0 auto;
}


.t7-slideshow-nav-item {
	background-image:url('/sites/all/themes/stjoan/img/sprite.png');
	background-repeat:no-repeat;
	background-position:-1285px -397px;
	width: 12px;
	height: 11px;
	float: left;
	margin-right: 10px;
}

.active .t7-slideshow-nav-item {
	background-position:-1285px -408px;
}

/** Large Image Page **/
#t7_lg_img {
	width: 285px;
	overflow: hidden;
	margin-bottom: 20px;
}

#t7_lg_img img {
	width: 285px;
	height: auto;
}


/* Bottom Left */
#t7_left_bot h2 {
	font-size: 18px;
	font-family: Times, Georgia, Serif;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

#t7_left_bot h3{
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
}

#t7_left_bot .content a.map {
	text-align: center;
	display: block;
	color: #fff;
	background: #7f8183;
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
	border: 1px solid #fff;
}

#t7_left_bot .content a {
	color: #fff;
	text-decoration: none;
}

#t7_left_bot p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
	color: #fff;
	text-align: center;
}

#t7_more {
	display: none;
}

/* NAVIGATION */
#mobileNav,
#mobileNavSecondary,
#serviceNav{
	width: 295px;
	margin: 0 auto 10px auto;
}

#t7_main_navigation .menu,
#block-menu-menu-left-navigation .menu {
	display: none;
}

/** Right Mid **/
#t7_right_mid img {
	width: 286px!important;
	height: auto;
	margin: 0 0 10px 0;
}

#t7_right #block-block-5.block {
	width: 268px;
	height: 30px;
	position: relative;
	clear: both;
	margin: 20px auto 20px auto;
}

.t7-sprite-btn_twitter {
	right: 22px;
}

/** footer **/
#t7_separation {
	clear:  both;
	width: 100%;
	height: 7px;
	background: #fff;
	box-shadow: 0 0 3px black;
	position: relative;
	z-index: 5;
}

footer {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 400px;
	background: #58595b;
}

#t7_footer {
	clear: both;
	padding: 20px 0;
	margin: 0 auto;
	width: 286px;
}

footer .menu {
	display: none;
	visibility: hidden;
}

/** block 7 **/
#t7_right #block-block-7.block.block {
	width: 270px;
	padding-bottom: 13px;
	margin: 20px auto;
}

#block-block-7 span {
	float: left;
	margin-right: 0;
	color: #58595b;
	font-size: 13px;
}

#block-block-7  #t7_mail {
	background: #d4d4d4;
	right: -16px;
	position: relative;
}

#t7_mail {
	border: none;
	background: #767677;
	margin: 0;
	padding: 0 0 0 10px;
	height: 24px;
	width: 133px;
	float: left;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	outline: none;
	color: #fff;
	font-size: 13px;
}

#t7_mailsubmit {
	background: #7c8a59;
	color: #FFF;
	border: none;
	border-radius: 13px;
	width: 38px;
	height: 24px;
	font-size: 10px;
	position: relative;
	right: 12px;
	top: -3px;
	outline: none;
}

#block-block-7 #t7_mailsubmit {
	top: 0;
	right: -3px;
}

#block-block-7 p {
	float: left;
}

.form-contain {
	float: right;
	width: 181px;
}


#mobileNav {
	background: transparent url('/sites/all/themes/stjoan/img/bg_main_nav.jpg') no-repeat;
     border-radius: 0px;
     border:0px;
     -webkit-appearance: none;
 		-moz-appearance: none;
 			appearance: none;
     width: 282px;
     height: 32px;
     background-repeat: no-repeat;
     background-position: right;
     margin:30px 0 10px 6px;
     padding: 0 0 0 10px;
     color: #FFF;
     font-size: 12px;
     font-family: "Century Gothic",Helvetica, Arial, sans-serif;
     letter-spacing: 1px;
}

/* news */
.view-news .item-list ul li {
	margin: 0 0 0 20px;
}

/** News View **/
.view-id-news h2 {
	clear: both;
}

.view-id-news .item-list ul {
	margin: 10px 0 10px 0;
	padding: 0;
}

.view-id-news .item-list li {
	list-style: none;
	margin: 0 0 13px 0;
	padding: 0;
}

.view-id-news .item-list li a {
	background: transparent url('/sites/all/themes/stjoan/img/bg_drk_dot.png') no-repeat left center;
	padding-left: 20px;
	color: #58595b;
	text-decoration: none;
}

.view-id-news .item-list li.Sticky a {
	background: transparent url('/sites/all/themes/stjoan/img/bg_blu_dot.png') no-repeat left center;
	color: #517283;
}

ul li.Sticky.views-row-first {
	border-top: 1px solid #CBA95A;
	padding-top: 10px;
}

ul li.Sticky.views-row-last {
	border-bottom: 1px solid #CBA95A;
	padding-bottom: 10px;
}

.t7-more-news {
	float: right;
	display: block;
	margin: 0 0 21px 0;
}



/* donate */
.t7-sprite-btn_donate {
	background-position: -1037px -657px;
	width: 170px;
	height: 29px;
	margin-right: 25px;
	text-indent:-99999px;/*move text off screen*/
}

.t7-sprite-btn_donate:hover {
	background-position: -1037px -627px;
	width: 170px;
	height: 29px;
}
/* Services block */
#block-views-this-week-s-services-block {
	padding: 4px 0;
	position: relative;
}

#block-views-this-week-s-services-block h2 {
	background: transparent url('/sites/all/themes/stjoan/img/bg_services.jpg') no-repeat;
	border-radius: 0px;
	border:0px;
	-webkit-appearance: none;
	-moz-appearance: none;
		appearance: none;
	width: 282px;
	height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin:0 0 0 6px;
	padding: 9px 0 0 10px;
	color: #517283;
	font-size: 12px;
	font-family: "Century Gothic",Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: normal;
}

#block-views-this-week-s-services-block h3 {
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 2px 0;
	font-size: 14px;
}

#block-views-this-week-s-services-block .item-list {
	margin: 0 0 8px 0;
}

#block-views-this-week-s-services-block .views-row,
#block-views-this-week-s-services-block .views-field-body,
#block-views-this-week-s-services-block .date-display-single  {
	font-size: 13px;
}

#block-views-this-week-s-services-block .views-field-body {
	margin: 0 0 0 75px
}

#block-views-this-week-s-services-block .item-list ul {
	margin: 0;
	padding: 0;
}

#block-views-this-week-s-services-block .item-list ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
}

#block-views-this-week-s-services-block .item-list ul li ul {
	margin: 0;
}

#block-views-this-week-s-services-block .item-list ul li ul li{
	list-style: disc;
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 13px;
}

#t7_more_button {
	position: absolute;
	bottom: -10px;
	left: 0;
}

#block-views-this-week-s-services-block .view-content {
	background: white;
	width: 268px;
	padding: 1px 0 0 12px;
	margin: 0 0 0 6px;
	position: relative;
	z-index: 999;
	top: -1px;
	border: 1px solid #517283;
	border-top: none;
	display: none;
}

#block-views-this-week-s-services-block .view-footer {
	display: none;
}

#mobileNavSecondary{
	background: transparent url('/sites/all/themes/stjoan/img/bg_other.jpg') no-repeat;
 border-radius: 0px;
 border:0px;
 -webkit-appearance: none;
	-moz-appearance: none;
		appearance: none;
 width: 284px;
 height: 32px;
 background-repeat: no-repeat;
 background-position: right;
 margin :0 0 0 0;
 padding: 0 0 0 10px;
 color: #58595b;
 font-size: 12px;
 font-family: "Century Gothic",Helvetica, Arial, sans-serif;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.not-front #mobileNav,
.not-front #t7_right_top {
	margin-bottom: 10px;
}

.not-front #mobileNavSecondary {
	margin: 0 0 20px 5px;
}

/* not front, hide these blocks */
.not-front #t7_left_top,
.not-front #t7_right_mid {
	display: none;
}

.not-front h1 {
	margin: 0 0 10px 0;
}

/* speaker archive */
.region-content-left h2 {
	color: #517283;
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 15px 0px;
	text-transform: capitalize;
}

.view-upcoming-pre-mass-speakers .view-content {
	width: 100%;
}

.view-upcoming-pre-mass-speakers .views-row {
	border-bottom: 1px solid #517283;
	margin: 0 0 20px 0;
	float: left;
}

.view-upcoming-pre-mass-speakers .views-field-field-event-image {
	float: right;
}

.view-upcoming-pre-mass-speakers .views-field-field-event-image img {
	width: 101px;
	height: auto;
}

.view-upcoming-pre-mass-speakers .views-row-last {
	border-bottom: none;
	margin: 0 0 20px 0;
}

.view-upcoming-pre-mass-speakers .views-field-nothing {
	width: 90%;
	font-size: 15px;
}

.view-upcoming-pre-mass-speakers a {
	font-size: 14px;
	text-decoration: none;
}

.view-upcoming-pre-mass-speakers .view-footer {
	clear: both;
}

/* webforms */
.node-type-webform .webform-component-textfield input {
	width: 90%;
	-webkit-appearance: none;
	border-radius: 0;
}

/* things for ministries page */
.view-ministries .attachment {
	clear: both;
	float: left;
}

.view-ministries .attachment h3 {
	font-size: 14px;
	color: #000;
	text-align: left;
}

.view-ministries .view-grouping-header,
.view-ministries h3 {
	text-align: left;
	color: #517283;
	font-size: 17px;
	margin: 0 0 6px 0;
}

.page-node-275 .view-ministries .item-list {
	margin: 0 0 30px 0;
	float: left;
	width: 230px;
}

.page-node-275 .view-ministries .item-list ul li {
	list-style: none;
	margin: 0 40px 10px 0;
	padding: 0;
	width: 160px;
}

.page-node-275 .view-ministries a {
	color: #58595b;
	text-decoration: none;
}

.region-content-left h2 {
	color: #517283;
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 15px 0px;
	text-transform: capitalize;
}

.page-node-275 #t7_right {
	float: right;
}



/* image fields should only be so wide */
.field-type-image img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

/** agenda view **/
.page-agenda .views-field-title,
.page-agenda .views-field-field-event-date {
	width: 100%;
	font-size: 14px;
}

.page-agenda .view-calendar .views-field-nothing {
	margin: 0;
	font-size: 14px;
	line-height: 21px;
}

.page-agenda .view-calendar .views-row {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #89A7B7
}

.page-agenda .view-calendar .views-field-title a{
	font-size: 16px;
	text-decoration: none;
}


.page-agenda .view-calendar .views-field-field-event-image {
	float: right;
	width: 100px;
	margin: 0 10px 0 20px;
}

.page-agenda .view-calendar .views-field-field-event-image img {
	width: 100%;
	height: auto;
}

/* events page */
.page-events #t7_right_mid {
	display: block;
}

/* mini cal */
.view-calendar .attachment-after {
	width: 310px;
	height: 200px;
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	background: #fff;
}

.view-calendar .attachment-after h3 {
	text-align: left;
	margin: 0 0 10px 0;
}

.view-calendar .attachment-after h3 .date-display-single {
	text-align: left;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font-size: 18px;
	color: #58595b;
}

.view-calendar .attachment-after .item-list ul {
	float: none;
	margin: 0 0 20px 0;
}

.view-calendar .attachment-after .item-list ul li {
	list-style: none;
	margin: 0 0 20px 20px;
}

.view-calendar .attachment-after .item-list ul li a {
	color: #517283;
	font-size: 15px;
}

a.jScrollArrowUp {
	background-image: url('/sites/all/themes/stjoan/img/btn_arrow_up.png');
	background-color: #e1e1e2;
	background-position: 1px 4px;
}

a.jScrollArrowDown {
	background-image: url('/sites/all/themes/stjoan/img/btn_arrow_down.png');
	background-color: #e1e1e2;
		background-position: 1px 4px;

}

.jScrollPaneContainer {
	border-top: 2px #d1d1d1 solid;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 2px #d1d1d1 solid;
	width: 285px!important;
	height: 198px!important;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #e1e1e2;
}

.jScrollPaneDrag {
	background: #e1e1e2;
}

#t7_right_mid .calendar-calendar {
	margin: 0 0 20px 0;
}

#t7_right_mid .calendar-calendar td {
	border-color: #cba95a;
	color: #000;
}

#t7_right_mid .calendar-calendar td .inner div.day a {
	color: #000;
	font-weight: normal;
}

#t7_right_mid .calendar-calendar th.days {
	background-color: transparent;
	color: #58595b;
	font-weight: normal;
	border: none;
	border-bottom: 1px solid #cba95a;
	font-size: 15px;
	text-transform: uppercase;
}

#t7_right_mid .calendar-calendar thead tr {
	background-color: transparent;
}

#t7_right_mid .calendar-calendar td {
	border: 2px solid #CBA95A;
	text-align: center;
	height: 41px;
	vertical-align: middle;
}

.view .date-nav-wrapper .date-prev a {
	margin: 0;
	font-weight: normal;
	font-size: 0;
	color: transparent;
	display: block;
	width: 8px;
	height: 16px;
	background: url('/sites/all/themes/stjoan/img/btn_left_arrow.png') no-repeat;
}

.view .date-nav-wrapper .date-next {
	right: 20px;
	top: -13px;

}

.view .date-nav-wrapper .date-next,
.view .date-nav-wrapper .date-prev {
	background: none;
}

.view-filters {
	position: relative;
	z-index: 999;
	float: left;
	height: 45px;
	width: 270px;
}

.views-exposed-form {
	position: absolute;
}

.view .date-nav-wrapper .date-next a {
	margin: 0;
	font-weight: normal;
	font-size: 0;
	color: transparent;
	display: block;
	width: 8px;
	height: 16px;
	background: url('/sites/all/themes/stjoan/img/btn_right_arrow.png') no-repeat;
}

.view .date-nav-wrapper .date-nav {
	margin: 0;
	padding: 0;
}

.date-nav-wrapper  {
	float: left;
}

.views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 0;
}

#block-block-8 h2 {
	color: #517283;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
}

.page-events .view-header h2 {
	color: #517283;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

.view-upcoming-events .views-row {
	border-bottom: 1px solid #89A7B7;
	margin-bottom: 30px;
	padding-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
}

.views-field-field-event-date {
	width: 150px;
}


.page-events .views-field-title, .page-events .views-field-field-event-date {
	width: 150px;
}

.view-upcoming-events .views-field-field-event-image {
	float: right;
	width: 100px;
	margin: 0 0 10px 10px;
}

.view-id-upcoming_events .views-field-field-event-image img {
	width: 100%;
	height: auto;
}

.t7-sprite-btn_youtube {
	right: -1px;
}

/** speaker archive **/
.t7-speaker-group {
	float: left;
	clear: both;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #517283;
	width: 100%;
}

.t7-field-event-image {
	float: right;
	margin: 0 0 0 20px;
}

.t7-event-body {
	margin: 0 0 20px 0;
}

.t7-event-dates {
	float: left;
}

.page-calendar-agenda .view-content table,
.page-calendar-agenda .view-empty table,
.subscribe-table {
	width: 100%;
}

.page-calendar-agenda .view-content table td,
.page-calendar-agenda .view-empty table td {
	padding: 16px 2%;
	width: 29.3%;
}

.subscribe-table td,
.subscribe-table th {
	padding: 16px 2%;
}

.page-calendar-agenda .view-content table th,
.page-calendar-agenda .view-empty table th {
	padding: 10px 2%;
	width: 29.3%;
	font-size: 14px;
}

.view-upcoming-events .item-list ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}

tr.even,
tr.odd,
.subscribe-table tr {
	background-color: #fff;
	border-bottom: 1px solid #CBA95A;

}

html.js .bef-select-as-checkboxes-fieldset.collapsible .fieldset-legend {
	padding: 0;
}



.views-exposed-form  .views-submit-button input {
	margin: 0;
	-webkit-appearance: none;
	border: none;
	background: #CBA95A;
	color: white;
	text-transform: uppercase;
	width: 71px;
	height: 30px;
	text-align: center;
}

.bef-checkboxes {
	width: 166px;
	margin-left: 15px;
	background: #fff;
	padding: 10px 0 10px 10px;
	border: 1px solid #CBA95A;
	border-top: none;
	float: left;
	margin: 0;
}

.bef-checkboxes .form-type-bef-checkbox {
	float: left;
	margin-bottom: 15px;
	clear: both;
}

.view-filters {
	float: left;
	z-index: 999;
}

.views-exposed-form label {
	font-weight: normal;
	float: left;
	width: 140px;
}

.views-exposed-form legend {
	height: 30px;
}

.views-exposed-form .views-exposed-widget {
	position: relative;
	padding: 0;
	margin-right: 5px;
}

.views-exposed-form .views-exposed-widget .views-widget-filter-tid {
	margin: 0;
	padding: 0;
}

.t7-calendar-filter {
	position: absolute;
	right: 0;
	z-index: 100;
}

.t7-calendar-filter a {
	background: url('/sites/all/themes/stjoan/img/btn_filter_cal.png') no-repeat;
	border: none;
	width: 179px;
	height: 32px;
	display: block;
}

html.js fieldset.collapsed .fieldset-legend {
	background-image: none;
}

.bef-select-as-checkboxes-fieldset a {
	background: url('/sites/all/themes/stjoan/img/btn_filter_cal.png') no-repeat;
	border: none;
	width: 179px;
	height: 32px;
	display: block;
}

.view .date-nav-wrapper .date-heading h3 {
	font-size: 14px;
	font-weight: bold;
}

/* Hide the Maximenu */
#block-om-maximenu-om-maximenu-1 {
	display: none;
}


.t7-cal-menu {
	display: none;
}

.view-id-upcoming_events .date-nav-wrapper .date-prev {
	left: 5px;
	top: 2px;
	right: auto;
	background: none;
}

.view .date-nav-wrapper .date-next {
	right: 5px;
	left: auto;
	background: none;
	top: -12px;
}

.t7-subscribe {
	font-size: 14px;
	float: left;
	clear: both;
	text-align: center;
	width: 100%;
	margin: 10px 0;
}

.ical-url {
	max-width: 250px;
	word-wrap: break-word;
	padding: 10px;
}

#block-system-main {
	clear: both;
}

/** admin menu font face override **/
.tabs,
.messages  {
	clear: both;
}

.tabs {
	display: none;
}

.node-type-gcal-event #t7_left {
	margin: 0;
}

.t7-back-button {
	display: block;
	float: right;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}

#admin-menu p,
#admin-menu li,
#admin-menu td,
#admin-menu input { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 10px; }
/** overrides **/
#tinymce { background-image: none; background: #fff; }
ul.primary li a { background-color: transparent; }

#admin-menu {
	margin: 0;
}


/* =============================================================================
   		helper classes
   ========================================================================== */
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.vh, .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#block-views-bulletin-block-2{
	display:none;
}
a.t7-sprite-btn_fbook{
	display:inline;
	text-indent: -99999px;
}
a.t7-sprite-btn_twitter{
	display:inline;
	text-indent: -99999px;
}

a.t7-sprite-btn_youtube{
display:none;
}

/* ================================================================================
   		MOBILE FIRST STYLES ARE 'PRIMARY', LARGER RESOLUTIONS GO BELOW TO OVERRIDE
   ================================================================================ */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}