/* @override http://mountainpark.org/_css/styles.css */

/* Site: MPCC */

/* =RESET TYPOGRAPHY
---------------------------------------------------------------------
*/
html{
  background: url(../_img/bg_html.jpg) center top;
  overflow-y: scroll; 
}

body {
  font-family: Helvetica,Arial sans-serif; /* web safe fonts */
  background: url(../_img/bg_body2.jpg) repeat-x center 608px;
  min-height: 1013px;
  min-width: 960px;
  color: #3c3c3c;
}

h1,h2,
#home_welcome h3,
#home_welcome h4,
#home_welcome h5,
aside section h4,
aside h3.section-title,
.disqus h3,
.footer_info h5,
.footer_info h4{
  font-family: "museo-slab-1","museo-slab-2",serif;
  font-weight: 500;
  color: #3c3c3c;
}

h3,
#nav li a,
.bloglist h2 a,
aside section h5,
article.detail h2,
table.calendar caption,
.event_controls h2{
  font-family: "league-gothic-1","league-gothic-2",'Helvetica', sans-serif;
}

div#headerContainer{
  position: absolute;
  top: 0;
  left: 0;
  background: url(../_img/bg_header.png) repeat-x center top;
  height: 160px;
  width: 100%;
  overflow: visible;
  z-index: 1;
  min-width: 1000px;
}
div#background{
  position: absolute;
  height:460px;
  width: 100%;
  top: 150px;
  z-index: 0;
  min-width: 1000px;
}

h1 {
  font-size: 2em; /* font-size doesn't matter since we hide this with a logo */
  font-weight: normal;
}

h1,
h2 {
  font-size: 28px;
  line-height: 1;
  font-weight: normal;
}

h3 {
  color: #729e34;
  font-size: 22px;
  line-height: 1.6;
  font-weight: normal;
}
h4 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

h5 {
  font-size: 1.2em;
  font-weight: bold;
}

h6 {
  font-size: 0.8em;
  font-weight: bold;
}

blockquote {
	background: #D7D7D7;
	background-image: url("../_img/blockquotebg.jpg"); 
	border-width: 1px; 
	border-style: dotted;
	padding: 10px 10px 3px 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-family: "museo-slab-1","museo-slab-2",serif;
	color: #FFFFFF;
}

body img.typekit-badge {
	display: none !important;
}

.staff_question {
	font-family: league gothic;
	color: #729e34; 
	font-size: 22px;
	line-height: 19px;
}
.staff_indent {
	margin-left:10px;
}

p {
  font-weight: normal;
  margin: 0 0 15px 0;
  line-height: 1.7;
}

/* @group links */
a:hover, a:active { outline: none; }
a, a:active { color: #2bace1; text-decoration: none;}
/* a:visited{color: #b1b2ab;} */
a:hover { color: #1f1f1f;text-decoration: underline; }

/* @end */

/* @group header */
header{
  height: 150px;
  position: relative;
  z-index: 25;
}

header h1 {
  width: 211px;
  height: 166px;
}
header h1 a{
  background: url(../_img/logo.png) no-repeat left top;
  display: block;
  height: 0;
  padding-top: 166px;
  overflow: hidden;
}

/* @group nav */
nav#metanav{
  margin-bottom: 76px;
  padding-top: 12px;
  padding-right: 53px;
  text-align: right;
  position: relative;
}
nav#metanav a{
  color: #777777;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  z-index: 3;
}
nav#metanav span{
  background: url(../_img/span_series.png) no-repeat left 2px;
  margin: 0 3px 0 5px;
}
header #siteSearch{
  position: absolute;
  height: 107px;
  right: -2px;
  top: -69px;
  width: 445px;
  z-index: 1;
}
#siteSearch form{
  margin-top: 4px;
  height: 69px;
  background: url(../_img/sitesearch.png) no-repeat right top;
}
#siteSearch input#search_term{
  border: none;
  background: transparent;
  float: left;
  font-size: 16px;
  color: #3c3c3c;
  margin-top: 20px;
  padding: 3px;
  width: 335px;
}
#siteSearch a#search_go{
  background: url(../_img/sitesearch_go.png) no-repeat left top;
  display: block;
  float: right;
  height: 0;
  margin: 20px 30px 20px 30px;
  overflow: hidden;
  padding-top: 22px;
  width: 22px;
}
nav#metanav a.search{
  background: url(../_img/search.png);
  display: block;
  height: 0;
  position: absolute;right: 1px;bottom: 0;
  overflow: hidden;
  padding-top: 38px;
  width: 43px;
}
nav#metanav.newLayout{
  padding-right: 0;
  padding-top: 12px;
  overflow: visible;
  float: right;
  margin-bottom: 31px;
}
nav#metanav.newLayout .ql{
  float: right;
  margin-bottom: 5px;
}
.newLayout #siteSearch{
  position: relative;
  height: 40px;
  right: auto;
  top: auto;
  margin: 0 0 0 10px;
  width: 190px;
  z-index: 1;
  float: right;
  clear: right;
}
.newLayout #siteSearch form{
  margin-top: 0;
  height: 40px;
  background: url(../_img/sitesearch3.png) no-repeat right top;
}
.newLayout #siteSearch input#search_term{
  border: none;
  background: transparent;
  float: left;
  font-size: 14px;
  color: #3c3c3c;
  margin-top: 9px;
  padding: 3px;
  width: 125px;
}

.newLayout #siteSearch a#search_go{
  background: url(../_img/sitesearch_go2.png) no-repeat left top;
  display: block;
  float: right;
  height: 0;
  margin: 7px 6px 7px 20px;
  overflow: hidden;
  padding-top: 26px;
  width: 26px;
}

.newLayout #siteSearch a.search{
  display: none;
}


/* PRIMARY NAV IS DEFINED IN SUPERFISH.CSS */

/* @end */
/* @end */
/* @group home */
#home_rotator{
  background: url(../_img/rotator_bg.jpg) repeat right top;
  height: 360px;
  margin-left: 5px;
  margin-right: 4px;
  position: relative;
  z-index: 10;
}
.rotator_images{
  width: 640px;
  height: 360px;
  overflow: hidden;
  z-index: 3;
}
.rotator_images a{font-size: 0;}

