/** Header
** ----------------------------------------------------------------*/
header {
  position: relative;
  z-index: 99;
}
  header .container {
    background: transparent url(/assets/images/bg-matte.png) repeat 0 0;
  }
  header hgroup {
    background: #fff;
  }
  header nav {
    background: none;
  }
/* End Header **/

/** Banner
** ----------------------------------------------------------------*/
#banner {
  background: #303030 url(/assets/images/bg-dark-gradient.png) repeat-x 0 100%;
  overflow: hidden;
}
  #banner div.container { background: none; }
  
  #banner #setting {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 371px; /* background img set via EE */
    min-width: 980px; /* matches body */
    background: transparent url(/images/uploads/splash-banner.jpg) no-repeat 50% 0;
    z-index: 0;
  }
/* End Banner **/

/** Themes
** ----------------------------------------------------------------*/
#themes {
  position: relative;
  z-index: 1;
  height: 247px;
  width: 100%;
  background: transparent url(/assets/images/bg-matte-grey.png) repeat-y 0 0;
}
  #themes li {
    width: 232px;
    padding-top: 6px;
  }
    #themes li > a {
      display: block;
      z-index: 1;
      font: bold 27px/32px "Century Gothic", "Apple Gothic", sans-serif;
      color: #dba39a;
      text-decoration: none;
      padding: 13px 21px 13px 31px;
      width: 201px;
      background: transparent url(/assets/images/bg-matte-red-gradient.png) no-repeat 0 100%;
    }
    #themes li.think > a { 
      color: #eebe9e;
      background-image: url(/assets/images/bg-matte-orange-gradient.png); 
    }
    #themes li.change > a { 
      color: #d8db8b;
      background-image: url(/assets/images/bg-matte-green-gradient.png); 
    }      

    #themes li > a:hover,
    #themes li > a.current {
      background: transparent url(/assets/images/bg-matte-hover-orange.png) no-repeat 0 100%;
      color: #fff;
    }
    #themes li.think > a:hover,
    #themes li.think > a.current { background-image: url(/assets/images/bg-matte-hover-orange.png); }
    #themes li.apply > a:hover,
    #themes li.apply > a.current { background-image: url(/assets/images/bg-matte-hover-red.png); }
    #themes li.change > a:hover,
    #themes li.change > a.current { background-image: url(/assets/images/bg-matte-hover-green.png); }
    
  #themes .intro {
    display: none;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 1px;
    width: 420px;
    padding: 0 30px 0 40px;
    margin-right: -15px;
    background: transparent url(/assets/images/bg-matte-orange.png) repeat 0 0;
    color: #fff;
  }
  #themes .apply .intro { background-image: url(/assets/images/bg-matte-red.png); }
  #themes .change .intro { background-image: url(/assets/images/bg-matte-green.png); }
  
    #themes .intro h2 {
      font-size: 30px;
      line-height: 1em;
      padding-top: 30px;
      padding-bottom: 15px;
    }
    #themes .intro p {
      font: 15px/22px Georgia, "Palatino", "Palatino Linotype", Times, "Times New Roman", serif;
      padding-bottom: .66em;
    }
      #themes .intro .read-more {
        font: bold 1em "Century Gothic", "Apple Gothic", sans-serif;
        color: #fff;
        padding-right: 14px;
        background: transparent url(/assets/images/icon-dbl-arrows-white.png) no-repeat 100% 66%;
        text-decoration: none;
      }
  #themes li.current .intro { 
    display: block; 
    opacity: 1;
  }
/* End Themes **/

/** Content
** ----------------------------------------------------------------*/
#content { }
  #content div.container {
    padding-top: 50px;
  }
  #content .primary { }
    #content .primary div.featured, 
    #content .primary div.include {
      border: none;
      background: transparent url(/assets/images/bg-dotted-line-white.jpg) repeat-x 0 100%;
      padding-bottom: 1em;
      margin-bottom: 2em;
    }
    #content .primary h1 {
      padding-top: 0;
      font: bold 24px/1.25 "Century Gothic", "Apple Gothic", sans-serif;
    }
    #content .primary h2 {
      font: bold 18px/22px "Century Gothic", "Apple Gothic", sans-serif;
    }
    #content .primary h1+h2,
    #content .primary h3 {
      font: italic 92.3% Georgia, "Palatino", "Palatino Linotype", Times, "Times New Roman", serif;
      color: #b1b84c;
    }
    #content .primary img.portrait {
      padding-top: 0;
      max-width: 100%;
    }
    #content .primary ul,
    #content .primary ol {
      padding-bottom: 0.5em;
    }
      #content .primary ul li,
      #content .primary ol li {
        padding-bottom: .25em;
      }
  
  #content .secondary {
  }
    #content .secondary div.include {
      border: none;
      padding-bottom: 1em;
      margin-bottom: 2em;
    }
    #content .secondary h2 {
      font: bold 18px/22px "Century Gothic", "Apple Gothic", sans-serif;
      padding: 8px 0 6px !important;
      color: #3a3a3a;
    }
    #content .secondary h3 {
      font: italic 92.3% Georgia, "Palatino", "Palatino Linotype", Times, "Times New Roman", serif;
      color: #b1b84c;
    }

