/*  
Theme Name: LPGM
Theme URI: http://lutheranpartners.org/
Description: A custom theme for Lutheran Partners
Version: 2.0
Author: Bust Out Solutions, Inc.
Author URI: http://bustoutsolutions.com/



*/


/*reset
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


/* =Typography
-----------------------------------------------------------------------------*/

h2, h3 {
  color:#900;
  font-family: "museo-sans-1","museo-sans-2",sans-serif;
  font-weight: 500;
  }
  
h4 {
  font-family: "museo-sans-1","museo-sans-2",sans-serif;
  font-weight: 500;
  font-size:16px;
  line-height:30px;
  text-transform:uppercase;
}
/* =General
-----------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  }

body {
  padding:0;
  margin:0;
  background: #ebe6ce;
  font-size:17px;
  font-weight:normal;
  font-family:Georgia,serif;
  color:#000;
  text-shadow: 1px 1px 0 #FFF;
  line-height:30px;
  min-width: 720px;
  background:#EBE6CE url(images/tan-bg.gif) 0 0 repeat;
  }

img {
  border:none;
  }
a:link img {
  border:none;
  }

#logo {
  float:left;
  margin-top:26px;
  }



/* =Main Layout
-----------------------------------------------------------------------------*/
#container {
  margin-top: 200px;
  width: 960px;
  margin: 0 auto;
  text-align:left;
  }
#home #container, #car #container{
  margin-top: 200px;
  width: 960px;
  margin: 0 auto;
  text-align:left;
  }

#header {
  height:180px;
  background:#EBE6CE url(images/header-bg.jpg) repeat-x top;
  }



/* =Feature Window
-----------------------------------------------------------------------------*/
#featureWindow {
  margin: 0 auto;
  background: #FFF;
  }
#featureBox {
  margin: 0 auto;
  width: 810px;
  background:#FFF url(images/bg_featureBox_home.gif) top left repeat-y;
  padding-bottom: 10px;
  }
#featureBox h4 {
  text-align: left;
  color: #666;
  size: 110%;
  border-bottom: 1px solid #666;
  font-variant:small-caps;
  margin: 8px 0;
  }
#featureBox ul {
  text-align: left;
  list-style-type: none;
  list-style-image: none;
  padding:0;
  }
  #featureBox ul li.pagenav ul {
    list-style-image: url(images/bullet_feature.gif);
    padding: 2px 0 2px 16px;
    }
#featureBox ul li.pagenav {
  font-size: 85%;
  padding-bottom: .5em;
  }
#featureBox li a {
  }

#box_africa {
  float: left;
  display: block;
  width: 195px;
  margin: 0;
  padding: 0 4px;
  }
#box_india {
  float: left;
  display: block;
  width: 195px;
  margin: 0;
  padding: 0 4px;
  }
#box_soamerica {
  float: left;
  display: block;
  width: 195px;
  margin: 0;
  padding: 0 3px;
  }
#box_sponsor {
  float: left;
  display: block;
  width: 195px;
  margin: 0;
  padding: 0 0 0 2px;
  }

/*-- Title Window --*/
#titleWindow {
  margin:0 auto;
  border-bottom:1px solid #FFF;
  background:#000;
  height:149px;
  text-align: center;
  }
#titleBox {
  text-align: left;
  margin: 0 auto;
  width: 810px;
  background:#FFF url(images/bg_titleBox.gif) repeat-y;
  padding-bottom: 10px;
  }
#titleSidebar {
  float: right;
  margin: 0 auto;
  width: 201px;
  padding-bottom: 10px;
  padding-right: 1px;
  border-top: 1px solid #a7a7a7;
  }
#titleSidebar ul {
  text-align: left;
  list-style-type:none;
  }
#titleSidebar li a {
  display: block;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #a7a7a7;
  font-size: 85%;
  background: #EBE6CE;
  }
#titleSidebar li a:hover, #titleSidebar li a.here {
  color: #FFF;
  background: #2D5694;
  }
.listTitle {
  display:block;
  padding: 1px 3px 1px 10px;
  border-bottom: 2px solid #a7a7a7;
  background: #d9cfa6;
  color: #780000;
  }

/*-- Main Content --*/
#mainContent {
  float: left;
  margin: 0 auto;
  padding-right:30px;
  width:630px;
  }

#car #mainContent {
  margin: 0 auto;
  width:960px;
  }

#mainContent img {
  float:left;
  clear:left;
  margin:10px 20px 20px 0;
  padding:5px;
  background:#FFF;
  border:1px solid #cece9d; }
