/* ======================================================= */
/* #THEME-TYPOGRAPHY - Font-family, color, and line-height goes here (defaults found in base.css)  */
/* ======================================================= */

.colors {
		color: #897029; /* puke green */
		color: #343A41;/* very dark gray */
		color: #BE4E31;/* burnt orange */
		color: #808298;/* medium gray */
		color: #BC6839;/* paler burnt orange */
		color: #B8951E; /* pitt old gold */
		color: #9a9bab;/* slightly paler medium gray */
		color: #ee7727;/* brightish orange */
		color: #5F6173;/* dark but not too dark gray */
		color: #55559C;/* dark lilac */
		color: #B7B7B7;/* pale gray */
		}

body{
	font: 16px/22px "CallunaSansRegular", sans-serif; /* 13/ 19 - was line height */
	color: #5F6173;
	}

a, a:hover, a:visited{color: #ee7727; text-decoration: none;}
a:hover{opacity: 0.8;}
.module a:hover{opacity: 1;}

			
/* Headline Text */	 
h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {  
	font-family: "NovecentowideUltraLightBold","NovecentowideNormalRegular", Times; 
	font-weight: bold; 
	color: inherit; 
	font-weight: bold; 
	text-transform: uppercase;
	text-shadow: none;
	}	
	
	/* Tophat and Footer Text */
	#section-tophat, #section-tophat a,
	#section-footer, #section-footer a, 
	#section-sub-footer{ 
		color: #aaa !important; 
		}

	#section-footer h5{ 
		color: #eee !important; 
		}

	#section-footer a{
		text-decoration: none;
		}



	/* Light Text Shadow */
	h1, h2, h3, h4, h5, h6,
	.sf-menu.light ul li a, th, tr,
	.portfolio-filters span, .portfolio-view span {  
		 -webkit-text-shadow: none;
			-moz-text-shadow: none;
			  -o-text-shadow: none;
				 text-shadow: none;
				}

	/* Dark Text Shadow */
	.sf-menu li ul, 
	#section-tophat, 
	.sf-menu.light li u {  
		 -webkit-text-shadow: none;
			-moz-text-shadow: none;
			  -o-text-shadow: none;
				 text-shadow: none;
				}
	/* ul.square li{ line-height: 14px; } */


	h5.no_image{margin-top: 0px; padding-top: 0px;}
	
h4{line-height: 24px;}
	 
h5 { 
	font-size: 15px; 
	line-height: 130%;
	margin-top: 10px;
} 
	
h2.title, h1.title{ 
    font-size: 28px;
    line-height: 175%;
    margin-bottom: 20px;
    padding: 8px 0;
	
}
h1.title {
	font-family: "NovecentowideNormalRegular", arial, sans-serif;
	text-transform: uppercase;
	font-size: 36px; 
	color: #B8951E;
	
}

h2.title, .content h2 {
	font-family: "TrocchiRegular", cursive, serif;
	font-size: 1.875em; 
	color: #5F6173;
	text-transform: none;
	line-height: 1.5em;
	margin-bottom: 0px;
	background-image: none;
	
}


h2.title span, h1.title span{  padding: 17px 22px 19px 0;  }

.sidebar h3, .aside h3{
	font-size: 11px;
	text-transform: uppercase;
	line-height: 120%;
}

.sidebar-news-item p{
	font-size: .75em;
	line-height: 1.1em;
	
}
h3.sidebar-news-item {
	text-transform: none;
	font-size: 16px;
	margin-bottom: 3px;
}

.sidebar .widget .cat-post-item .post-date{
	
	font-family: "NovecentowideUltraLightBold", arial, sans-serif;
	text-transform:uppercase;
	font-size: 12px;
	color: #5F6173;
	text-align: left;
	
}

.sidebar .widget .cat-post-item .post-title{
	font-family:  "TrocchiRegular", Times, serif; 
	font-size:  16px;
	color: #B7B7B7;
	font-weight: lighter;
	line-height: 1.25em;
	
}

.sidebar hr.partial-bottom {
	margin-bottom: 5px;
	margin-top: 20px;
	
}

.sidebar .meta ul li {
	color: #343A41;
	
}

h3, h3 a{
	font-family:  "TrocchiRegular", Times, serif; 
	text-transform:uppercase;
	font-size:  16px;
	color: #B7B7B7;
	
}

h3 a:hover{
	color: #55559C;
	
}	
	
h5, h5 a, h5 a:visited, h5 a:active, {
	
	font-family: "NovecentowideUltraLightBold", arial, sans-serif;
	text-transform:uppercase;
	font-size: 22px;
	color: #5F6173;
	color: red;
	text-shadow: none;
}


ul {
	list-style: disc outside;
	margin-left: 1.2em;
	
}


.module h5 a:hover {
	color:#55559C;
	
}