.rotator_nav{
  position: absolute;
  right: 0;
  top:0;
  width: 365px;
  height: 308px;
  overflow: hidden;
}
.rotator_nav_inner{
  position: relative;
  top: 0;
}

.rotator_nav div.item{
  background: url(../_img/rotator_nav-normal.png) no-repeat 15px bottom;
  height: 53px;
  padding: 12px 28px 11px 43px;
  position: relative;
  z-index: 6;
}
.rotator_nav div.item.activeSlide{
  background: url(../_img/rotator_nav-active.png) no-repeat left -1px;
  margin-top: -1px;
  padding-top: 13px;
}
.rotator_nav div.item:hover,
.rotator_nav div.item.sfHover{
  cursor:default;
}
.rotator_nav p{
  color: #f3f3f3;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
  width: 185px;
  margin-bottom: 0;
}
.ie8 .rotator_nav p,
.ie7 .rotator_nav p{
  font-size: 12px;
}
.rotator_nav p.image{
  float: right;
  width: 83px;height: 45px;
  padding: 4px;
  background: url(../_img/home_rotator-thumb.png);
  border-radius:10px;
  margin-bottom: 0;
}
.rotator_nav span{
display: block;
float: right;width: 83px;height: 45px;
border-radius:7px;
overflow: hidden;
}
.rotator_nav div.activeSlide p{
  color: #8ec541;
}
.rotator_nav_control{
  position: absolute;
  right: 0;
  bottom: 0;
  height: 55px;
  width: 365px;
}

.indicators{
  float: right;
  margin:18px 28px 18px;
}
.rotator_nav_control span{
  background: url(../_img/rotator_indicator.png) left top;
  display: block;
  width: 16px;
  height: 16px;
  float: left;
}
.rotator_nav_control span.active{
  background-position: right top;  
}

#home a#prev,
#home a#next{
  background-image: url(../_img/rotator_nav-arrow.png);
  display: block;
  width: 32px;
  height: 0;
  overflow: hidden;
  padding-top: 32px;
  float: left;
}
#home a#next{background-position: left top;margin: 8px 0 0 38px;}
#home a#next:hover{background-position: 0 -32px;}

#home a#prev{margin: 8px 0 0 -3px;background-position: -32px top;}
#home a#prev:hover{background-position: -32px -32px;}

#home_welcome{
  background: url(../_img/home_welcome.png) no-repeat left top;
  width: 1007px !important;
  height: 86px;
  margin-left: -3px;
  margin-bottom: 15px;
}
#home_welcome h3{
  color: #f5f5f5;
  padding-right:13px;
  text-align: right;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
  /* the following if for using an image */
  background: url(../_img/home_welcome-title1.png) no-repeat left top;
  height: 0;
  margin-left: 17px;
  overflow: hidden;
  padding-top: 86px;
}
#home_welcome h5{
  color: #8ec541;
  font-size: 14px;
  padding-right:13px;
  text-align: right;
  height: 0;
  overflow: hidden;
}
#home_welcome h4{
  color:  #8ec541;
  /* the following if for using an image */
  background: url(../_img/home_welcome-title2-1.png) no-repeat left top;
  height: 0;
  overflow: hidden;
  padding-top: 86px;
  width: 408px;
}
#home_welcome a.welcome_vid{
  background: url(../_img/welcome_vid.png) no-repeat left top;
  display: inline-block;
  height: 0;
  margin: 8px;
  overflow: hidden;
  padding-top: 62px;
  width: 104px;
}
#home_welcome a.welcome_vid:hover{
  background-position: left -62px;
}
#home_welcome .learn_more{
}
#home_welcome .learn_more a{
  background: url(../_img/home_welcome-more.png) no-repeat left top;
  float: right;
  display: block;
  height: 0;
  margin: 16px 0 0 0;
  overflow: hidden;
  padding-top: 46px;
  width: 132px;
}
#home_welcome .learn_more a:hover{background-position: left -46px;}

#content p.subscribe{
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
  position: absolute;
  right: 40px;
  top: 10px;
  text-transform: uppercase;
  z-index: 50;
}
#home #content p.subscribe{
  top: 50px;
}
#content p.subscribe img{
  background: none;
  margin: 0;
  padding: 0 0 0 4px;
  vertical-align: top;
}
/* @end */
/* @group main */
#main{
  padding-top: 32px;
  min-height: 676px;
  min-width: 1000px;
}

/* @group content */
div.content-wrap{
  background: url(../_img/bg_content.jpg) repeat-y center top;
  min-height: 630px;
  /* positioned so #main footer can be absolute & min-height will work */
  position: relative;
  z-index: 20;
  padding-bottom: 46px;
}

nav.breadcrumbs{
  border-bottom:1px dotted #cccccc;
  color: #b1b2ab;
  margin: 0 -45px 22px -50px;
  padding-left: 50px;
  line-height: 40px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

#content.grid_23 nav.breadcrumbs {
	margin: 0 -40px 22px -40px;
	padding-left:40px;
}

nav.breadcrumbs a,
nav.breadcrumbs strong{
  line-height: 40px;
}
nav.breadcrumbs span{
  margin-left: 3px;
  margin-right: 3px;
  line-height: 40px;
}
nav.breadcrumbs strong{
  color: #3c3c3c;
}
nav.breadcrumbs a.home{
  background: url(../_img/nav_bc-home.png) no-repeat left 4px;
  display: inline-block;
  height: 0;
  padding-top: 15px;
  overflow: hidden;
  width: 11px;
}
.ie7 nav.breadcrumbs strong,
.ie7 nav.breadcrumbs a,
.ie7 nav.breadcrumbs span{
  display: inline-block;
}
.ie7 nav.breadcrumbs a.home{
  vertical-align: middle;
  margin-top: -4px;
}

section#content{
  background: url(../_img/content-highlight.png) no-repeat center 41px;
  margin-bottom: 30px;
  position: relative;
}

