/*
Theme Name:     Lab / Life. Science. Architecture
Theme URI:      http: //labarchitectgroup.com/
Description:    Child theme for Sandbox 
Author:         Lauren Rosano
Author URI:     http: //laurenrosano.com/
Template: 	sandbox
Version:        0.1.2
*/


/*
Copyright 2011 Lab/Life. Science. Architecture, Inc.  

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
   */

/* Colors */
/* 
Pantone 1788 PC, C0 M84 Y88 K0, R240 G81 B51*/
/*
Red 100%: 	#F05133			
Red 75%:	#f47c66
Red 50%:	#f7a799
Red 10%:	#fdedea
Red for small links: #BD4125
Black: black
White: white
*/

@import url("http://www.labarchitectgroup.com/wp-content/themes/sandbox/style.css");


/*-------Global------- */

body {
background-color: black;
font-family: 'Droid Serif', arial, serif;
font-size: 100%;
line-height: 125%;
padding:0;
margin:0;
}

h1 {
margin:0;
}

h3 {
font-size: 100%;
margin-bottom: 0px;
margin-top:1.5em;
}
p {
font-size: 85%;
line-height: 150%;
}

a, a:visited {
color: #F05133;
text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
}

a img {
	border: 0;
}

ul {
}

li {
}

hr {
color: #CCC; 
background-color: #CCC; 
height: 1px; 
border: medium none;
margin: 2em 0px 1em 0;
}

#wrapper {
background-color: white;
width: 820px;
margin: 0px auto;
padding: 50px 75px;
}


div#container {
margin: 2em -250px 0 0;
}


div#content {
margin: 0px;
margin-bottom: 75px;
float: left;
position:relative;
width: 500px;
clear: none;

}



/*-------Header -------*/
#header {
height:102px;
margin-bottom:50px;
}

#header h1 {
width:187px;
float:left;
}

#logo {
height: 102px;
float:left;
}

div#access {
float:right;
margin:0;
padding:0;
height: 102px;
line-height: 100%;

}

div#menu {
background: #FFFFFF;
margin:86px 0 0 0;
height: 1em;
}

div#menu a {
font-weight: normal;
}
div#menu .children {
display:none;
}

div#menu ul {
list-style-type: none;
}

div#menu ul a {
margin-right: 0;
padding: 0.2em 0 0.2em 2em;
}

div#menu ul li {
float:left;
}

div#menu a, div#menu a:visited {
	color: #000;
}

div#menu a:hover, div#menu a:active {
	color: #f47c66;
}

div#menu .current_page_item a {
  color: #f47c66;
}

/*-------Entry-------*/

div#dek {
font-size: 100%;
line-height: 150%;
font-style:italic;
}
div#proj_info {
font-size: 85%;
line-height: 150%;
margin-bottom:20px;
font-weight: bold;
}

div#smallprint {
font-size: 75%;
}

div#tags {
font-size: 75%;
}

div#content h2 {
margin-top: 0px;
line-height: 120%;

}

div.entry-content {
margin-bottom: 25px;
}
div.entry-content ul, div.entry-content ol {
padding-left: 12px;

}
div.entry-content ul li {
font-size: 75%;
list-style-image: url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/bullet.png); 
margin-left:0;
margin-top: 10px;
padding-left:0;
}

div.entry-content ol li {
font-size: 75%;
margin-left:0;
margin-top: 10px;
padding-left:0;
}

/*.category-news .entry-content {
border-bottom: 1px solid #CCC;
padding-bottom: 1em;
}*/

div#wufoo-z7x3x5 {background-color: #DDD;padding:1em;-moz-border-radius:1em; -wekit-border-radius:1em; border-radius: 1em 1em 1em 1em;margin: 0 0 2em -20px;}

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

div#comments {
margin-top:2em;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;

color: #333;
}

div#respond {
background-color: #DDD;
padding: 2em;
-webkit-border-radius: 1em;
-moz-border-radius:1em;
border-radius:1em;
}

div#comments h3 {
font-size: 120%;
margin-top: 0;
}
div#comments-list {
border-bottom: 1px solid white;
margin-bottom: 2em;}

div#comments p {
font-size: 100%;
}

div.comment-meta {
font-size: 85%;
}


/*-------Sidebars-------*/

div.sidebar {
width: 240px;
font-size: 100%;
}

div.sidebar h3 {
font-size: 100%;
font-weight:bold;
}

div.sidebar ul li#categoryposts-3 ul li {
font-size: 100%;
}

div.sidebar ul li#categoryposts-3 ul li a {
font-size: 75%;
}

div#secondary li.cat-post-item {
border-top: 1px solid #CCC;
padding: 1em 0;
}