.module h5 a{
	font-size: 22px;
	color: #5F6173;
	text-shadow: none;
	
}
.module h6 a, .module h6 {
	font-family: "NovecentowideNormalRegular", arial, sans-serif;
	font-size: 13px;
	color: #EE7727;
	text-shadow: none;

		
}

.blog.items, .news.items {	
	margin-top: 30px;
}



.module h6 a, .news .module h6 a:visited{
	color: #EE7727;
	
}

.module-meta h6 {
	color: #5F6173;
	margin-bottom: 1em;
}


h3#comments{font-size: 24px; margin-bottom: 25px;}

/* Comment Space Font Rules */
.commentlist .comment-body .commentmetadata {
    font-size: 12px;
    font-style: italic;
   }
.vcard a{font-size: 16px; font-weight: bold; color: #222}
.says{color: #999;}

 
/* arrowlinks */


a.arrowlink, a.taglink, .widget_nav_menu .menu-tags-container #menu-tags li a, .rbt_excerpt.taglink a, .article_nav.people .next a, .article_nav.people .previous a {
	font-family: "NovecentowideUltraLightBold", Times, serif;
    text-transform: uppercase;
    text-decoration: none;
    color:#fff;
}

/* --------- Call out Arrows */
a.arrowlink, .article_nav.people .next a, .article_nav.people .previous a {
 font-size: 18px !important;
   line-height: 22px;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. 
  If you want to use a different font size you may have to play with the position of the ribbon elements */
 width: 15em;
width:auto;
 position: relative;
 background: #9a9bab;
 color: #fff;
 text-align: right;
margin: 18px 42px;
    display: block;
 white-space:nowrap;
padding: 2px;
}

a.arrowlink:hover, a.taglink:hover, .widget_nav_menu .menu-tags-container #menu-tags li a:hover, .rbt_excerpt.taglink a:hover, 
.article_nav.people .next a:hover, .article_nav.people .previous a:hover  {
    color: #whitesmoke;
}

.arrowlink:before, .arrowlink:after, .widget_nav_menu .menu-tags-container #menu-tags li a:after, .rbt_excerpt.taglink a:after, 
.article_nav.people .next a:after, .article_nav.people .next a:before, .article_nav.people .previous a:after, .article_nav.people .previous a:before {
 content: "";
 position: absolute;
 display: block;
 bottom: 0em;
 border: 13px solid #9a9bab;

}
.arrowlink:before, .article_nav.people .next a:before {
 left: -36px;
 border-right-width: 27px;
 border-left-color: transparent;
    
}
.article_nav.people .previous a:after {
 right: -36px;
 border-left-width: 27px;
 border-right-color: transparent;
	
	
}

.arrowlink:after, .article_nav.people .next a:after {
    right: 30px;
    right: -30px;
    border-right-color: transparent;
    border-top: 13px solid transparent;        
    border-bottom: 13px solid transparent;
    border-left: 18px solid #9a9bab;

 
}

.article_nav.people .previous a, .article_nav.people .next a{
	width:150px;
	padding-right: 20px;
	padding-left: 20px;

	
}
.article_nav.people .previous a{
	margin-left: 20px;
	text-align: left;
	float: left;
}

.article_nav.people .next a{
    margin-right: 20px;
	float:right;
}

.article_nav.people {

}

.article_nav.people .previous, .article_nav.people .next{


}

.article_nav.people .previous a:before {
	/* fix this by mirroring it */

    left: -60px;
    border-left-color: transparent;
    border-top: 13px solid transparent;        
    border-bottom: 13px solid transparent;
    border-right: 18px solid #9a9bab;
	top:0px;
	content: "";
	background-image:none;

 
}

.article_nav.people .next a:after {

	content: '';
	background: transparent;
	background-image: none;
	right: -60px;
	top: 0px;
	
}


	/* --------- Call out Arrows */
	h6.taglink, .widget_nav_menu .menu-tags-container #menu-tags li a, .rbt_excerpt.taglink a   {
	 font-size: 16px !important;
	 position: relative;
	 background: #9a9bab;
	 color: #fff;
	 text-align: center;
	 padding: 5px; /* Adjust to suit */
	 margin: .5em 1em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
	 display: block;
	 white-space:nowrap;
	padding: 3px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

h6.taglink {
	font-size: 14px !important;
    padding: 0px; /* Adjust to suit */
}


h6.taglink:hover{
	    color: #whitesmoke;
}

.taglink:after {
	 content: "";
	 position: absolute;
	 display: block;
	 bottom: 0em;
	 border: .8em solid #D0D2D3;
	 border: 12px solid #D0D2D3;

}
.taglink:before {
}
	
.taglink:after {
	    right: 30px;
	    right: -20px;
	    border-right-color: transparent;
	    border-top: 10px solid transparent;        
	    border-bottom: 11px solid transparent;
	    border-left: 12px solid #D0D2D3;
		border-radius: 2px;

}

.design.taglink {
	background:pink;
	margin-top: 5.3em;
	padding-right:3px;
	padding-left:3px;
} 

.design.taglink:after{
	border-left:10px solid pink;	
}

.implement.taglink {
	background:burlywood;
	margin-top: 5.3em;
	padding-right:3px;
	padding-left:3px;
} 

.implement.taglink:after{
	border-left:10px solid burlywood;	
}

.investigate.taglink {
	background:lightsteelblue;
	margin-top: 5.3em;
	padding-right:3px;
	padding-left:3px;
} 

.investigate.taglink:after{
	border-left:10px solid lightsteelblue;	
}


.inspire.taglink {
	background:mediumorchid;
	margin-top: 5.3em;
	padding-right:3px;
	padding-left:3px;
} 

.inspire.taglink:after{
	border-left:10px solid mediumorchid;	
}

#menu-tags {
	list-style: none;
	margin-left: 0px;
}
.widget_nav_menu .menu-tags-container #menu-tags li {
		list-style: none;
		margin-left: 0px;
	
}