#home section#content{
  background-position: center top;
  margin-top: -20px;
  padding-top: 45px;
}

#content header{
  height: auto;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 18px;
  margin-bottom: 10px;
}
#content.tabs_subtitle header {
	margin-bottom: 0px !important;
}
#content header h1{
  width: auto;
  height: auto;
}

#content h3 a{
  font-weight: normal;
}

#content img.big{
  padding: 15px;
  background: url(../_img/photo_bg.png);
  margin-bottom: 17px;
  width: 560px;
  height: auto;
}

#content.grid_23 img.big {
	width: 880px;
}

img.special_img{
  background: url(../_img/photo_bg.png);
  margin-bottom: 17px;
  padding: 10px;
}
.flickr_badge_image img{
  /* background: url(../_img/photo_bg.png); */
  padding: 10px;
  width: 78px;
  height: auto;
}

#flickr_badge_uber_wrapper tr{
  background: url(../_img/photo_bg.png);
}
#flickr_badge_uber_wrapper td{
  vertical-align: middle;
}
img.special_img_left{
  background: url(../_img/photo_bg.png);
  float: left;
  margin-bottom: 17px;
  margin-right: 10px;
  padding: 10px;
}

img.special_img_right{
  background: url(../_img/photo_bg.png);
  float: right;
  margin-bottom: 17px;
  margin-left: 10px;
  padding: 10px;
}
#content a{
  font-weight: bold;
}
#content li,
#content #tabs div li {
  font-weight: normal;
  line-height: 1.7;
  font-size: 12px;
}

#content ul,
#content #tabs div ul {
  margin: 0 0 10px 0;
}
#content ul li,
#content #tabs div ul li {
  list-style-type: none;
  background: url(../_img/content_li2.png) no-repeat left 4px;
  padding-left: 18px;
  margin-left: 15px;
  margin-top: 0px;
}
#content ol,
#content #tabs div ol {
  margin-bottom: 10px;
}

#content ul ul,
#contnet ol ol,
#content #tabs div ul ul,
#content #tabs div ol ol {
  margin: 1px 0 0 0;
}
#content ul li li,
#content #tabs div ul li li {
  background: url(../_img/content_li-li.png) no-repeat left 3px;
}

#content #dsq-content ul li {
	background: none;
	padding: 0;
}

/* next steps link list */

#content .nextsteps {
	float: left;
	width: 162px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #cfd0c8;
	padding: 5px;
	 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius:5px;
}

#content .nextsteps a.minibutton {
	display: block !important;
	width: 100%;
	text-align: center;
	font-family: Arial, Helvetical, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

#content .nextsteps.last {
	margin-right: 0;
}

#content .three-up .nextsteps {
	width: 301px;
}


#content .nextsteps .image {
	margin-bottom: 10px;
    height: auto;
}

#content .three-up .nextsteps .image {
	width: 253px;
}

#content .nextsteps .image img {
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: none;
}

#content .three-up .nextsteps .image img {
	width: 253px;
}

#content .nextsteps h3 {
}

#content .three-up .nextsteps h3 {
	font-size: 22px;
}

#content .nextsteps p {
	/*text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);*/
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
}

/* @group Tabs */

li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active a {
	color: #3c3c3c;
	background: #cccccc;
}

#content #tabs li {
  background: none;
  padding-left: 0px;
  margin-left: 0px;
  margin-top: 0px;
}

#content #tabs li .ui-state-active {
	color: #000 !important;
}



/* @end */


/* @end */

/* @group aside */
aside.default,
aside.sermons,
aside.event{
  background: url(../_img/sb_bg.png) no-repeat right top;
  border-right: 1px dotted #cccccc;
  margin-right: 4px !important;
  margin-bottom: 30px;
  min-height: 550px;
}
aside.event{
  padding-top: 41px;
}
aside h3.section-title{
  background: url(../_img/sb_section-title.jpg) no-repeat left top;
  color:#f3f3f3;
  font-size: 20px;
  line-height: 50px;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

/* @group sb nav */
nav#secondary{
  background: url(../_img/sb_nav-btm.png) no-repeat center bottom;
  padding-bottom: 87px;
  margin-bottom: -50px;
}
nav#secondary li{
  background: url(../_img/sb_nav-li.png);
  border-bottom: 1px dotted #cccccc;
  font-size: 14px;
  font-weight: bold;
}
nav#secondary li a{
  color: #3c3c3c;
  display: block;
  line-height: 16px;
  padding: 12px 40px 8px;
}
nav#secondary li.current{
  margin-right: -1px;
  background: url(../_img/sb_nav-li-current.jpg);
}
nav#secondary li.current a{
  background: url(../_img/sb_nav-a-current.png) no-repeat 290px center;
  color:#729e34;
}

nav#secondary ul ul{
  display: none;
}
nav#secondary ul li.current ul{
  display: block;
}
nav#secondary li.current li{
  margin-right: -1px;
  background: url(../_img/sb_nav-li-current.jpg);
}
nav#secondary li.current li.last{
  border-bottom: none;
}
nav#secondary li.current li a{
  background: none;
  color:#3c3c3c;
  padding-left: 55px;
}
/* @end sb nav */
a.view_all{
  float: right;
  font-size: 10px;
  font-weight: bold;
  line-height: 27px;
  text-transform: uppercase;
}

aside section{
  margin-bottom: 15px;
}
aside section h4{
  padding-bottom: 5px;
  border-bottom: 2px solid #cccccc;
  margin-bottom: 16px;
}
aside section.events h4{
  margin-bottom: 0;
}
aside section h5{
  background: url(../_img/sb_h5.png);
  color: #f3f3f3;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 23px;
  padding-left: 11px;
  margin: 0 -3px 14px -2px;
  text-transform: uppercase;
}

section#serve-filters a.ui-selectmenu.ui-widget.ui-state-default.ui-selectmenu-dropdown.ui-corner-all {
	margin-bottom: 5px;
}


/* @group Staff vCard */

#staff-vcard, #serve-filters {
	background: #343434 url(../_img/bg_staff_vcard.png);
	padding: 20px 40px;
	position: relative;
	top: -37px;
	margin-bottom: -17px;
}