div#secondary .textwidget p, div#secondary .categoryposts-3 li.cat-post-item  {
border-top: 1px solid #CCC;
padding: 1em 0 0 0;
}

div.sidebar ul ul {
margin: 1em 0px;
}

div.sidebar ul ul li {
list-style: none;
font-size: 75%;
margin-left:0;
padding-left:0;
}


div.sidebar ul.children {
display:none;
}

div.sidebar p {
margin-top:.5em;
font-size: 75%;
}

div#secondary {
width:220px;
padding: 0 0px;
}


li#categoryposts-4, li#text-7, li#categoryposts-3 {
width:200px;
padding-right: 20px;
}

div#primary .widget {
padding-top: 0px;
margin-top: 0px;
}

li#text-12 .widget-right-col {
margin-top:0;
width:100px;
float:right;
}


/*--------- FOOTER ------*/

div#footer {
clear:both;
border-top: 1px solid #CCC;
text-align: left;
color: #000;
width:100%;
}

div#footer p {
font-size: 70%;

}

div#footer a, div#footer a:visited {
	color: #000;
	text-decoration: none;
	font-weight:normal;
}

div#footer a:hover, div#footer a:active {
	text-decoration: underline;
}

div#footer .credit {
float: right;
width: 250px;
text-align: right;
}



/*-------SPECIAL STYLES - HOME -------*/


div#content-home {
width: 820px;
margin-top: 4em;
}



div#content-home div#primary {
margin-top: 0;
}

/*--------- SPECIAL STYLES - PROJECT LIST TABLE ------*/


table.tablesorter {
	border-spacing: 0;
	border-collapse: collapse;
	width: 820px; 
	margin: 200px 0 20px 0;
}

table.tablesorter thead {
background-color: #FFF;
}



table.tablesorter th, table.tablesorter td {
	text-align: left;
	padding: 2px 20px 2px 0px;
	background-color: #FFF;
	font-size: 75%;
	border-bottom:1px solid #ccc;

}
table.tablesorter th {
	border-bottom:1px solid #ccc;

}
table.tablesorter td.icon {
width: 22px;
padding-right: 2px;

}

table.tablesorter td a {
color: #BD4125;
}
table.tablesorter tr {
height: 24px; 
}
table.tablesorter tr.odd td {
	background-color: #ddd;
}
table.tablesorter tr.even td {
	background-color: #fff;
}
table.tablesorter tr.sortbottom td {
	background-color: #ccc;
	font-weight: bold;
}

table.tablesorter img {
width:20px;
height: 20px;
}


table.tablesorter thead tr .header {
background: transparent url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/sort-both.png) no-repeat 75% 0%;
}

table.tablesorter thead tr .headerSortDown {
background: transparent url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/sort-down.png)no-repeat 75% 0%;}

table.tablesorter thead tr .headerSortUp {
background: transparent url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/sort-up.png) no-repeat 75% 0%;}

table.tablesorter thead tr .unsortable {
background-image: none;
}


/*--------- SPECIAL STYLES PROJECT TYPE ICONS -------*/


/* tooltip styling */
.tooltip {
	display:block;
	background:transparent url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/black-flag-sm.png) no-repeat top left;
	height:46px;
	padding:19px 5px 0 5px;
	width:90px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height: 12px;
	color:#fff;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}


#tooltipSm {
	display:block;
	background:transparent url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/black-flag-sm.png) no-repeat top left;
	height:46px;
	padding:19px 5px 0 5px;
	width:90px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height: 15px;
	color:#fff;
	text-align: center;
	font-weight: bold;
}

body.home .tooltip {
background:transparent url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/black-flag-lg.png) no-repeat top left;
	height:68px;
	padding:23px 7px 0 7px;
	width:130px;
	font-size:11px;
	line-height: 16px;
}


.thumbTool {
	display:block;
	background:transparent url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/black-flag-lg.png) no-repeat top left;
	height:57px;
	width:130px;
	padding: 20px 10px 20px 10px;
	font-size:10px;
	line-height: 10px;
	color:#FFF;
	text-align: center;
	font-weight: bold;
}

div#icons {
background-color:#DDD;
padding:20px 20px 10px 20px;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;
}

div#icons img {
margin-left: 9px;
margin-bottom: 10px;
}

div#icons img.first {
margin-left: 0px;
}

div#icons a {
opacity: .65;
}

div#icons a:hover {
opacity: 1;
}

div#icons h3 {
font-size:120%;
color:#FFF;
float:right;
padding:10px;
}

/*--------- SPECIAL STYLES BLOG -------*/
div.navigation a {
color:#222;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
}