.widget_nav_menu h3 {
	color: #B8951E;
	
}

.widget_nav_menu .menu-tags-container #menu-tags li a, .rbt_excerpt.taglink a  {
	background: #D0D2D3;	
	padding-left: 0px;
	margin-left: 0px;
}
.widget_nav_menu .menu-tags-container #menu-tags li a:after, .rbt_excerpt.taglink a:after  {
   right: 30px;
    right: -30px;
    border-right-color: transparent;
    border-top: 12px solid transparent;        
    border-bottom: 12px solid transparent;
    border-left: 18px solid #D0D2D3;


}

.rbt_excerpt.taglink a  {
	font-size: 12px !important;
}
.rbt_excerpt.taglink a:after  {
	border-top: 12px solid transparent;        
    border-bottom: 12px solid transparent;
	
}


.widget_categoryposts ul, .widget_categoryposts li{
	list-style: none;
	margin-left: 0px;
	
}

.widget_categoryposts p.post-date {
	margin-bottom: 0px;
	
}
.widget_categoryposts .cat-post-item {
	margin-bottom: 40px;
	width: 280px;
}
.widget_categoryposts a, .widget_categoryposts a:visited {
	color: #343A41;
	
}
.widget_categoryposts .cat-post-item:hover a{
	color: #BC6839;
	
}
.rbt_excerpt.taglink a {
	display: inline-block;
	width: auto;
	
	
}
.content .meta-space {
	display: block;
	clear: both;
	
}

.rbt_excerpt.taglink a {
	font-family: "NovecentowideUltraLightBold", Times, serif;
	line-height: 1.3em;
	font-size: .6em !important;
	letter-spacing: 1px;
	padding: 3px;
	margin: .5em 2em 0em 0em;
	white-space: nowrap;
	padding: 3px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
}
.rbt_excerpt.taglink a:after {

	    right: -2.2em;
	    border-right-color: transparent;
	   	border-top: 1em solid 	transparent;
		border-bottom: .9em solid transparent;
	    border-left: 1em solid #D0D2D3;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	
	
	
}	


/* services page 3763 */
.page-id-870 .content .implement, .page-id-870 .content .design, .page-id-870 .content .inspire, .page-id-870 .content .investigate{
	text-align: center;
	text-shadow: none;
	padding: 0px 5px;
	
} 

.page-id-870 .implement h4, .page-id-870 .implement a {
	color: #EE7727;



}
.page-id-870 .investigate h4, .page-id-870 .investigate a {
	color:#55559C;

}

.page-id-870 .design h4, .page-id-870 .design a{
	color:#B8951E;

}
.page-id-870 .design a, .page-id-870 .investigate a, .page-id-870 .implement a{
	font-family: "TrocchiRegular", serif;
	margin: 0 auto;
	padding: 2em 1em;
	margin-top: 1em;
	display: block;
	position:relative;
	bottom: 5px;
	
}
.page-id-870 .design, .page-id-870 .investigate, .page-id-870 .implement {
	font-size:17px;
	height: auto;
	position: relative;
}
.page-id-870 .design h5, .page-id-870 .investigate h5, .page-id-870 .implement h5{
	font-size: 1.375; /* 22 */
	
}

#portfolio-list .module h5 a{
	font-size: 1.1875em;
	font-family: "TrocchiRegular", Times;
	text-transform: none;
	font-weight: lighter;
	line-height: 1.3em;
	color: #B8951E;
	margin-bottom: 5px;
}
​






 
/* Small Text Classes */
.tags a, #section-tophat, #section-sub-footer, .date{
	font-size: 11px
}

div.sociable {
	margin-top: 5px;
}

#section-header {
	text-transform: uppercase;

}

#section-footer span{
	font-size: 12px
}