#mainContent img.alignright {
  float:right;
  margin:10px 0 20px 20px;
}
#mainContent h3 {
  color:#990000;
  text-transform: uppercase;
  border-bottom: 1px solid #cece9d;
  padding-top:29px;
  font-size:24px;
  margin-bottom:30px;
}
#mainContent h3 em {
  color:#999;
  text-transform:lowercase;
  font-style:normal;
  font-weight:normal; }
#mainContent p {
  margin-bottom:30px; }
#mainContent ul {
  list-style:disc;
  padding-left:20px;
  margin-bottom:30px; }
  #mainContent .input-group ul {
  list-style:none;
  padding-left: 0;
  margin: 0 0 0 150px; }

/*-- Navigation --*/
.container-nav, .container-search {
  margin:0 auto;
  width:960px; }
#mainNav {
  float:right;
  margin-top:60px; }
#mainNav ul {
  margin:0;
  padding:0;
  list-style: none; }
#mainNav li {
  float:left;
  margin:0;
  padding:0;
  font-family: "museo-sans-1","museo-sans-2",sans-serif;
  font-weight: 500;
  font-size:16px;
  text-transform: uppercase; }
#mainNav li a {
  float:left;
  display:block;
  text-decoration:none;
  font-weight:normal;
  color:#e5e5b9;
  padding:0 10px;
  text-shadow: 1px 1px 0 #000;
  border-bottom: none;
  }

#mainNav li:last-child a {
  margin-left:10px;
  color:#FFF;
  background:#a57d2f;
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#d5b151), to(#a57d2f));
  background:-moz-linear-gradient(top, #d5b151, #a57d2f);
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0px 1px 3px #5d0a04;
  -moz-box-shadow:0px 1px 3px #5d0a04;
  box-shadow:0px 1px 3px #5d0a04;
  text-shadow:0 -1px 0 #965a0f; }
  #mainNav li:last-child a:hover {
    background:#a57d2f;
    -webkit-box-shadow:0px 1px 3px #370501;
    -moz-box-shadow:0px 1px 3px #370501;
    box-shadow:0px 1px 3px #370501;
    text-shadow:0 -1px 0 #000; }
  #mainNav li.current-menu-item a,
  #mainNav li.current-page-ancestor a {
    color:#FFF;
    background:#380501;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#370501), to(#5d0a04));
    background:-moz-linear-gradient(top, #370501, #5d0a04);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0px 1px 0px #a43932;
    -moz-box-shadow:0px 1px 0px #a43932;
    box-shadow:0px 1px 0px #a43932; }
  #mainNav li a:hover {
    color: #FFF; }
    
/*-- Sidebar --*/
#sidebar {
  float:right;
  width:270px;
  padding:30px 15px 0;
  margin-top:30px;
  background:#e9e9cc url(images/dark-tan-bg.gif) 0 0 repeat;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow:0 1px 0 #FFF;
  -moz-box-shadow:0 1px 0 #FFF;
  box-shadow:0 1px 0 #FFF; }
#sidebar h3 {
  color:#000;
  text-transform:uppercase; }
#sidebar h3.past {
  color:#555;
  text-transform:uppercase; }
#sidebar > ul {
  margin-bottom:30px;
  list-style:none; }
  #sidebar .custom-menu {
  margin-bottom: 30px; }
  #sidebar ul li {
    line-height:30px;
    margin:0;
    padding:0; }
    #sidebar ul li ul,
    #sidebar ul.menu {
      font-size:12px;
      color:#900;
      padding-left:20px;
      border:none;
      list-style:disc;
      margin:0; }
      #sidebar ul li ul li.current_page_item,
      #sidebar ul li ul li.current_page_item > a,
      #sidebar li.current-menu-item,
      #sidebar li.current-menu-item > a {
        list-style:square;
        color:#000; }
#sidebar li a {
  color:#900;
  font-family:"museo-sans-1","museo-sans-2",sans-serif;
  margin:0;
  padding:0;
  line-height:30px;
  text-transform:uppercase;
  text-decoration:none; }
#sidebar img {
  border:1px solid #666; }
#sidebar a:hover{
  color:#000; }