/** Homepage Version 2
** ----------------------------------------------------------------*/

  /* Main Column (right) */
#content .featured {
  width: 390px;
  padding-left: 46px;
  padding-right: 14px;
}
#content .featured h1 {
  position: relative;
  font-size: 25px;
  line-height: 28px;
  color: #000;
  padding-top: 0;
  padding-bottom: 15px !important;
  margin-bottom: 17px !important;
  background: transparent url(/assets/images/bg-dotted-border-orange.png) repeat-x 0 100%;
}
  #content .featured h1:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -16px;
    left: -37px;
    width: 32px;
    height: 34px;
    background: transparent url(/assets/images/bg-star-tab-orange.png) no-repeat 0 0;
  }
#content .featured h2 {
  position: relative;
  letter-spacing: 0.01em;
  font-weight: 600;
  font-size: 25px;
  line-height: 28px;
  color: #a6a6a6;
  padding-top: 24px !important;
  padding-bottom: 15px !important;
  margin-bottom: 10px !important;
  background: transparent url(/assets/images/bg-dotted-border-grey-double.png) repeat-x 0 100%;
}
  #content .featured h2:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -11px;
    left: -37px;
    width: 32px;
    height: 24px;
    background: transparent url(/assets/images/bg-tab-grey.png) no-repeat 0 0;
  }
#content .featured h3 {
  color: #e27e36;
  font: bold 15px "Century Gothic", "Apple Gothic", sans-serif;
}
#content .featured h1 + h3,
#content .featured h2 + h3 {
  padding-top: 0;
}
#content .featured p {
  font-size: 15px;
}
#content .featured img.portrait{
  display: block;
  float: none;
}
#content .featured a,
#content .includes a {
  color: #e27e36;
}
#content .featured a:hover,
#content .includes a:hover {
  color: #D1783A;
  text-decoration: none;
}
#content .featured > div {
  border: none;
  margin: 1em 0;
}
#content .includes ol, 
#content .includes ul {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}
  #content .includes ol li {
    border: 1px solid #cbcbcb;
    margin-bottom: 1em;
  }
  #content .includes ol h3 {
    background: #f3f3f3;
    border-bottom: 1px solid #cbcbcb;
    padding: 6px 10px;
  }
  #content .includes ol p {
    padding: 4px 10px;
  }
  /* Secondary Column (middle) */
#content .highlights h2 {
  color: #a6a6a6;
  font-size: 15px;
  line-height: 28px;
  padding-top: 3px !important;
  padding-bottom: 12px !important;
  margin-bottom: 17px !important;
  background: transparent url(/assets/images/bg-dotted-border-grey-double.png) repeat-x 0 100%;
}
#content .highlights h3 {
  font: bold 13px "Century Gothic", "Apple Gothic", sans-serif;
  color: #cb4832;
}
#content .highlights p {
  padding-bottom: 0.5em;
}
#content .highlights a {
  color: #cb4832;
}
#content .highlights a:hover {
  color: #cb4832;
  text-decoration: none;
}

  /* Sidebar Rail (left) */
#content .rail .include {
  color: #494949;
  padding-bottom: 0;
}
  #content .rail .include div { padding-bottom: 0; }
  #content .rail .include h2 {
    color: #a6a6a6;
    font-size: 15px;
    line-height: 28px;
    padding: 3px 24px 12px 26px !important;
    margin: 0 -24px 0 -26px !important;
    background: transparent url(/assets/images/bg-dotted-border-grey-double.png) repeat-x 0 100%;
  }
  #content .rail .include h3 {
    background: #cbcbcb;
    color: #8d8d8d;
    font-size: 12px;
    padding: 7px 32px 6px 26px !important;
    margin: 0 -24px 0 -26px;
  }
    #content .rail .include h3 a {
      color: #8d8d8d;
      text-decoration: underline;
      display: block;
    }
    #content .rail .include h3 a:hover { color: #3b3b3b; text-decoration: none; }
    #content .rail .include h3.twitter a {
      background: transparent url(/assets/images/icon-twitter-grey.png) no-repeat 0 50%;
      padding-left: 23px;
    }
    #content .rail .include h3.facebook a {
      background: transparent url(/assets/images/icon-facebook-grey.png) no-repeat 0 50%;
      padding-left: 23px;
    }
  #content .rail .include a {
    color: #494949;
    text-decoration: underline;
  }
  #content .rail .include a:hover {
    color: #494949;
    text-decoration: none;
  }