#section-footer h5, #section-footer h5 .twitterwidget-title{
	font-family: "TrocchiRegular", serif;
	text-shadow: none;
	font-size: 17px;
	padding: 0px;
	text-align: left;
	padding: 0px 0px;
	margin-bottom: 18px;
	
}
#section-footer .widget-title-image{
	display: block;
}
#section-footer .widget-title-image{
	display: block;
}
#section-footer h5::after {
	background-image: none;
	
}

.portfolio-filters span, .portfolio-view span{
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
   }

label, legend {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 6px;
}


/* Specialty classes */

.tabs li a{color: #111;}

.aside-container{margin-right: 20px;}

.aside{
	background: url("http://thereboot.org/wp-content/themes/skeleboot/assets/images/theme/backgrounds/pattern_diagonal_white.png") repeat scroll 0px 2px transparent;
	background-image: none;
	
    border-right: 4px solid rgba(155, 155, 155, 0.2);
    font-size: 11px;
    padding: 10px 15px 10px 10px;
    display: block;
}

.superquote{
	clear: both; 
	margin: 40px 0; 
	font-size: 26px; 
	font-style: italic; 
	font-family: Georgia; 
	line-height: 34px; 
	padding-left: 20px; 
}

.supertagline{
	clear: both; 
	margin: 20px 0; 
	font-size: 26px; 
	font-style: italic; 
	font-family: Georgia; 
	line-height: 34px; 
	display: block;
	text-align: center;
}


/* Featured Space (for downloads and stuff) */
.feature {
	background: none;
	display: block;
	padding: 30px 20px; 
	font-size: 24px;
	font-style: italic;
	font-family: Georgia; 
	line-height: 34px;
}	

.feature span{
	background: white;
	padding: 10px;
	}

.feature .button{
	float: right;
}



/* 
   CAUTION !!!! 

A LOT OF THIS NAV MENU SHIT SUCKS. WE ARE CANCELING OUT LIKE 4 DIFFERENT STYLE SHEETS, 
AND THEY ARE ALL NASTY. AS A CONSEQUENCE, THIS IS TOO. 


====================================MINE =================================*/


.sub-menu {
	width: 34em;
	background: transparent;
	
}

.sub-menu li {
	width: 40%;

	}
	
.sf-menu {
		border-bottom: 1px solid #343A41;
		float: right;
	
}

.home .sf-menu {
		border-bottom: none;
		float: none;
	
}

	
.sf-menu, .sf-menu li a{
	line-height: .8em;

	padding-top: 4px;
	padding-bottom: 4px;
}

.sf-menu > li a {
		padding: 0px 5.4em 0px 0px; /* HATEFUL MENU PADDING */
}

.sf-menu > li:first-child > a {
		padding: 0px 5.4em 0px 0px;
}	
.sf-menu > li:last-child > a {
	padding-right: 0px;
	/* cancels */ 	
}

.sf-menu > li{
	border-right: 1px solid #fff;
	/* cancels */ 
}

.sf-menu > li li{
	border-right: 1px solid red;
	
}

.sf-menu li:hover{
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
		moz-box-shadow: none;
	background: transparent;	
}
.sf-menu li li:hover{
	border-right: 1px solid #B7B7B7;
	border-left: 1px solid #B7B7B7;
}

#menu .sf-menu li li:hover{
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	moz-box-shadow: none;	
	border: none;
	border-right: inherit;

}



.sf-menu li ul {
	background: url("../images/theme/downarrow.png") no-repeat scroll 17px 7px transparent !important; 
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	width: 34em; 	/* TODO: NEEDS ADJUSTING/TIGHTENING */
}

.home .sf-menu li ul {
		background: url("../images/theme/whitedownarrow.png") no-repeat scroll 35px 7px transparent !important;
}

.sf-menu li ul li {
	width: auto; /* TODO: NEEDS ADJUSTING/TIGHTENING */
	background: transparent;
}
.sf-menu.light li li {
	background: transparent;

}

.sf-menu.light li li {
	border: none;
	
}


.sf-menu.light li li {
	border-right: 1px solid #B7B7B7;
}

.sf-menu.light li li:last-child {
	border-right: none;
}

.home .sf-menu.light li li {
	border-right: 1px solid white;
}
.home .sf-menu.light li li:hover {
	border-right: 1px solid white;
}

.home .sf-menu.light li li:active {
	border-right: none; 
}


.home .sf-menu.light li li:last-child {
	border-right: none; 
}

.home .sf-menu.light li li:last-child:hover {
	border-right: none; 
}

.sf-menu.light li li a:active {

}
.sf-menu.light ul li a {
	/* TODO: NEEDS ADJUSTING */
	/* to change the color/font of the subnav */
}


/* Menu Text - Light Skin Colors Below in Main Section*/

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 3.8em; /* 3.8 with sans stack, match top ul list item height */
	top: 1.5em;
}