/*-- Footer --*/
#footer {
  color:#7e7e48;
  font-size: 15px;
  padding: 30px 0 0;
  margin-top: 30px;
  border-top: 1px solid #DEE0B7;
  background: url(images/dark-tan-bg.gif); }
	#footer-container {
		background: url(images/footer-bottom-bg.png) bottom center no-repeat;
	  width: 960px;
	  margin: 0 auto;
	  padding-bottom: 40px;
	  text-align:left; }  
		#footer-main {
		  float: left;
		  margin-right:30px;
		  width:600px; }
			#footer-main span.divider {
				color: #d7d7af }
		#footer-sidebar {
	    float:right;
	    width: 300px;
	    text-align:left;
	    border-left: 1px dotted #cece9d;
	    padding-left:29px;
	    font-family: "museo-sans-1","museo-sans-2",sans-serif;
	    font-weight: 500;
	    text-transform:uppercase; }
	    
#footer h2{
  font-size: 18px;
  color:#222;
  margin-bottom: 10px;
  font-style: italic;
  font-family: Georgia, serif }
#footer h3 {
  color:#7e7e48;
  margin-bottom: 10px; }
#footer h5{
  text-transform:uppercase;
  font-family:Georgia,serif;
  font-weight:normal;
  display:block; }
.fineprint{
  font-size:13px; }

#smartgivers {
  margin: 30px 0;
}
#smartgivers img {
  border: 1px solid #CECE9D;
  
}
/*footer - social*/
#social-area {
	margin: 30px 0;
	font-size: 15px; }
	#social-area ul.social {
	  list-style:none outside none; }
	  #social-area ul.social li {
	  	float: left;
	  	margin-right: 20px; }
	  #social-area ul.social li a {
	    background: url(images/social-sprite.png) no-repeat top left;
	    list-style:none outside none;
	    height:30px;
	    display: block;
	    overflow:hidden;
	    padding-left:40px;
	    margin-bottom:15px; }
	  #social-area ul.social li:last-child a {
	    margin-bottom:0; }
	  #social-area ul.social li.sprite-1 a { background-position: 0 0; opacity:0.7;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;} 
	  #social-area ul.social li.sprite-2 a { background-position: 0 -40px; opacity:0.7;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;} 
	  #social-area ul.social li.sprite-3 a { background-position: 0 -240px; opacity:0.7;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;}
	
	  #social-area ul.social li.sprite-1 a:hover{ background-position: 0 0; opacity:1;} 
	  #social-area ul.social li.sprite-2 a:hover{ background-position: 0 -40px; opacity:1;} 
	  #social-area ul.social li.sprite-3 a:hover{ background-position: 0 -240px; opacity:1;}



/*-- Link Styles --*/
a:link, a:visited {
  color:#900;
  text-decoration:none; }
a:hover, a:active {
  color:#000;
  text-decoration:none;
  opacity:1; }

/*-- Search Styles --*/
form#searchform {
  height:30px;
  line-height:30px;
  float:right;
  font-family:"museo-sans-1","museo-sans-2",sans-serif;
  padding-top:4px; }
  form#searchform label {
    float:left;
    color:#8b3129;
    font-size:14px;
    text-transform:uppercase;
    text-shadow:0 1px 0 #000;
    font-family:;
    margin-right:5px; }
  .search-box {
    float:left;
    padding:0 10px;
    margin-right:5px;
    width:160px;
    height:23px;
    line-height:23px;
    background:#380501;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#400601), to(#540803));
    background:-moz-linear-gradient(top, #400601, #540803);
    border:none;
    color:#E5E5B9;
    font-size:14px;
    font-weight:500;
    text-shadow: 0 1px 0 #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:0 1px 0 #300401;
    -moz-box-shadow:0 1px 0 #300401;
    box-shadow:0 1px 0 #300401; }
  .search-button {
    float:left;
    padding:0;
    background-color:#751f17;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#5d1009), to(#751f17));
    background:-moz-linear-gradient(top, #5d1009, #751f17);
    height:23px;
    width:23px;
    text-shadow:0 1px 0 #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:0 1px 0 #300401;
    -moz-box-shadow:0 1px 0 #300401;
    box-shadow:0 1px 0 #300401; }
    
#mainContent .navigation a {
  color:#333;
  font-size:95%; }
.navigation {
  line-height:28px;
  height:28px;
  border-top:1px solid #CECE9D;
  border-bottom:1px solid #CECE9D;
  background:#ECECD1;
  padding:0 15px;
  margin-bottom:30px; }
  
.entry ol {
	padding-left: 30px;
}
/*-- Misc Styles --*/
.clear { clear:both; }
.left { float: left; }
.right { float: right; }
.staffbox {
  float: left;
  clear: left; }
#header-search-box {
  float:right;
  height:30px; }
.double-hr {
  display:block;
  margin:15px 0; }
.learn-more-button{
  background:#FFF;
  padding:4px 8px 2px 8px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  opacity:0.6; }
.widgettitle{
  color:#000;
  text-transform:uppercase;
  letter-spacing: 1px; }

/*-- Home Page --*/
body.home #mainContent img {
  margin:0 0 30px 0;
  padding:0;
  background:none;
  border:none; }
body.home #sidebar {
  margin-top:0; }
  
