body { font-size:12px !important; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding-bottom:100px;}
a, a:active, a:selected, a:visited, a:focus { 
    outline: none;
}
.navbar-inner .container {padding:30px 0 30px 0;}
.navbar-inner .container, .navbar-inner, .navbar { background-color:#fff; background-image:none;}
.navbar-inner { background:#FFF; border-bottom: 1px solid #e2e2e2;}
.navbar-fixed-top, .navbar-inner { box-shadow:none;}
.brand { background:url(img/wolff-logo.png) no-repeat 0 0; width:136px; height:44px; display:block; text-indent:-9999px;}
.brand a { display:block; width:136px; height:45px; margin:-12px 0 0 -20px;}
header#branding { margin-bottom:130px;}

/*
Typography
*/
h1, h2, h3, h4 { font-weight:600; color:#333333; line-height:17px; font-style:normal;}
h1 {font-size:16px; margin-bottom:30px; line-height:22px;}
h2 {font-size:12px;}
p { margin-bottom:15px;}
a, a:active { color:#333; text-decoration:none; outline:none;}
a:hover { color:#333; text-decoration:underline;}

/*
Navigation
*/
nav ul { list-style:none; padding:8px 0 0 0; margin:0;}
nav ul.page-numbers li { margin-right:0;}
nav ul li { float:left; margin-right:20px;}
nav ul li a {color:#666;}
nav ul li.current_page_parent a, 
nav ul li.current_page_parent,
nav ul li.current_page_item a, 
nav ul li.current_page_item a,
nav ul li.current-post-parent a,
.navbar .nav > .active > a, .navbar .nav > .active, .navbar .nav > .active > a:focus {
	color:#333 !important; font-weight:600; text-decoration:none;
}
.current_page_parent.open .dropdown-menu a, .current_menu_parent.open .dropdown-menu a { font-weight:300 !important;}

nav ul li a:hover {color:#666; text-decoration:none !important;}
.navbar .btn-navbar { background:none; box-shadow:none; text-shadow:none; border:1px solid #ececec; line-height:1px; padding-top:10px; padding-bottom:10px;}

/*subnav*/
li ul li { float:none; margin-right:0;}
.dropdown-menu { background-color:#F1F2F2; border:none; padding:5px; box-shadow:none; margin-top:8px;}
.dropdown-menu li a:hover, .dropdown-menu li a.on { background:none; background-color:#E6E7E8; color:#333; font-weight:300; text-decoration:none;}
.dropdown-menu .pointerArrow { position:absolute; top:-12px; left:5px;}
/*buttons*/
.btn.download { background:#F1F2F2 url(img/icon-pdf.png) no-repeat 8px center; padding:5px 15px 5px 30px; margin-top:5px; border:1px solid #D1D3D4;}
.btn.download:hover {background:#E6E7E8 url(img/icon-pdf.png) no-repeat 8px center;; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.btn { background:none; padding:2px 12px 2px 12px; border:1px solid #D1D3D4 !important; color:#666;}
.btn:hover { background-color:#f6f6f6; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s;-o-transition: all 0.4s; color:#666;}
.icon-back { background:url(img/icon-back.png) no-repeat 0 3px !important; display:inline-block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.05) !important;
  border-bottom-color: none !important;
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {display:none !important;}

/*
Global
*/
#leftCol { padding-right:85px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.listing h2 { margin:0 0 10px 0; padding:0;}
/*.listing img, article img {margin-top:15px; margin-bottom:15px;}*/

/* Default Content Lists Styles */
.post .post-date{
	width:100%;
	text-align:right; 
	display:inline-block;/*need this for align right to work*/
	padding-right:80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.category article.type-post {
	margin-bottom:20px;
}
.category article.type-post h1 {
	margin-bottom:30px;
}
.category article.type-post h2 {
	margin:0 0 10px 0; width:auto; clear:left;
}
.category article.type-post > .span9 {
	border-bottom:1px solid #E2E2E2;
	padding-bottom:10px;
}
.category article.type-post img {
	margin:15px 0 15px 0;
}

a.icon-attachment {background:url(img/icon-attachment.png) no-repeat 0 0; width:15px; height:20px; display:block; text-indent:-9999px;}
a.ext-link {background:url(img/icon-weblink.png) no-repeat 0 center; display:block; padding-left:17px;}

/* Post */
.single-post time {width:auto; padding-right:0;}
.single-post header.page-header { padding:0 0 20px 0; margin-bottom:30px; border-bottom:1px solid #E2E2E2;}
.single-post h1.entry-title { margin-bottom:15px !important;}
.single-post a.ext-link { margin-top:13px;}

/*
Home
*/
.home-page .carousel-inner .item  figcaption { 
	position:relative; width:auto; display:table-cell; font-size:12px; font-style:normal; line-height:14px; padding-top:10px; padding-bottom:15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
}
.home-page .carousel-inner .item a:hover + figcaption, .home-page .carousel-inner .item figcaption:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.home-page  figcaption .view-more { margin-left:15px;}
.page-id-5 header#branding { margin-bottom:110px;}

#homeCarousel{
	margin-bottom: 30px;
}
#homeCarousel .active.left,
#homeCarousel .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}


/*
About - Intro
*/
.introImage { margin-bottom:25px; margin-top:20px}
.introImageInfo a { line-height:30px;}
.listing #leftCol { text-align:right;}
.listing .listingItem {display:block; overflow:auto;}
.listing #mainCol {border-bottom:1px solid #E2E2E2; padding-bottom:15px; margin-bottom:15px;}


/**/
.projectTitle {font-weight:600; line-height:17px;}
.projectDate { font-weight:300; color:#666; display:block;}
.carousel-control {
	border-radius:0; border:none;
	background:#000; opacity:0.35;
	height:100%;
	top:0; margin-top:0;
	width:35px;
}

/*
Article
*/
article .articleContent { border-bottom:1px solid #E2E2E2; padding-bottom:15px; margin-bottom:15px;}
.articleHead .title {
	border-bottom:1px solid #ececec;
	padding-bottom:15px; margin-bottom:25px;
	display:block;
	overflow:auto;
}
.articleHead .title .articleLinks { margin-top:10px;}
.articleHead h1 { margin-bottom:10px;}
.articleHead .btn { margin-top:15px;} .articleHead .btn.download { margin-top:5px;}
article .articleContent { border-bottom:1px solid #E2E2E2; padding-bottom:15px; margin-bottom:15px;}
.photoWithCaption { position:relative; height:100%; display:table; width:940px; margin-left:-140px;}
.photoCaption {display:inline-block; vertical-align:middle; width:140px; position:relative; left:-100px; font-size:11px; font-style:italic; line-height:14px;}

/*
Project
*/
#projectsWrapper h2 { margin-bottom:0;}
.wrap { width:100%; position:relative; margin-bottom:20px;}
.slider { overflow:hidden; position:relative; width:100%; height:165px; }
.slider ul { margin:0; padding:0; height:165px; }
.slider li { float:left; list-style:none; margin:0 10px 0 0; }
.slider li:last-child {margin:0 0 0 0; }
.wrap .controls, .wrap .controls a.prev-slide, .wrap .controls a.next-slide {
	opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

.wrap:hover .controls, .wrap:hover .controls a.next-slide {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
a.prev-slide, a.next-slide  {
	height:100%; width:40px;
	position:absolute; z-index:999; top:0;
	display:block;
}
a.prev-slide {
	left:5px;
	background:url(img/button-prev.png) no-repeat center center;
}
a.next-slide {
	right:5px;
	background:url(img/button-next.png) no-repeat center center;
}
.tax-project-categories article .span9 { margin-left:15px !important; width:705px !important;}
.tax-project-categories .carousel-inner {height: 165px;overflow-y: hidden;}
.tax-project-categories .carousel .item { width:100%;}

/*
Contact
*/
.contactDetail h2 { margin-bottom:0;}
.contactDetail .seperator { width:10px; line-height:1px; border-bottom:1px solid #333;}
#map_canvas { width:100% !important;}



/*----------------------
WORDPRESS OVERRIDES
---------------------*/
.single figure { position:relative;}
.single figcaption { position:absolute; height:40%; left:-35%; top:40%; width:145px; display:table-cell; vertical-align:middle; text-align:left; font-size:11px; font-style:italic; line-height:14px;}
.single figcaption h2 { margin-bottom:5px;}
.tax-project-categories h2 { margin-bottom:0; margin-top:0;}
.tax-project-categories h1 { margin-bottom:30px;}

/* specific styles for contact */
.page-id-16 header.page-header { display:none;}
.page-id-16 h1 { margin-bottom:20px;}

#nav-single { display:none;}

header hgroup { display:none !important;}

#infscr-loading { text-align:center;}


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


/*
Theme Name: 	Wolff Architects
Theme URI: 		http://sploosh.com
Author: 		Sploosh
Author URI: 	http://sploosh.com
Description: 	A theme using Twitter Bootstrap as a base
Version: 		0.1
Template:       the-bootstrap
Tags: 			twitter-bootstrap
*/


/* =Elements
-------------------------------------------------------------- */

blockquote cite:before {
	content: '\2014 \00A0';
}

blockquote cite {
	color: #999999;
	display: block;
	font-size: 13px;
	line-height: 18px;
}

figure {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, .clear {
	clear: both;
}


/* =Classes
-------------------------------------------------------------- */

.assistive-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

body > .container {
	margin: 18px auto;
}

/* Right Content */
.sidebar-content #primary,
.sidebar-content #attachment-comment {
	float: right;
	margin: 0 20px 0 0;
}

.block {
	display: block;
}


/* =Page
-------------------------------------------------------------- */

#page {
	background-color: #FFFFFF;
	margin-right: -20px;
	padding: 14px 0 0;
}

#header-image {
	display: block;
}

#menu-alert {
	margin: 4px 0 0;
	padding: 6px 35px 6px 14px;
	position: absolute;
}

#branding hgroup,
#header-image,
.entry-content {
	margin-bottom: 18px;
}

.entry-attachment {
	margin-bottom: 36px;
}

.single #author-info,
.author #author-info,
.single article.post,
.single article.page {
	margin-bottom: 54px;
}

#author-info,
article.post,
article.page {
	margin-bottom: 72px;
}

.page-header,
.entry-content {
	word-wrap: break-word;
}

.post-password-form legend {
	font-size: inherit;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}


/* =Comments
-------------------------------------------------------------- */

#comments-title {
	border-bottom: 1px solid #EEEEEE;
	font-size: 19.5px;
    margin: 0 0 27px;
}

#comment,
.entry-content iframe,
.entry-content embed {
	max-width: 100%;
}

.commentlist > li {
	margin-bottom: 36px;
}

.commentlist ul.children {
	margin: 10px 0 18px;
	list-style: none;
}

#reply-title {
	position: relative;
}

#reply-title small {
	position: absolute;
	right: 0;
	top: 7px;
}


/* =Sidebar
-------------------------------------------------------------- */

.form-search {
	margin: 0;
}

.widget {
	word-wrap: break-word;
}

.widget .wp-caption {
	display: inline-block;
}


/* =Images
-------------------------------------------------------------- */

.entry-content .post-thumbnail {
	margin: 0 20px 20px 0;
}

.entry-attachment .thumbnail.attachment-table {
	display: table;
	margin: 0 auto;
}

.thumbnail > img {
	width: auto\9; /* Cure IE8 max-width bug */
}

img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery-columns-3.thumbnails [class*="span"] {
	width: 29.3%;
}
.gallery-columns-5.thumbnails [class*="span"] {
	width: 15.9%;
}
.gallery-columns-6.thumbnails [class*="span"] {
	width: 12.6%;
}
.gallery-columns-7.thumbnails [class*="span"] {
	width: 10.2%;
}


/* =Footer
-------------------------------------------------------------- */

#colophon .credits {
	margin: 0;
}

#site-generator {
	float: right;
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
}

#site-generator a {
	background: url("img/wordpress.png") no-repeat scroll left center transparent;
	color: #787878;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

#site-generator.footer-nav-menu a {
	margin-top: 10px;
}

table .label {
	background-color: transparent;
	border-radius: none;
	color: inherit;
	font-size: inherit;
	text-transform: inherit;
}


/* =Jetpack Support
-------------------------------------------------------------- */

.comment-subscription-form > input[type=checkbox] {
	position: absolute;
}

.comment-subscription-form > label {
	min-height: 18px;
    padding-left: 18px;
}


/* =Bootstrap Adjustments
-------------------------------------------------------------- */

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
}

#comment,
.thumbnail {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.label .post-edit-link,
.label .comment-edit-link {
	color: #FFFFFF;
}

.navbar-search {
	height: 34px;
}

.pagination span {
	background-color: #f5f5f5;
	color: #999999;
	cursor: default;
}

.pagination span.dots {
	background-color: #FFFFFF;
}


/* =WordPress Core
-------------------------------------------------------------- */

.aligncenter {
    display:block;
    margin: 0 auto 20px;
}

.alignright {
    float:right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 20px 0;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	padding: 0 9px 9px;
	text-align: left;
	display:table-cell; vertical-align:middle;
}

.wp-caption .wp-caption-text {
	padding-top: 9px;
}

.wp-caption.alignnone {
    margin: 20px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.sticky {}
.bypostauthor {}

/* =Admin bar
-------------------------------------------------------------- */
div#wpadminbar{
	bottom: 0;
	top: auto !important;
}
div#wpadminbar .ab-sub-wrapper{
	bottom: 28px;
	
}

/* =Responsiveness
-------------------------------------------------------------- */

@media (max-width: 767px) {
	body {
		padding:0;
	}
	.container {
		width: auto;
		padding: 0 10px;
	}
	#page {
		margin: 0;
		padding: 10px;
	}
	.thumbnail[class*="span"],
	.gallery [class*="span"] .thumbnail {
		display: table;
		float: left;
	}
	.carousel .item > img {
		width: 100%;
	}
	.thumbnails > li {
		float: left;
		margin-left: 20px;
	}
	.gallery-columns-2.thumbnails > li:nth-child(2n+1),
	.gallery-columns-3.thumbnails > li:nth-child(3n+1),
	.gallery-columns-4.thumbnails > li:nth-child(4n+1),
	.gallery-columns-5.thumbnails > li:nth-child(5n+1),
	.gallery-columns-6.thumbnails > li:nth-child(6n+1),
	.gallery-columns-7.thumbnails > li:nth-child(7n+1),
	.gallery-columns-8.thumbnails > li:nth-child(8n+1),
	.gallery-columns-1.thumbnails > li {
		margin-left:0;
	}
	.gallery-columns-2.thumbnails [class*="span"] {
		width: 47.4%;
	}
	.gallery-columns-3.thumbnails [class*="span"] {
		width: 29.9%;
	}
	.gallery-columns-4.thumbnails [class*="span"] {
		width: 21.2%;
	}
	.gallery-columns-6.thumbnails [class*="span"] {
		width: 12.4%;
	}
	.gallery-columns-7.thumbnails [class*="span"] {
		width: 9.9%;
	}
	.gallery-columns-8.thumbnails [class*="span"] {
		width: 8.7%;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		float: none;
		margin: inherit;
	}
	#s {
		display: inline-block;
	}
	#site-generator,
	#site-generator.footer-nav-menu a {
		float: none;
		margin-top: 5px;
	}
	textarea[class*="span"] {
		height: auto;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		margin: 0;
	}
	
	
	
	h1 {margin-bottom:15px !important;}
	.lead { margin-top:0 !important;}
	.page-id-5 header#branding { margin-bottom:0px !important;}
	header#branding { margin-bottom:40px !important;}
	.brand { margin-left:35px !important; width:80% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.btn.btn-navbar {background:url(img/icon-mobile-nav.png) no-repeat center center !important; background-size:25px !important; display:block; padding:18px 23px 18px 23px !important;
	border:1px solid #D1D3D4 !important; margin-right:35px !important;}
	#page {margin-right:0 !important;padding:0 !important;}
	.home-page .carousel-inner .item  figcaption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
	
	.navbar-inner { padding-left:0 !important; padding-right:0 !important;}
	
	.tax-project-categories h2 { display:inline-block; margin-right:15px;}
	.tax-project-categories time {display:inline-block;}
	
	/* Default Content Lists Styles */
	.post .post-date {
		width:auto;
		text-align:right; 
		display:inline-block;/*need this for align right to work*/
		padding-right:80px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	}
	
	/* Post */
	.single-post time {width:auto; padding-right:0;}
	.single-post a.ext-link.pull-right { float:left !important;}
	.single-post header.page-header { padding:0 0 0 0; margin-bottom:20px;}


	
	#projectsWrapper { margin-right:-20px;}
	#projectsWrapper h2 { margin-bottom:0; line-height:14px; display:inline-block; padding-left:10px;}
	.slider, .slider ul {height:165px !important; }
	.wrap { width:100%; clear:left; margin-top:5px;}
	.wrap .controls { display:none;}
	
	/* Bootstrap Carousel - Mobile Styles */
	.tax-project-categories .carousel-control { display:none !important;}
	.tax-project-categories .carousel { overflow-x:scroll !important; width:100%;}
	.tax-project-categories .carousel-inner > .item { display:inline-block; width:705px;}
	
	/* force show control buttons 
	.carousel-control {	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important; filter: alpha(opacity=40) !important; -moz-opacity: 0.4 !important; -khtml-opacity: 0.4 !important; opacity: 0.4 !important;}*/
	
	.projectthumb {float:left; display:block;}
	
	.tax-project-categories #content .row { margin-right:-30px !important;}
	.tax-project-categories article .span9 { margin-left:0 !important; width:100% !important;}

	
	/*
	Contact
	*/
	.contactDetail { margin-bottom:15px;}
	.contactDetail h2 { margin-bottom:0;}
	.contactDetail .seperator { margin-top:15px;}
	

	.single figcaption { position:relative; height:auto; left:0; top:0; width:100%; padding:0 !important;}
	.single figcaption h2 { margin-bottom:0 !important; margin-top:5px !important;}
	.single .btn.btn-small { margin-bottom:25px; border:1px solid #D1D3D4;}
	
	.collapse.in {
		height: auto !important;  /* this style already exists in bootstrap.css */
		overflow: visible !important;  /* this one doesn't. Add it! */
	}
	



}
@media (min-width: 768px) and (max-width: 778px) {
	#page {
		margin-right: -15px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.dl-horizontal dt {
		width: 85px;
	}
	.dl-horizontal dd {
		margin-left: 95px;
	}
	
	/********/
	nav ul { padding-left:15px !important;}
	nav ul li {margin-right:10px;}
	.brand {background-size:90%; width:135px !important; margin-left:0 !important;}
	.page-id-5 header#branding { margin-bottom:95px;}
	ul.dropdown-menu { margin:0 !important; padding:5px !important; width:auto !important;}
	ul.dropdown-menu li, ul.dropdown-menu li.active { margin:0 !important; padding:0 !important;}
	
	.wrap { width:100%; position:relative; margin-bottom:20px;}
	.slider { overflow:hidden; position:relative; width:540px; height:120px; }
	.slider ul { margin:0; padding:0; height:120px; }
	.slider li { float:left; list-style:none; margin:0 15px 0 0; }
	.slider li img { width:540px;}
	.slider li:last-child {margin:0 0 0 0; }
	
	.tax-project-categories article .span9 { margin-left:20px !important; width:535px !important;}



}
@media (min-width: 1200px) {
	#page {
		margin-right: -30px;
		padding: 0;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		margin-right: 30px;
	}
	.wp-caption {
		display: table;
	}
}
/*
High PPI Devices
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-device-pixel-ratio: 3/2), 
only screen and (min-device-pixel-ratio: 1.5) {
	.brand { background:url(img/wolff-logo@2x.png) no-repeat; background-size:136px; height:44px;}
}