.home .sf-menu li:hover ul,  .home .sf-menu li.sfHover ul {
	top: 1.4em;
}

.sf-menu > li > a strong{ /* Top Level Link */
	font-family: "NovecentowideUltraLightBold", arial sans-serif;
	font-size: 13px;
	font-weight: bold;	
	color: #343A41;
	}
	

.sf-menu > li > a:hover strong  {
	color: #897029;
	
}

.sf-menu > li > a:active strong,  {
	color: #897029;



	
}
.sf-menu > li > a > strong {
	font-family: "NovecentowideUltraLightBold", arial sans-serif;
	font-size: 13px;
	font-weight: bold;	
	color: #343A41;	
}
	
.sf-menu > li.current_page_item > a strong{
	color: #897029;
}	

.sf-menu > li.current_page_ancestor > a strong{
	color: #897029;
}

.sf-menu > li > ul.sub-menu > li.current_page_item a {
	color: #897029;
}

.sf-menu > li > ul.sub-menu > li.current_page_ancestor	 a {
	color: #897029;
}



.sf-menu > li a span{ /* Top Level Sub-text */
	font-size: 9.5px; 
	font-weight: normal; 
	line-height: 9px; 
	color: #ffffff; 
	display: block; /* To ensure that the subtext drops a line */
	}

.sf-menu > li:hover a strong { color: #897029; }
.sf-menu > li:hover a span{ color: #897029; }

/* Dropdown Links */
.sf-menu ul { 
	font-size: 12px;
	color: #343A41;
	}

.sf-menu ul li:hover a{ color: white; }

/* Light version of dropdown */
.sf-menu.light ul li a { color: #808298; }
.sf-menu.light ul li:hover a{ color: #BC6839 ; }
.sf-menu.light ul { color: #333; }

.sf-menu .light ul li a,.sf-menu .light ul li li a  {
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	
}
#menu .sf-menu.light.sf-shadow a strong{
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	font-weight: normal;
	font-family: "NovecentowideUltraLightBold", arial, sans-serif;

}


/* sub menu */
.sf-menu.light ul li a {
	text-shadow: none;
	font-family: "NovecentowideUltraLightBold", arial, sans-serif;
	letter-spacing: 2px;
	font-size: 13px;
}

.sf-menu.light ul li a:hover {
	color:#B8951E;
}

.home .sf-menu.light ul li a {
	color: #fff;
	text-shadow: none;
}

.sf-breadcrumb {
		color:   #B8951E;	
}

/* ------- NEW TWEAKS -----  These work.  */
.sf-menu.light ul li a:hover {
	color: #55559C;
}
	
.sf-menu.light ul li a:active {
	color: #D6C55C;
}

.sf-menu.light .sub-menu li {
	border-right: 1px solid #B7B7B7;
}

#menu .sf-menu li li:hover {
	border-right: 1px solid #B7B7B7;
	
}

#menu .sf-menu li li:last-child:hover {
	border-right: none;
	
}

.home #menu .sf-menu li li:hover {
	border-right: 1px solid #fff;
	
}
.home #menu .sf-menu li li:last-child:hover {
	border-right: none;
	
}

#menu .navigation #menu-main-nav-menu .sf-menu .current_page_item a strong {
	color: #897029;
	color: red !important;
	
}



.home #menu #menu-navbar.menu-item li {
	display: inline;
	width: 19%;
	
}
.home .sf-menu li {
	width: 18%;
	display:inline-block;
	float: none;
}


.home #menu .sub-menu li {
	width: auto;
	float: left;
}

.sf-menu > li > a, .sf-menu > li {
	display: inline-block;
	float: none;
}


.sf-menu li li a, .sf-menu li li a:hover, .sf-menu li li a:focus {
padding: 8px 10px 8px 11px !important;
}

/* TODO : Fix hover colors.

/* -------- end Menu ----------------------------   */	

/* slider */

/* this is for the body copy in the slider */
.rbt_descrip {
	font-size: 21.81818%;
	overflow: auto;
	float: left;
	font-family: 'CallunaSansRegular', georgia, serif;
	color: #fff;
}





/*Tagline */

.tagline {
	font-family: "NovecentowideUltraLightBold", arial sans-serif;
	text-transform: uppercase;
	font-size: 3em;
	text-align: center;
	line-height: 1.1em;
	margin: 1.45833333em 1.25em 1.25em 1.25em;
}
.tagline-extended {
	font-family: 'CallunaSansRegular', georgia, serif;
	font-size: 1.375em;
	color: #666666;
	text-align: center;
	margin: 0em 3.181818em .5em 3.181818em;
	
}


#slidecaption {
/*	background: black;
	opacity: .7; */
	overflow: hidden;
	float: left;
/*	margin: -.4em 1em 0 1em; */

	position: initial;
	height: 300px;
	
}