#nav-above a, #nav-below a {
font-size: 74%;
}

.entry-meta{
font-size: 75%;
}

.blog_entry_home {

}

.entry-date {
font-size: 75%;
}

.addthis_toolbox a.addthis_button_compact, .addthis_toolbox a.addthis_button_compact:visited {
color: #333;
font-family: Arial, Helvetica, sans-serif;
}

/*--------- SPECIAL STYLES HOME SCROLLABLE -------*/


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 600px;
	height:250px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/* custom decorations */
	background: white;
	}
	
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:600px;
}

/* single scrollable item */   	/* add images later */

/*.scrollable img {
	float:left;
	margin:35px 20px 20px 40px;
	background-color:transparent;
	padding:0px;
	width:190px;

}
*/
/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.scrollable h2 {
}

.scrollable p {
margin-right: 20px; 
font-size: 120%;
padding:0px; 
line-height: 150%;
}




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/controls.png) no-repeat;
	display:block;
	width:70px;
	height:70px;
	float:left;
	margin:59px 0 0 0;
	cursor:pointer;
	font-size:1px;

}

/* right */
a.right 				{ background-position: 0 -70px; clear:right; margin-right: 10px; float:right;}
a.right:hover 		{ background-position:-70px -70px; }
a.right:active 	{ background-position:-70px -70px; } 


/* left */
a.left				{ margin-left: 10px; } 
a.left:hover  		{ background-position:-40px 0; }
a.left:active  	{ background-position:-40px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/controls-updown.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/* position and dimensions of the navigator */
.navi {
	margin-left:50px;
	margin-top: 20px;
	width:250px;
	height:12px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin: 21px 3px 0 3px;
	background:url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}



/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}


/*--------- SPECIAL STYLES POST IMAGES SCROLLABLE -------*/
#content div#image_wrap{
margin-top: 20px;
}

#content .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 504px;
	height: 150px;
	margin: -5px 0 20px 0;
	padding: 0px;
	/* custom decorations */
	background: transparent;
	}
	

#content .items div {
	width:505px;
	margin-top: 5px;
	float: none;
}



#content .items div img {
	float:left;
	width:96px;
	height: 67px;
	opacity: 0.65;
}

#content div.thumb {
float: left;
width: 96px;
margin-right: 5px;
}
/* active item */
#content .scrollable .active {
	opacity: 1;
	border: none;
}

/*--- Photospace styles --*/
.photospace{
	position:relative;
	margin-bottom: 200px !important;
}
.photospace .slideshow img {
	vertical-align:bottom;  !important;
}
.photospace .slideshow span.image-wrapper {
	bottom:0;
}
.photospace ,
.photospace .thumnail_col,
.photospace .gal_content,
.photospace .loader,
.photospace .slideshow a.advance-link{
	width:420px;
}
.photospace .thumbs_wrap2{
	height:67px;
	width:101%;
	position:absolute;
	bottom:-110px;
	left:0
}
.photospace .thumbs_wrap{
    float: left;
     /*left: 50%;*/
    position: relative;
}
.photospace .pageLink.next{
	margin-right:0;
}
.photospace .thumnail_col {
	float: left;
    /*left: -50%;*/
	width:auto;
	 position: relative;
}
.photospace ul.thumbs {
	float:left;
}
.photospace a.advance-link {
    line-height: 370px;
}

.photospace .caption {
font-size: 10px;
font-weight: normal;
color: #00000;
}

.photospace .image-caption {
float: left;
line-height: 20px;

}
.photospace div.image-desc {
float: right;
padding-top: 0;
line-height: 20px;
font-style: italic;
}

/*--------- SPECIAL STYLES HOME TILED -------*/

div#tile {
}

#tile img {
width: 90px;
height: 90px;
padding: 0 10px 10px 0;
}

#tile img.last {
padding-right: 0px;
}


#tile a {
opacity: .67;
}

#tile a:hover {
opacity: 1;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in;
}


#tile img.life {
}

#tile img.science{
width: 191px;
padding-right: 13px;
}

#tile img.architecture{
width: 291px;
}

/*--------- SPECIAL STYLES SLIDEDECK -------*/