/* End Homepage Version 2 **/

/** FACEBOOK
** ----------------------------------------------------------------*/
/* Base */
  .fb-wall {
  }
	.fb-wall-box{
		margin-bottom:10px;
		border-top:1px solid #eee;
		padding-top:10px;}
		
	.fb-wall-box-first{
		border:0;
		padding-top:0;}
		
	.fb-wall-avatar{
		float:left;
		border:0;}
		
	.fb-wall-data{
		margin-left:60px;}
		
	.fb-wall-media{
		display:block;
		margin-bottom:5px;}
		
	.fb-wall-border-left{
		border-left:2px solid #CCCCCC;
		padding:0 0 3px 8px;}
		
	.fb-wall-media-container{
		display:table;}
		
	.fb-wall-media-link{
		border:1px solid #ccc;
		display:inline-block;
		cursor:pointer;
		float:left;
		margin-right:5px;}
		
	.fb-wall-media-link:hover {
		border:1px solid #3B5998;
  }
	.fb-wall-picture{
		margin-right:10px;
		border:0;
		display:block;
		margin:3px;}
		
	.fb-wall-name{
		display:block;
		}
		
	.fb-wall-caption{
		display:block;
		}
		
	.fb-wall-description{
		display:block;
		}
		
	.fb-wall-icon{
		float:left;
		margin-right:5px;}
		
	.fb-wall-date{
		clear:left;
		display:block;
		margin-bottom:5px;}
		
	.fb-wall-message{
		display:block;
		margin-bottom:5px;}
		
	.fb-wall-message-from{
		}
		
	.fb-wall-link{
		text-decoration:none;}

/* Likes*/
	
	.fb-wall-likes{
		border-bottom:1px solid #E5EAF1;
		margin-bottom:2px;
		display:block;
		/* background:url(like.gif) no-repeat 0 0 #FFF;*/
		padding-top:5px;}
		
	.fb-wall-likes div{
		margin:0;
		/* background:url(like.gif) no-repeat 0 -5px #EDEFF4;*/
		padding:5px 5px 4px 24px;}
		
	.fb-wall-likes div span{
	}

/* Comments */

	.fb-wall-comments{
		margin-top:2px;
		}
	
	.fb-wall-comment{
		background-color:#EDEFF4;
		border-bottom:1px solid #E5EAF1;
		margin-top:2px;
		padding:5px 5px 4px;
		display:block;
		overflow:hidden;}
		
	.fb-wall-comment-message{
		display:table;}
		
	.fb-wall-comment-from-name{
		font-weight:bold;
		}
		
	.fb-wall-comment-from-date{
		clear:left;
		display:block;}
		
	.fb-wall-comment-avatar{
		width:32px;
		height:32px;
		float:left;
		margin-right:5px;
		overflow:hidden;}
		
	.fb-wall-comment-avatar img{
		width:32px;
		height:32px;}
		
/* Clearfix */
		
	.fb-wall:after, .fb-wall-media:after, .fb-wall-clean{
		content:'.';
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		font-size:0;
		line-height:0;}		

/* Custom */
#facebook {
  margin: 1em 0 0
}
  .fb-wall-box {
    border: none;
  }
  .fb-wall-avatar,
  .fb-wall-date,
  .fb-wall-comments,
  .fb-wall-likes {
    display: none;
  }
  .fb-wall-data {
    margin-left: 0;
  }
  .fb-wall-media > * { display: block; }
  .fb-wall-picture { display: block; }
/* End FACEBOOK **/

/** Twitter
** ----------------------------------------------------------------*/
#tweets { }
  #tweets .tweet_list {
    margin: 1em 0;
  }
    #tweets .tweet_list li {
      font-size: 12px;
      line-height: 18px;
      margin-bottom: 12px;
    }
/* End Twitter **/

/** Contact Form
 ** ---------------------------------------------------------------*/
#freeform {
  padding: .5em 24px 1em 26px;
  margin: 0 -24px 0 -26px; 
  background: #e6e6e6 url(/assets/images/bg-lattice.png) repeat 0 0;
}
  #freeform fieldset {
    margin: 0;
    padding: 0;
    border: none;
  }
  #freeform legend {
    display: none;
  }
  #freeform .fields {
    padding: .5em 0;
  }
  #freeform .fields input[type="text"], #freeform .fields input[type="email"] {
    font-size: 13px;
    padding: 4px 3px 3px;
    width: 90%;
  }
  #freeform p {
    font-size: 12px;
    line-height: 1.5;
    padding-bottom: .5em;
  }
/* End Contact Form **/