#slidecaption {
	font-family: "StMarieThin", Helvetica, Arial, sans-serif;
	position: initial;
	font-size: 110px;
	color: white;
	text-shadow: none;
	line-height: auto;
	 -webkit-text-stroke-width: 1px;
	 -webkit-text-stroke-color: white;
	text-transform: none;
	line-height: 110px;
/*	width: 82%; */
/*	text-align: center; */
}

#slidecaption .rbt_descrip{
	font-family: "CallunaSansRegular", Helvetica, Arial, sans-serif;
	font-size: 24px;
	-webkit-text-stroke-width: 0px;
	line-height: 27px;
	padding-top: 24px;
	overflow: auto;
	width: 100%;
	height: 5em;
	clear: both;
	display: block;
/*	float: none; */
	
}

#slidecaption .rbt_descrip:first-child{
	max-width: 537px;
/*	border: 1px solid dodgerBlue; */
/*	margin: 0 auto; */
	text-align: left;
	
}
#slidecaption .rbt_descrip.design:first-child{
	max-width: 365px;
}

#slidecaption #slider_design {
	width: 250px;
	color: dodgerblue;
}

#slidecaption #slider_careers {
	color: #fafafa;
}

#slidecaption #slider_design:first-child {
	min-width: 250px;
}


.home .one-third {
	margin-top: 35px;
	
}

.home .one-third .module-meta h5 a, .home .one-third .module-meta h5{
	text-align: center;
	font-family:  "NovecentowideNormalRegular"; 
	text-transform: uppercase;
	font-size:  26px;
	color: #BB981E;
	
}

.home .one-third .module-img {
	z-index: 0;
	
}

.home .one-third .module-meta{
	
	z-index: 32;
}
.home .one-third .module-meta h5{
	margin-top: -65px;
	margin-bottom: 57px;
	z-index: 999;
}


.home .one-third p{
	font-size:  17px;
	color: #666666;
	text-align: center;
	margin-left: 10px;
		margin-right: 10px;
	
}

#section-footer .follow {
	margin-top: 0px;
	
}



#section-footer #text-11 h5{
	margin-top: 30px;
	margin-bottom:10px;
}

.follow a{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right:10%;
}
	
.twitter{
	background: transparent url("../images/theme/twitter.png") no-repeat scroll;
}
	
.twitter:hover{
	background: transparent url("http://thereboot.org/wp-content/themes/skeleboot/assets/images/theme/twitter_hover.png") no-repeat scroll;
	
}
.facebook{
	background: transparent url("http://thereboot.org/wp-content/themes/skeleboot/assets/images/theme/facebook.png") no-repeat scroll;
}
.facebook:hover{
	background: transparent url("http://thereboot.org/wp-content/themes/skeleboot/assets/images/theme/facebook_hover.png") no-repeat scroll;
	
}
	
.rss{
	background: transparent url("../images/theme/rss.png") no-repeat scroll;
}

.rss:hover{
	background: transparent url("http://thereboot.org/wp-content/themes/skeleboot/assets/images/theme/rss_hover.png") no-repeat scroll;
}



.flickr{
	background: transparent url("../images/theme/flickr.png") no-repeat scroll;
	
}
.flickr:hover{
	background: transparent url("http://thereboot.org/wp-content/themes/skeleboot/assets/images/theme/flickr_hover.png") no-repeat scroll;
	
}

.article_nav .previous a:before {
	background: transparent url("../images/theme/smallarrow_l.png") no-repeat scroll;
	display: inline-block;
	width: 30px;

	content: url("../images/theme/smallarrow_l.png") no-repeat;
	position: absolute;
	top: -3px;
	left: -40px;
}

.article_nav.project .previous, .article_nav.project .next{
	margin-top: 2em;
	
}
.article_nav .next, .article_nav .previous{
	position:relative;
	display: inline-block;
	
}

.article_nav a {
	font-family: "TrocchiRegular", times, serif;
	color: #B8951E;
	font-weight: normal;
	width:200px;
	display: inline-block;
}

.article_nav h3 {
	font-size: .8em;
	font-weight: lighter;
	line-height: .8em;
	
}

.article_nav .next {
	text-align: right;
}

.article_nav .next a:after {
	background: transparent url("../images/theme/smallarrow_r.png") no-repeat scroll;
	display: inline-block;
	width: 30px;

	content: url("../images/theme/smallarrow_r.png") no-repeat;
	position: absolute;
	top: -3px;
	right: -40px;
}
.article_nav.project .next {
 

	
}
.article_nav.project .previous {


	
}

.article_nav.people .previous {


	
}
.article_nav.people .next {


	
}

.single-project #section-content .content h1.title.right {
	text-align: right;
	padding-right: 2em;
	line-height:1.2em;
	padding-top: 32px;
	
}
.single-project #section-content .content h1.title.right span{
	padding-right: 0em;
}