#serve-filters {
	top: 0;
}

#staff-vcard h3, #serve-filters h3 {
	color: #f3f3f3;
	font-family: "museo-slab-1","museo-slab-2", serif;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	border-bottom: 2px solid #494949;
}

#staff-vcard .vcard-wrap {
	background-color: #fafafa;
	border: 1px solid #cfd0c8;
	margin-bottom: 10px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:2px; 
}

#staff-vcard .vcard-wrap img {
	float: left;
	margin-right: 9px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:2px; 
    margin-bottom: 4px;
}

#staff-vcard li {
	float: left;
	list-style: none;
}

#staff-vcard li a {
	display: block;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	margin-top: 6px;
	margin-right: 3px;
}

#staff-vcard li.email a {
	background: url(../_img/icon-email_32.png);
}

#staff-vcard li.facebook a {
	background: url(../_img/icon-facebook_32.png);
}

#staff-vcard li.twitter a {
	background: url(../_img/icon-twitter_32.png);
}

#staff-vcard .vcard-title {
	background-color: #cfd0c8;
	clear: both;
	padding: 4px;
}

#staff-vcard .vcard-contact {
	padding: 4px;
}

#staff-vcard h4 {
	color: #1f1f1f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}

#staff-vcard h5 {
	color: #747570;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background: none;
	line-height: normal;
	text-transform: none;
	letter-spacing: 0;
}

/* @end Staff vCard*/



/* @group sb series */
div.sb_series{
  position: relative;
  background: #ffffff;
  border: 1px solid #cfd0c8;
  border-radius:2px;
  padding: 5px;
  margin-left: -3px;
  height: 126px;
  width: 224px;
}
div.sb_series .details h3{
  font-family: Helvetica, Arial, sans-serif;
  color: #fefefe;
  font-weight: bold;
  font-size: 20px;
}
div.sb_series .details{
  background: #333333;
  height: 98px;
  padding: 14px 12px;
  position: absolute;
  top: 5px; left: 5px;
  width: 200px;
  z-index: 5;
}
div.sb_series p{
  color: #cccccc;
  margin: 0;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}
div.sb_series p.title a{
  color: #00aeef;
}
div.sb_series p a:hover{
  color: #00aeef;
  text-decoration: underline;
}
div.sb_series img.series{
  position: relative;
  z-index: 6;
}
div.sb_series:hover img,
div.sb_serires.hover img{
  z-index: 4;
}
/* @end sb_series */

/* @group sb media */
ul.sb_media{
  position: relative;
  height: 36px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  width: 142px;
  bottom: 2px;
}
ul.sb_media li{
  float: left;
  display: inline;
}
ul.sb_media li a{
  background: url(../_img/sb_media.png) no-repeat left top;
  display: block;
  height: 0;
  margin-right: 3px;
  padding-top: 31px;
  overflow: hidden;
  width: 31px;
}

ul.sb_media li.listen a{background-position: left top;}
ul.sb_media li.listen a:hover{background-position: left -31px;}

ul.sb_media li.watch a{background-position: -30px top;}
ul.sb_media li.watch a:hover{background-position: -30px -31px;}

ul.sb_media li.download a{background-position: -60px top;}
ul.sb_media li.download a:hover{background-position: -60px -31px;}

ul.sb_media li.notes a{background-position: -90px top;}
ul.sb_media li.notes a:hover{background-position: -90px -31px;}
/* @end sb_media */

/* @group sb event list */
ul.event_list{
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  font-weight: bold;
}
ul.event_list li{
  border-bottom: 1px dotted #cccccc;
  list-style-type: none;
  margin: 0;
  padding: 10px 8px;
}
ul.event_list li.alt{
  background: #eaeae8;
}
ul.event_list li a.event_go{
  background: url(../_img/sb_event-arrow.png) no-repeat left top;
  display: block;
  float: right;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
  width: 20px;
}
ul.event_list li:hover a.event_go{background-position: left -21px;}
ul.event_list li a.event_go:hover{background-position: left -42px;}

span.event_time,
span.event_title{
  display: block;
  width: 185px;
  font-size: 11px;
}
span.event_time{
  color: #343434;
}
span.event_title{
  color: #00aeef;
}

/* @end event_list */
/* @group sb search */
#searchForm2{
  background: url(../_img/sb_search.png) no-repeat left top;
  height: 40px;
  width: 240px;
  margin-left: -5px;
}
#searchForm2 input#search_term2{
  border:none;
  background: transparent;
  color: #595959;
  float:left;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  margin: 8px 10px;
  padding: 5px 0;
  width: 183px;
}
a#search_go2{
  background: url(../_img/sb_search-go.png) no-repeat left top;
  display: inline-block;
  float: left;
  height: 0;
  margin: 14px 10px 0;
  overflow:hidden;
  padding-top: 13px;
  width: 13px;
}
/* @end sb search */
/* @group sb rotator */
ul.sb_rotator{
  border: 1px solid #cfd0c8;
  list-style-type: none;
  margin: -2px;
  height: 139px;
  overflow: hidden;
  width: 234px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius:2px;
}
ul.sb_rotator li{
  margin: 5px 5px 8px 5px;
}
#sb_rotator_nav{
  text-align: center;
  position: relative;
  margin-top: -8px;
}
#sb_rotator_nav a{
  background: url(../_img/sb_rotator.png) no-repeat center bottom;
  display: inline-block;
  height: 0;
  overflow: hidden;
  padding: 9px 4px 0;
  width: 8px;
}
#sb_rotator_nav a.activeSlide{
  background-position: center top;
}

/* @end sb rotator */

ul.quick_links,
ul#blog_list_archive,
ul#blog_list_category{
  border-bottom: 1px dotted #cccccc;
  list-style:none;
  margin: 0 0 15px 0;
}
ul.quick_links li,
ul#blog_list_archive li,
ul#blog_list_category li{
  background: url(../_img/quick_links-li.png) no-repeat left 9px;
  border-top: 1px dotted #cccccc;
  padding: 5px 0 5px 13px;
  font-size: 12px;
  font-weight: bold;
}
/* @end */