#slideshow-container {
  background:#000;
  height:330px; }
  #slideshow-container div {
    margin:0 auto; }

#slideshow-pager {
  width:960px;
  border-top:2px solid #FFF;
  height:30px;
  margin:0px auto 28px;
  text-align:center; }
  #slideshow-pager a {
    float:left;
    background-image:url(images/slideshow-progress-sprite.png);
    background-position:left -60px;
    background-repeat:no-repeat;
    height:0;
    width:30px;
    padding-top:30px;
    overflow:hidden; }
    #slideshow-pager a:hover {
      background-position:0 -30px;}
    #slideshow-pager a.activeSlide {
      background-position:0 0;
      }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/*-- MailChimp --*/
#mc_embed_signup {
	font-size: 12px;
  margin-top: 0; }
  .mc-field-group {
    height:60px;
    margin-bottom: 10px; }
    #mainContent .mc-field-group {
    	height:40px;
    	margin-bottom: 10px; }
    #mainContent p.interest-groups-header {
    	font-family: "museo-sans-1","museo-sans-2",sans-serif;
      margin: 0 0 0 150px;
      color:#7e7e48;
		  font-size: 15px;
      line-height: 20px;
      font-size: 12px;
      text-transform: uppercase; }
    .mc-field-group label,
    .input-group label {
      font-family: "museo-sans-1","museo-sans-2",sans-serif;
      float:left;
      width:150px;
      line-height: 20px;
      text-transform: none;
      color:#000; }
      .input-group label {
      	float: none;
      	margin-left: 5px; }
      	.input-group ul {
      		list-style: none; }
    .mc-field-group input[type="text"] {
      border:1px solid #c9cba6;
      height:24px;
      width:290px;
      padding:0 5px;
      font-size:12px;
      -moz-box-shadow: 0 1px 1px #dee0b7;
      -webkit-box-shadow: 0 1px 1px #dee0b7;
      box-shadow: 0 1px 1px #dee0b7; }
    div.mce_inline_error {
      line-height:18px;
      margin-left:150px;
      font-size:12px;
      color:#900; }
      #footer div.mce_inline_error {
      	margin-left: 0; }
  input#mc-embedded-subscribe {
    border:none;
    color:#FFF;
    font-size:16px;
    text-transform:uppercase;
    padding:5px 10px;
    background:#570000;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#7b0000), to(#570000));
    background:-moz-linear-gradient(top, #7b0000, #570000);
    -webkit-border-radius:6px;
    	 -moz-border-radius:6px;
    				border-radius:6px;
    -webkit-box-shadow:0px 1px 1px #C9CBA6;
    	 -moz-box-shadow:0px 1px 1px #C9CBA6;
    				box-shadow:0px 1px 1px #C9CBA6;
    text-shadow:0 -1px 0 #965a0f; }
    input#mc-embedded-subscribe:hover {
      cursor:pointer;
      background:#7b0000; }
		#mainContent input#mc-embedded-subscribe {
			margin-left: 150px; }
  #mce-responses {
    margin-top:30px; }
.note-required {
  color:#900;
  font-weight:bold; }


/*-- Grid --*/
#grid {
  /* Dimensions - same width as your grid with gutters */
  width:1020px;
  
  /* Grid (centered) */
  position: absolute;
  top:0;
  left:50%;
  margin-left:-510px; }

/**
 * Vertical grid lines
 *
 * Set the column width taking the borders into consideration,
 * and use margins to set column gutters.
 */
#grid div.vert {
  width:299px;
  border: solid darkturquoise;
  border-width:0 1px;
  margin-right:29px; }

#grid div.vert.first-line{
  margin-left:29px; }

/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz {
  /* 30px line height */
  height: 29px;
  border-bottom: 1px dotted darkgray;
  margin: 0;
  padding: 0; }
  
.breadcrumbs {
	font-size: 12px;
	font-family: "museo-sans-1","museo-sans-2",sans-serif;}