/*::::::::::::::: SLIDEDECK SLIDE STYLE (BEGIN) :::::::::::::::*/
		
		#slidedeck_frame {
			width: 500px;
			height: 350px;
			position: relative;
			overflow:hidden;
			margin: 0 0 4em 0;
		}
		
		dl.slidedeck {
			position: relative;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			float: right;
			}
		
		dl.slidedeck > dd {
			position: relative;
			margin: 0;
			border-bottom: 1px solid #ccc;
			overflow: hidden;
		}
		
		dl.slidedeck h2 {
			padding:20px;
			color: #FFF;
			color: rgba(255, 255, 255, .8);
			
		}
		
		dl.slidedeck dd.slide_1{
			background: url(http://www.labarchitectgroup.com/wp-content/uploads/2012/11/conference2.jpg) top center no-repeat;
		}
		
		
		
		dl.slidedeck dd.slide_2{
			background: url(http://www.labarchitectgroup.com/wp-content/uploads/2012/11/conference.jpg) top center no-repeat;
		}
		
		
		
		dl.slidedeck dd.slide_3{
			background: url(http://www.labarchitectgroup.com/wp-content/uploads/2011/11/Corner-view-to-two-halls.jpg) top center no-repeat;
		}
		
		dl.slidedeck dd.slide_4{
			background: url(http://www.labarchitectgroup.com/wp-content/uploads/2012/11/office.jpg) top center no-repeat;
		}
		
			
		dl.slidedeck dd.slide_5{
			background: url(http://www.labarchitectgroup.com/wp-content/uploads/2012/11/elevator-lobby2.jpg) top center no-repeat;
		}
		
		/*::::::::::::::: SLIDEDECK SLIDE STYLE (END) :::::::::::::::*/
		
		/*::::::::::::::: CAPTION STYLE (BEGIN) :::::::::::::::*/
		
		.slidedeck div.caption{
			background: #000;
			background: rgba(0, 0, 0, .7);
			width: 420px;
			height:40px;
			padding: 10px 40px;
			color: #fff;
			position: absolute;
			bottom:0px;
			left: 0px;
		}
		
		.slidedeck div.caption-top {
		top:0;
		height:60px;
		}
		
		
		
		.slidedeck div.caption h3, .slidedeck div.caption p, .slidedeck div.title h3, .slidedeck div.title p{
			margin:0;
			padding:0;
			font-size: .75em;
			line-height:130%;
		}
		
		.slidedeck div.caption h3{
			font-size: .8em;
		}
		

		.slidedeck div.caption p {
		text-align:left;
		}
		
		.slidedeck div.caption a {
		font-size: 100%;
		color: #f47c66;
		}
		
		.slidedeck div.title{
			padding: 20px 0 0 20px;
			width: 50%;
		}
		
		.slidedeck div.title h3{
			font-size:22px;
			margin: 0 0 10px 0;
		}
		
		/*::::::::::::::: CAPTION STYLE (END) :::::::::::::::*/
		
		/*::::::::::::::: VERTICAL NAVIGATION STYLE (BEGIN) :::::::::::::::*/
		
		#slidedeck_frame:hover ul.galleryArrows{
			display:block;
		}
		
		 ul.galleryArrows{
			position:absolute;
			display: none;
			margin: -14px 0 0;
			padding: 0;
			list-style:none;
			overflow:visible;
			top: 50%;
			width:500px;
			z-index:10;
		}
		
		 ul.galleryArrows li{
			position: absolute;
			margin: 0;
			padding: 0;
		}
		
		 ul.galleryArrows li a{
			display: block;
			position: relative;
			overflow: hidden;
			width: 27px;
			height: 0;
			line-height:30px;
			padding: 27px 0 0;
			background: url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/galleryNav.png) 0 0 no-repeat;
		}
		
		 ul.galleryArrows li.next a{
			background-position: -27px 0;
		}
		
		  ul.galleryArrows li.prev{
			left: 10px;
		}
		
		  ul.galleryArrows li.disabled a{
			cursor: default;
		}
		
		  ul.galleryArrows li.next.disabled a{
			background-position: -27px -27px;
		}
		
		 ul.galleryArrows li.prev.disabled a{
			background-position: 0 -27px;
		}
		
		 ul.galleryArrows li.next{
			right: 10px;
		}
			
		 ul.galleryNav{
			position:absolute;
			bottom: 5px;
			margin: 0;
			padding: 0;
			list-style:none;
			z-index:10;
			left: 50%;
		}
		
		 ul.galleryNav li{
			display:block;
			float:left;
			margin: 0;
			padding: 0;
		}
		
		 ul.galleryNav li a{
			display:block;
			position:relative;
			overflow:hidden;			
			height:0;
			width:15px;
			line-height: 20px;
			padding: 15px 0 0;
			background: url(http://www.labarchitectgroup.com/wp-content/themes/lab/images/galleryNav.png) -8px -60px no-repeat;
		}
		
		 ul.galleryNav li.active a{
			background-position: -35px -60px;
		}
		
		/*::::::::::::::: VERTICAL NAVIGATION STYLE (END) :::::::::::::::*/