/* @group footer */
#main footer.grid_23{
  background: url(../_img/footer_bg.jpg) no-repeat center top;
  border: none;
  color: #888888;
  font-size: 11px;
  line-height: 46px;
  padding: 0 40px;
  overflow: hidden;
  /* do this so that the .content-wrap min height stuff works */
  position: absolute;
  bottom: 0;
  left: 0;
}
#main footer.grid_23 p{
  float: left;
  display: inline;
  line-height: 46px;
  margin: 0;
}

#main section footer{
  background: none;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 4px 0;
  position: relative;
}
#main section footer.questions{
  border: none;
}
#main section footer p{
  color: #777777;
  display: block;
  float: none;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.7;
}
#main section footer a{
  color: #2bace1;
}
#main section footer.categories p{
  margin-bottom: 0;
}

a.tm{
  display: inline-block;
  background: url(../_img/tm_logo.png) no-repeat left center;
  margin: 0 0 0 8px;
  padding-left: 24px;
  line-height: 46px;
}
#main footer nav{
  float: right;
  display: inline-block;
}
#main footer nav li{
  float: left;
  display: inline;
}
#main footer a{
  color: #888888;
}
#main footer a:hover{
  color: #3c3c3c;
  text-decoration: none;
}
/* @end */


/* @end */

/* @group articles */

article h2,
article h2 a,
article.blog h3,
article.blog h3 a{
  color: #3c3c3c;
  font-family: 'Helvetica';
  font-size: 12px;
  font-weight: bold;
}
#content .bloglist h2{
  margin-bottom: 10px;
}
#content .bloglist h2 a{
  font-size: 22px;
  font-weight: normal;
}
article.event h2 a{
  font-size: 16px;
}

article.blog h3 a{
  font-size: 15px;
}

a.preview{
  border: 1px solid #cfd0c8;
  float: left;
  display: inline-block;
  margin-right: 19px;
  font-size: 0;
}
a.preview.right{
  float: right;
  margin: 0 0 0 19px;
}
#content a.preview img{
  margin: 0;
  padding: 0;
  padding: 0;
  border:3px solid #ffffff;
  width: 100px;
  height: auto;
}
a.preview,
a.preview img{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius:4px;
}

article p{font-size: 12px;}

article p.meta{
  color: #777777;
  font-size: 11px;
}
article p.meta a{
  font-style: normal;
  font-weight: bold;
}

span.series{
  background: url(../_img/span_series.png) no-repeat left 1px;
  padding-left: 5px;
  margin-left: 3px;
}
/* @group article lists */
.list article,
article.bloglist{
   position: relative;
   padding: 9px 12px 10px;
   border-bottom: 1px dotted #cccccc;
   overflow: hidden;
}

.list article.alt,
article.bloglist.alt{background: url(../_img/article_alt.png);}

.list article.hover,
.list article:hover,
article.bloglist:hover,
article.bloglist.hover{background: url(../_img/article_hover.png);}

.list article.sermon{padding-right: 140px;}
.list article.event{padding-right: 54px;}
.list article.event.blog{padding-right: 10px;}

.list article.event .text{
  border-left: 1px dotted #cccccc;
  overflow: hidden;
  padding-left: 12px;
}

.list article.last{margin-bottom: 25px;}

article.sermon p.meta{font-style: italic;}

.list article p,
article.bloglist p{margin-bottom: 0;}
.list article.detail p{margin-bottom: 10px;}

.list article p.categories{
  color: #777777;
  font-weight: bold;
  font-size: 11px;
  margin-top: 5px;
}

.list article p.event_minical{
  float: left;
  line-height: 1;
  padding: 0 12px 0 3px; 
  text-align: center;
  width: 32px;
}
.event_minical .event_day{
  font-size: 28px;
  color: #729e34;
}
.event_minical .event_month{
  text-transform: uppercase;
  color: #777777;
  padding-left: 2px;
}
.list article a.event_go{
  background: url(../_img/article_list-arrow.png) no-repeat left top;	
  display: block;
  height: 0;
  padding-top: 31px;
  overflow: hidden;
  width: 30px;
  position: absolute;
  right: 12px;top: 50%;
  margin-top: -16px;
}
.list article:hover a.event_go{background-position: left -31px;}
.list article a.event_go:hover{background-position: left -62px;}
/* @end */

/* @group article.grid */
article.grid{
  background: #ffffff;
  border: 1px solid #cfd0c8;
  float: left;
  height: 100px;
  margin-bottom: 12px;
  padding: 5px;
  position: relative;
  width: 176px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius:5px;
}
article.grid.pick-one {
	width: 270px;
	height: 150px;
}
article.grid.pick-one.alt {
	margin: 0 0 12px 15px;
}
.staff h3.grid_header{
  clear: both;
}
.staff article.grid{
  height: auto;
  text-align: center;
}
.staff article.grid h2{
  margin-bottom: 5px;
}
.staff article.grid p{
  margin-bottom: 0;
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
}
.staff article.grid a{
  color: #7c7c7c;
}

.staff article.grid:hover{
  background: #729e34;
}
.staff article.grid:hover a,
.staff article.grid:hover h2{
  color: #ffffff;
  text-decoration: none;
}
article.grid.special{
  margin: 0 13px 12px;
}

article.grid.pick-one p {
line-height: 16px;
}

#content article.grid img{
  background: none;
  width: 176px;
  height: 100px;
  padding: 0;
  position: relative;
  z-index: 6;
}

#content article.grid.pick-one img {
	width: 270px;
  	height: 150px;

}

#content article.grid:hover img,
#content article.grid.hover img{
  z-index: 4;
}
#content.staff article.grid img{
  margin-bottom: 5px;
}

article.grid span{
  background: #000000;
  background: rgba(0,0,0, .8);
  color: #ffffff;
  display: block;
  height: 60px;
  padding: 20px 0;
  width: 176px;
  position: absolute;
  text-align: center;
  z-index: 5;
}