.article_nav.project a {
	width: 340px;
}

#section-footer .twitter-stream{
	color: #808298;
	
}
#section-footer .twitter-stream p{
	margin: 0px;
	display: block;
	clear: both;
	
}

#section-footer .twitter-stream a{
	color: #B8951E;
	
}

#section-footer a.twitter-date {
	color: #151616 !important;
	font-family:  "NovecentowideNormalRegular"; 
	display: block;
	font-size: 12px;
	margin-bottom: 20px;
	clear: both;
	
}


#section-sitemap a {
	font-size:13px;
	font-family: "NovecentowideUltraLightBold";
	text-transform: uppercase;
	color: #fff !important;
}

#section-sitemap .sub a, #section-sitemap .sub {
	font-family: "NovecentowideUltraLightBold";
	text-transform: uppercase;
	color: #5F6173 !important;
	font-size: 11px;
}

.sitemap-first {
	margin-left: 50px;
	
}


#section-footer ul li{
	border: none;
}
.blog-head{
	
	margin: 0px;
}
	
.page-template-template-rbt-blog-php h1.title, h1.blog_title{
	color: #5F6173;
	font-family: "TrocchiRegular", Times, serif; 
	font-weight: normal;
	font-size: 9.2em;
	line-height: .8em;
	margin-top: 0px;
	letter-spacing: 8px;
	margin-left:0px;
}

h2.blog_title{
	font-family: "NovecentowideNormalRegular";
	margin-bottom: 0px;
	float: none;
	clear:both;
	text-align: center;
	color:#B7B7B7;
	font-size:2em;
	width: auto;
	
	
}
h2.blog_title span{
	background: white;
	
}
.blog-header{
	border-top: 8px solid #5F6173;
	margin-right: 20px;
}

.ideas-header{
	background: transparent url("http://thereboot.org/wp-content/themes/skeleboot/assets/stylesheets/assets/images/theme/rbtideasbg.png");
	background-repeat: repeat-x;
	margin: 0px;
	margin-top: 0px;
}
.date {
	font-family: "NovecentowideUltraLightBold", arial, sans-serif ;
	text-transform: uppercase;
	
	font-size: 1.25em;
	
}
.excerpt.date {
	
	font-size: .8125em;
}




.rbt-blog h3 {
	line-height: 1.5em;
	margin-bottom: 25px;
	margin-top: 0px;
}


.rbt-blog h3 a, .news-item-title{
	text-transform: none;
	font-size: 1.25em;
	color: #5F6173;

}
.rbt-blog h3 a{
	font-size: 2em;
	line-height: 1.5em;
}


.news .excerpt.date {
	margin-bottom: 15px;
}

.news-excerpt {
	margin-right: 1.25em;
	margin-top: 2px;
}
.news > h3 {
	margin-left: 10px;
}

.news-item-title{
	color: #808298;
}

.home .news-item-title {
	font-family: "NovecentoWideNormalRegular", helvetica, arial, sans-serif;
	
}

.home .news .module-img {
	width: 125px;
	
}
.home .news .module-meta {
	height: auto;
	
}

.rbt-blog .news h3{
/*	margin-right: 200px;	*/
}

.rbt-blog .news h3 a, .news-item-title{
	font-size: 1.125em;

	line-height: 1.50em;
	margin-bottom: 3px;


}

.news h3.excerpt-category {
	margin-bottom: 10px;
	
}

.news p {
	text-transform: none;
	font-size: .875em;
	font-size: 12px;
	line-height: 1.42857em;
	margin-bottom: 0px;
	font-family: "CallunSansRegular", Helvetica, Arial, sans-serif;
	
}



#person-title {
	width:500px;
	height:96px;
	position: relative;
	margin-top: 33.33333%;
	overflow-x: visible;
	background-color: transparent;
	background-repeat: no-repeat;
	/* TODO: background centering position to protect the face */
}

#person-title h4{
	font-family: "NovecentowideNormalRegular", arial, sans-serif ;
	position: absolute;
	margin-bottom: 0px;
	padding: 0px;
	background-image: none;
	background-color: #fff;
	color: #B7B7B7;
	left: 26px;
	bottom: 10px;
	/* TODO: add media-query for making this go away on mobile */
	
	
}
.meta {
	color: black;
	margin-bottom: 20px;
}

.meta .rbt_person_info a{
	color: #9a9bab;
	}

.meta .rbt_person_info a:hover{
	color: #BC6839;
	
}

.meta h3 {
	color: #B8951E;
	font-size: 100%;
	margin-top: 2em;
}
.meta h4 {
	color: #9a9bab;
	font-size: 100%;
}

.meta h5 {
	color: #9a9bab;
	font-size: 80%;
}
.meta .fun_facts {
	color: #9a9bab;
	
}
.meta .fun_facts h5 {
	color: #55559C;
	
}