article.grid.pick-one span {
	width: 240px;
	height: 120px;
	text-align: left;
	padding: 15px;
}
article.grid span h2{
  color: #fefefe;
  line-height: 14px;
  margin: 0 auto;
  width: 130px;
}
article.grid.pick-one span h2 {
	width: auto;
}
a.seriesButton{
  background: url(../_img/sermon_view-sermon.png) no-repeat center top;
  color: #f4f4f4;
  display: block;
  font-weight: bold;
  line-height: 21px;
  padding: 10px;
  text-transform: uppercase;
  width: 143px;
  position: absolute; bottom: 5px;left: 7px;
  text-shadow: 0 1px 2px rgba(0,0,0,.23);
}

article.grid.pick-one a.seriesButton {
	text-align: center;
	bottom: 8px;
}
a.seriesButton:hover{
  background-position: center bottom;
  text-decoration: none;
}/* @end */

/* @group .detail article */
#content article.detail header{
  padding-bottom: 5px;
  border-bottom: 1px dotted #cccccc;
}
article.detail{background: none;padding: 0;  border-top: none;}

article.detail:hover,
article.detail.hover,
.list article.detail:hover{background: none;}

/* @group disqus */
#content .disqus{
  position: relative;
  clear: both;
  margin-top: 25px;
}
#content .disqus header{
  padding-bottom: 5px;
}
#content .disqus img{
  padding: 2px;
  background: none;
  background: #ededed;
  border: 1px solid #cccccc;
}

#dsq-content h3{
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 10px !important;
  font-size: 14px !important;
  font-weight: bold;
}
#dsq-content a.dsq-subscribe-email,
#dsq-content a.dsq-subscribe-rss{
  color: #333333;
  font-size: 11px;
}
#content #dsq-content #dsq-footer li{
  background: none;
  padding-left:0;
}
#disqus_thread ul ul{
  margin-top: 0;
}
#disqus_thread ul li li{
  background: none;
  padding: 0;
}


/* @end disqus */
#content article.detail h2{
  font-size: 25px;
  font-weight: normal;
}
article.detail h3{
  font-size: 22px;
}
article.detail p.meta{
  color: #777777;
  font-style: normal;
  margin-bottom:0;
  font-weight: bold;
}
article.detail p.meta a{
  font-weight: normal;
}
.event article.detail p.meta{
  font-size: 12px;
}
/* @end .detail article */

/* @group article media */
#content #tabs ul.media li {
   margin: 0;
   padding: 0;
   background: none;
}

ul.media{
   position: absolute;
   top: 10px;
   right: 8px;
   _right:43px;
   list-style: none;
   margin: 0;
   padding: 0;
}

#content ul.media li{
  background: none;	
  float: left;
  padding: 0;
}

ul.media li a{
  background: url(../_img/media_a.png) no-repeat left top;
  display: block;
  height: 0;
  padding-top: 30px;
  overflow: hidden;
  width: 31px;
}
ul.media li.listen a{background-position: left top;}
article:hover ul.media li.listen a{background-position: left -30px;}

article:hover ul.media li.listen a:hover,
ul.media li.listen a:hover{background-position: left -60px;}

ul.media li.watch a{background-position: -31px top;}
article:hover ul.media li.watch a{background-position: -31px -30px;}

article:hover ul.media li.watch a:hover,
ul.media li.watch a:hover{background-position: -31px -60px;}

ul.media li.download a{background-position: -62px top;}
article:hover ul.media li.download a{background-position: -62px -30px;}

article:hover ul.media li.download a:hover,
ul.media li.download a:hover{background-position: -62px -60px;}

ul.media li.notes a{background-position: -93px top;}
article:hover ul.media li.notes a{background-position: -93px -30px;}

article:hover ul.media li.notes a:hover,
ul.media li.notes a:hover{background-position: -93px -60px;}

ul.media li.info a{background-position: -124px top;}
article:hover ul.media li.info a{background-position: -124px -30px;}

article:hover ul.media li.info a:hover,
ul.media li.info a:hover{background-position: -124px -60px;}

section#media span {
  background: url(../_img/media_detail-btn.png);
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
section#media span a{
  background: url(../_img/media_detail-a-icons.png) no-repeat;
  color: #f3f3f3;
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 24px;
  padding: 1px 0 0 40px;
  text-shadow: 0 1px 1px rgba(0,0,0,.15);
}
section#media span.listen a{background-position: 9px 5px;}
section#media span.watch a{background-position: 9px -24px;}
section#media span.dl_audio a{background-position: 9px -54px;}
section#media span.dl_video a{background-position: 9px -83px;}
section#media span.dl_notes a{background-position: 9px -112px;}

section#media span a:hover{
  color: #ffffff;
}
/* @end */

/* @group article aside */
#content aside section{
  margin-bottom: 18px;
}
#content aside h4{
  border-bottom: 1px dotted #cccccc;
  font-family: 'Helvetica', Arial;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  padding-bottom: 9px;
  text-transform: uppercase;
}

a.back{
  background: url(../_img/media_back.png);
  color: #f3f3f3;
  font-size: 11px;
  font-weight: bold;
  display: block;
  line-height: 27px;
  padding: 2px 0 0 40px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.event a.back,
a.back.blog,
a.staff.back{
  margin-bottom: 18px;
}
#content aside ul{
  margin: 0;
  list-style-type: none;
}
#content aside li{
  background: url(../_img/quick_links-li.png) no-repeat left 9px;
  padding: 5px 0 5px 13px;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1;
}
#content aside li a{
  font-weight: bold;
}
#content section.event_details span{
  color: #729e34;
  font-weight: bold;
}

#content .addthis_toolbox span{
  margin-right: 5px;
}
#content .addthis_toolbox a{
  display: inline-block;
  font-weight: bold;
  margin-bottom: 4px;
  line-height: 17px;
}

/* @end */


/* @end */

/* @group sermon filter */
#sermon_filter,
#coaching_tips_filter,
#sound_bites_filter,
#play_cards_filter,
.event_select{
  background: url(../_img/sermon_filter.jpg) no-repeat left top;
  padding-top: 13px;
  line-height: 25px;
  height: 39px;
  margin-bottom: 26px;
  clear: both;
}
.event_select{
  text-align: right;
  padding-right:28px;
}
#sermon_filter span.title,
#coaching_tips_filter span.title,
#sound_bites_filter span.title,
#play_cards_filter span.title,
.event_select span.title{
  color: #f3f3f3;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 14px 0;
}
.event_select span.title{
  vertical-align: top;
}
#sermon_filter p,
#coaching_tips_filter p,
#sound_bites_filter p,
#play_cards_filter p {
  color: #f3f3f3;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  margin: 0 22px 0 18px;
}
#sermon_filter p a:hover,
#coaching_tips_filter p a:hover,
#sound_bites_filter p a:hover,
#play_cards_filter p a:hover {
	color: #ffffff;
}

/* @end */

/* @group pagination */
p#pagination{
  margin: 15px 0 0;
  clear: both;
}

#pagination a{
   display: inline-block;
   width: 26px;
   height: 26px;
   line-height: 26px;
   text-align: center;
   margin: 0 4px;
}

#pagination a#current,
#pagination a:hover{
   background: url(../_img/pagination-a.png);
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
#pagination a:hover,
#pagination a#current:hover{
   background: url(../_img/pagination-a.png) no-repeat left -26px;
}
#pagination a#off{display: none;}

#pagination a#next,#pagination a#previous{width: auto;}
#pagination a#next:hover,
#pagination a#previous:hover{
  background: none;
  color: #2bace1;
  font-weight: bold;
  text-decoration: underline;
}
/* @end */



/* @group events */
.oneExtraWrapper{position: relative;}
#calendar-outer{margin-top: 20px;}

span.cal_type{
  float: right;
  margin-bottom: 13px;
}

.cal_type a.cal_list,
.cal_type a.cal_cal{
  border: 1px solid #d9d9d9;
  color: #343434;
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 24px;
  padding: 0 11px 0 30px;
  border-radius:3px;
}

.cal_type a.cal_list{
  background: #eaeaea url(../_img/cal_type-select.png) no-repeat 12px 6px;
}
.cal_type a.cal_cal{
  background: #eaeaea url(../_img/cal_type-select.png) no-repeat -61px 6px;
  margin-left: 8px;
}
.cal_type a.cal_cal.current,
.cal_type a.cal_list.current{
  background-color: #343434;
  border: 1px solid #343434;
  color: #eaeaea;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #e3dfda;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   font-size: 20px;
   font-weight: normal;
   line-height: 1;
   position: absolute;
   top: 0px;
   text-transform: uppercase;
   padding: 3px 56px;
}
.event_controls{
  position: relative;
}
.event_controls h2{
   font-size: 20px;
   font-weight: normal;
   line-height: 1;
   text-transform: uppercase;
   padding: 3px 256px 3px 56px;
}

#content table.calendar caption span{
   background-image: url(/_img/cal_arrows.png);
   display: block;
   height: 0;
   padding-top: 26px;
   overflow: hidden;
   width: 26px;
   position: absolute;
}
a.prevMonth,
a.nextMonth{
   background-image: url(/_img/cal_arrows.png);
   display: block;
   float: left;
   height: 0;
   padding-top: 26px;
   overflow: hidden;
   width: 26px;
   position: absolute;
}

span.calendar-prev,
a.prevMonth{left: 0;top: 0;background-position: left top;}
span.calendar-prev:hover,
a.prevMonth:hover{background-position: left -26px;}

span.calendar-next,
a.nextMonth{left: 26px;top: 0;background-position: -26px top;}
span.calendar-next:hover,
a.nextMonth:hover{background-position: -26px -26px;}

#content table.calendar th{
   padding: 6px 0;
   background: #EDEBE8;
   text-align: center;
   border: 1px solid #e3dfda;
}

#content table.calendar td{
   border: 1px solid #e3dfda;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   font-size: 11px;
   height: 68px;
   padding: 2px;
   width: 100px;
}

#content table.calendar td.empty{background: #f6f5f3;}
#content table.calendar td a{text-decoration: none;}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 0;
   margin-left: 0;
   margin-bottom: .75em;
   background: none;
   line-height: 1.1;
}

#content table.calendar td li a{}
#content table.calendar td li a:hover{}

#content a.register{
  background: url(../_img/event_register-a.png) no-repeat right top;
  color: #f3f3f3;
  display: block;
  font-size: 20px;
  line-height: 65px;
  overflow: hidden;
  margin-left: 13px;
  padding: 0 30px 0 17px;
  width: auto;
  text-transform: uppercase;
  text-shadow: 0 0 1px rgba(0,0,0, .25);
}

span.registerWrap{
  background: url(../_img/event_register-span.png) no-repeat 0 0;
  display: inline-block !important;
  height: 65px;
  zoom:1;
}
span.registerWrap:hover,
span.registerWrap.hover{
  background-position: 0 -65px;
  cursor: pointer;
}
span.registerWrap:hover a.register,
span.registerWrap.hover a.register,
#content a.register:hover{
  background-position: 100% -65px;
  text-decoration: none;
}

/* Mini Button */
#content a.minibutton {
  background: url(../_img/minibutton-a.png) no-repeat right top;
  color: #f3f3f3;
  display: block;
  font-size: 14px;
  font-family: "museo-slab-1","museo-slab-2", serif;
  line-height: 29px;
  overflow: hidden;
  margin-left: 4px;
  padding: 0 19px 0 11px;
  width: auto;
  text-shadow: 0px 0px 1px rgba(0,0,0, .30);
}

span.minibuttonWrap{
  background: url(../_img/minibutton-span.png) no-repeat 0 0;
  display: inline-block !important;
  height: 29px;
  zoom:1;
}
span.minibuttonWrap:hover,
span.minibuttonWrap.hover{
  background-position: 0 -29px;
  cursor: pointer;
}
span.minibuttonWrap:hover a.register,
span.minibuttonWrap.hover a.register,
#content a.minibutton:hover{
  background-position: 100% -29px;
  text-decoration: none;
}