.rbt_related_posts ul, .rbt_related_posts li{
	list-style: none;
	
}
.rbt_related_posts a, .meta a{
	font-family: "NovecentowideUltraLightBold", arial, sans-serif ;
	text-transform: uppercase;
}

.rbt_post_date {
	text-transform: uppercase;
	color:black;
	font-family: "NovecentowideNormalRegular", arial, sans-serif ;
	font-size: .7em;
	letter-spacing:1px;
}

.font-caluna {	font-family: "CallunSansRegular", Helvetica, Arial, sans-serif;}
	
.font-nove-normal{
	text-transform: uppercase;
	color:black;
	font-family: "NovecentowideNormalRegular", arial, sans-serif ;
	
}
	
.font-trocchi{	font-family: "TrocchiRegular", times, serif; }
	
.font-nove-lightbold{
	
	font-family: "NovecentowideUltraLightBold", arial, sans-serif ;
	text-transform: uppercase;
	
}			

.ideas_header{
	background-repeat: repeat-x;
	margin: -20px;
	margin-top: -62px;
	padding-left: 18px;
	margin-right: -8px;
}
.blog-header {
	border-top: 8px solid #5F6173;
	margin-top: -20px;
	margin-bottom: 40px;
}
h2.blog_title {
	font-family: "NovecentowideNormalRegular";
	margin-bottom: 0px;
	float: none;
	clear: both;
	text-align: center;
	color: #B7B7B7;
	font-size: 2em;
	width: auto;
}


h3.widget-title, h3.widget-title a {
	font-size: 11px;
	color: #B8951E;
	text-transform: none;
	margin-bottom: 10px;
}

.widget_categoryposts h3.widget-title > a, .widget_categoryposts h3.widget-title > a:visited {
	font-size: 11px;
	color: #B8951E;
	
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 960px){
	
	.sf-menu > li a {
	padding: 0px 2.4em 0px 0px;
	}
	
	.sf-menu > li:first-child a {
	padding: 0px 2.4em 0px 0px;
	}

	#supersized {
	top: 8.1em;
	}
	
}

@media only screen and (max-width: 850px){
	.slide-nav-rbt #prevslide, .slide-nav-rbt #nextslide {
		width:100px;
	}
	
	.logospace a {
		width: 100%;
	}


	
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
h1.title{
	font-size: 2em;
}
.slide-nav{
	top: 3em;
}
.tagline{
	font-size: 2em;
}
.home header {
	margin-bottom: 16em;
	
}
.home header .container {
/*	background:#343A41; */
	
}

.home .slide-nav-rbt {
	top: 3em;
}

.home #slidecaption{
	
	width: 100%;
}

.home .slide-nav-rbt #slidecaption .rbt_descrip, .home .slide-nav-rbt #slidecaption .rbt_descrip:first-child {
	font-size: .5em;
	line-height: 1em;
	padding-top: 0px;
/*	text-align: center; */
	overflow: visible;
	max-width: 13em;
	
}
.home .slide-nav-rbt #prevslide, .home .slide-nav-rbt #nextslide {
	background: transparent;
	height: 0px;
	width: 0px;
	
}


.home #supersized, .home #supersized li, .home #supersized li a, .home #supersized li a img{
	
/*	top: 2em;	*/
}

#portfolio-list .module-meta.visible {
	text-align: center;
	float: none;
}

.sitemap-first {
	
	margin-left: 0px;
}

.ideas-header.right {
	float: none;
}

.page-template-template-rbt-blog-php h1.title {
	text-align: center;
	font-size: 4em;
	margin-left: 29px;
}

.page-id-864 .the_content div p {
width: 280px;
}


.page_title {
	display: none;
	
}
#person-title {
	background-size: 280px;
	background-color: #343A41;
	width: 280px;
	height: 96px;
	margin-top: 61.333333%;
}

#person-title h4{
	padding-left: .8em;
	bottom: -2px;
	left: 0px;
	}

.single-person .the_content {
	padding-top: 30px;
	
}

.single-person .the_content.post p {
	margin-left: .8em;
	}
	
#logo {
	text-align: center;
	
}	

.single-project #section-content {
	margin-top: 11em;
}

#slidecaption {
	text-align: center;
}

.home .slide-nav-rbt #slidecaption .rbt_descrip, .home .slide-nav-rbt #slidecaption .rbt_descrip:first-child {
	text-align: center;
	max-width: 100%;
	margin-top: .1em;
}
.logospace a {
	height: 71px;
}



}/* end small screen */

@media only screen and (max-width: 500px){
 	.home #supersized li, .home #supersized li a, .home #supersized li a img {	
		top: 3em;
	}
	#section-footer .rbt_footer_about {
		text-align: left;
		width: 100%;
		margin: 0 auto;
	}
	
}