aside a span.minibutton {
  color: #f3f3f3;
  display: inline-block;
  font-size: 12px;
  font-family: "museo-slab-1","museo-slab-2", serif;
  font-weight: bold;
  line-height: 24px;
  padding: 0 10px;
  border: 1px solid #0097d0;
  text-shadow: 0px 0px 1px rgba(0,0,0, .30);
  background: #6bc4e9; /* Old browsers */
  background: -moz-linear-gradient(top,  #6bc4e9 0%, #2babd9 1%, #2491be 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bc4e9), color-stop(1%,#2babd9), color-stop(100%,#2491be)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #6bc4e9 0%,#2babd9 1%,#2491be 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #6bc4e9 0%,#2babd9 1%,#2491be 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #6bc4e9 0%,#2babd9 1%,#2491be 100%); /* IE10+ */
  background: linear-gradient(top,  #6bc4e9 0%,#2babd9 1%,#2491be 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc4e9', endColorstr='#2491be',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

aside a span.minibutton:hover {
	background: #2491be; /* Old browsers */
background: -moz-linear-gradient(top,  #2491be 0%, #2babdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2491be), color-stop(100%,#2babdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2491be 0%,#2babdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2491be 0%,#2babdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2491be 0%,#2babdf 100%); /* IE10+ */
background: linear-gradient(top,  #2491be 0%,#2babdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2491be', endColorstr='#2babdf',GradientType=0 ); /* IE6-9 */

}

/* @end */

/* @group search page */
input.gsc-input{
  font-size: 14px;
  padding: 4px;
}
input.gsc-search-button{
  border: none;
  background: #2BACE1;
  color: #ffffff;
  padding: 5px;
}
td.gsc-search-button{
  vertical-align: top !important;
}
.gsc-tabsArea{
  margin-top: 20px !important;
}

#cse .cse .gsc-control-cse,
#cse .gsc-control-cse{
  background: none;
  border: none;
 
}
#cse .gsc-result,
#cse .gs-result .gs-snippet{
  font-family: Helvetica,Arial sans-serif; /* web safe fonts */
  color: #3c3c3c;
  font-size: 12px !important;
  border: none;
}
#content .gs-result .gs-title,
#content .gs-result .gs-title *{
  color: #2bace1 !important;
  font-size: 14px;
  text-decoration: underline !important;
}
.gs-result b{
  background: #F0E68C;
}
.gsc-cursor-page,
.gsc-cursor-page.gsc-cursor-current-page{
   color: #2BACE1 !important;
   display: block !important;
   float: left;
   font-weight: bold;
   width: 26px;
   height: 26px;
   line-height: 26px;
   text-align: center;
   margin: 0 4px;
   text-decoration: none !important;
}
.gsc-cursor-page.gsc-cursor-current-page{
   background: url(../_img/pagination-a.png);
   color: #ffffff !important;
}
.gsc-cursor-page:hover,
.gsc-cursor-page.gsc-cursor-current-page:hover{
   background: url(../_img/pagination-a.png) no-repeat left -26px;
   color: #ffffff !important;
}
.gsc-completion-container{
  z-index: 10000 !important;
}

table.gsc-branding,
.gsc-results .gcsc-branding{
  display: none !important;
}
/* @end search page */

/* @group footer */

section.footer_info{
  padding: 26px 0;
  color: #ffffff;
  background: url(../_img/bg_footer.jpg);
  height: 170px;
  min-width: 1000px;
  margin-top: 45px;
}

section.footer_info a:hover{color: #8ec541;}

section.footer_info div.container_25{
  background: url(../_img/footer_div.png) repeat-y center top;
  overflow: hidden;
}

section.footer_info div.contact,
section.footer_info div.social{
  padding-top: 12px;
  padding-bottom: 12px;
}
section.footer_info div.social{
  background-position: right top;
}

.footer_info h5{
  font-size: 18px;
  margin-bottom: 15px;
  color: #ffffff;
}
.footer_info h5 span{
  color:#8ec541;
}
.footer_info .social h5{
  color: #888888;
  font-size: 17px;
}

.footer_info h4{
  font-size: 22px;
}
.footer_info h4{
  color: #888888;
}
section.footer_info p{
  margin: 0;
  line-height: 18px;
}
section.footer_info div.address{
  background: url(../_img/footer_logo.png) no-repeat left center;
  display: inline-block;
  padding-left: 82px;
  margin-bottom: 20px;
}
section div.social h5,
section div.social ul{text-align: right;float: right;}

section div.social li{
  list-style-type: none;
  float: left;
  margin: 0 0 0 5px;
}
/* @end */

/* @group Google Search */

.gsc-completion-container {
	width: auto !important;
}


/* @end */

/* @group Green Header */

.green-header {
	margin-left: 15px;
	float:right;
	border-style:dotted;
	border-width: 1px;
	border-color: #8e8e8e;
	border-top: none;
	background-clip: border-box;
	background-color: #ededed;
	background-image: url("../_img/grn-header.png");
	background-origin: padding-box;
	background-position: center top;
	background-repeat: repeat-x;
	background-size: auto auto;
	font-family: "museo-slab-1","museo-slab-2", serif;
	color: #FFFFFF;
	font-size: 18px;
}
.green-header p{
	padding-left:12px;
	padding-top:5px;
	padding-right: 12px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.green-header li {
	color: #000000;
	font-family: helvetica, arial, sans-serif;
	color: #3c3c3c;
	
}
/* @end */

/* @group Facebook Recommendations */

.fb-recommend {
	margin-top: 7px;
	margin-left: 38px;	
}

/* @end */

/* @group Music Album */

.album-border {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CFD0C8;
	border-radius: 5px 5px 5px 5px;
	float: left;
	margin-right: 4px;
	padding: 4px;
	position: relative;
	width: 50px;
	height: 50px;
}
.album-left {
	float: left;
}

.album-right {
	margin-left: 70px;
}

/* @end */



/* @end */


/* =Misc
---------------------------------------------------------------------
*/

#content article.blog .text a.more:after{
	content: " »";
}