/*
	Theme Name: Labs Child Theme
	Description: Labs is a two or three column child theme created for the Genesis Framework.
	Author: Stacy Vlasits the University of Texas College of Liberal Arts
	Author URI: http://www.utexas.edu/cola/

	Version: 1.0
	
	Tags: black, custom-background, custom-header, custom-menu, featured-images, fixed-width, gray, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, three-columns, translation-ready, two-columns, white
	
	Template: genesis
	Template Version: 1.8.2

	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

* Import Stylesheets
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Inner
* Primary / Secondary Sidebars
* Sidebar Navigation
* Special Widgets
* Home Center
* Home Layout
* Content
* Headlines
* Layout
* Images
* Home Page Sidebars
* Featured Page / Post
* Footer Widgets
* Footer
* Accessibility
* Responsive Design
*/



/* Import Stylesheets
------------------------------------------------------------ */
@import url('original_style.css');

/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #666;
	font-family: "Helvetica", arial, sans-serif;
	font-size: 14px;
}

input {
	font-family: "Helvetica", arial, sans-serif;
}

input,
select,
textarea,
.breadcrumb,
.sticky,
.taxonomy-description {
	background-color: #ddd;
	border-color: #bbb;
	color: #777;
}


/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #2090ac; 
}

a:hover {
	color: #71b3c3;
	text-decoration: none;
	opacity: 1.3;
}

/* Body
------------------------------------------------------------ */

body {
	background: #fff;
}



/* Header
------------------------------------------------------------ */

#header {
	border: none;
	border-bottom: 2px dotted #ddd;
	margin: 20px auto 0px;
/*	min-height: 136px;*/
	padding-bottom: 30px;
}

#title {
	color: #828282;
	font-family: "Helvetica", arial, sans-serif;
	font-size: 38px;
	text-shadow: none;
	text-transform: none;
}

#title a,
#title a:hover {
	color: #43a3bb;
	text-decoration: none;
}

/* Inner
------------------------------------------------------------ */
#inner,
.sidebar-content #inner {
	background: transparent;
	border: none;
}

/* Primary / Secondary Sidebars
------------------------------------------------------------ */
.sidebar {
	font-size: 14px;

}
#sidebar .widget, #sidebar-alt .widget {
	border: none;
}


/* Sidebar Navigation
------------------------------------------------------------ */
#home-middle div.widget_nav_menu,
#sidebar div.widget_nav_menu {
	border-bottom: none;
}

#home-middle .widget_nav_menu .widget-wrap,
#sidebar .widget_nav_menu .widget-wrap {
	padding: 0px;
}

#home-middle ul.menu li,
#sidebar ul.menu li {
	background: transparent;
	border-bottom: 2px dotted #ddd;	
	float: left;
	font-weight: lighter;
	line-height: 20px;
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px;
	width: 250px;	
}


#home-middle ul.menu li a,
#sidebar ul.menu li a {
	color: #aaa;
	font-size: 18px;
}


#home-middle ul.menu li.current-menu-item a,
#sidebar ul.menu li.current-menu-item a {
	color: #2090ac;
}

#home-middle #home-left .sub-menu,
#sidebar .widget .sub-menu {
  margin-left: 15px;
}
#home-middle #home-left .sub-menu li,
#sidebar .widget .sub-menu li {
width: 230px;
border-bottom: none;
padding: 5px 0px;
}

#home-middle #home-left .sub-menu, li a,
#sidebar .widget .sub-menu li a {
font-size: 14px;
}

#home-middle #home-left ul.menu li.current-menu-item .sub-menu a,
#sidebar ul.menu li.current-menu-item .sub-menu a {
   color: #aaa;
}

.hideable-sub-menu .sub-menu {
	display:none;
}


.hideable-sub-menu.current-menu-item .sub-menu,
.hideable-sub-menu.current-menu-parent .sub-menu {
	display: block;
}


#home-middle ul.menu li a:hover,
#sidebar ul.menu li a:hover {
	color: #43a3bb;
} 

#home-middle .border {
	border: none;
	padding: 0px;
}

#home-middle .featuredpage .page,
#home-middle .featuredpost .post{
	margin-bottom: 0;
	padding-bottom: 0;
}

#home-left p, 
.sidebar p {
	font-size: 13px;
	line-height: 20px;
}

#sidebar-alt {
	float: left;
	width: 150px;
}

.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
	float: left;
}

.content-sidebar-sidebar #sidebar-alt {
	float: right;
}


#home-left .widget-wrap,
.sidebar .widget-wrap {
	overflow: hidden;
	padding: 20px 20px 20px;
}


#home-left ul,
.sidebar .widget ul {
	margin: 5px 0 -5px;
}


/* Special Widgets
------------------------------------------------------------ */
.the-quotation {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-style: bold !important;
	color: #c2c8c8;
	line-height: 30px;
}

.site-image img {
	display: block;
  margin: 0px auto;
}
.the_child_site_graphic_widget {
	margin-bottom: 10px;
}

.widget h4.widgettitle {
	color: #828282;
	font-size: 24px;
	font-weight: bold;
	text-transform: none;
}


/* Home Center
------------------------------------------------------------ */

#home-center {
	float: left;
	overflow: hidden;
	width: 362px;
}

#home-center .border {
	overflow: hidden;
}

#home-center .ui-tabs ul.ui-tabs-nav {
	margin: 10px 0;
	padding: 0 0 13px;
}

#home-center .ui-tabs ul.ui-tabs-nav li a {
	background-color: #f5f5f5;
	font-weight: bold;
}

#home-center .ui-tabs ul.ui-tabs-nav li a:hover,
#home-center .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
	background-color: #00a7ed;
	color: #fff;
}

#home-center .ui-tabs .post {
	background-color: #fff;
	margin: 0;
	padding: 0;
}


/* Home Layout
------------------------------------------------------------ */
.home.full-width-content #content {
	padding: 0px;
	width: 100%;
}

#home-middle {
	padding: 20px 0px;
}

#home-middle .widget-wrap {
	overflow: hidden;
	padding-bottom: 15px;
}

#home-center .border {
	overflow: hidden;
}


#home-left {
	float: left;
	width: 295px;
}

#home-right {
	float: right;
	width: 260px;
}

.labs-landing #inner {
	max-width: 700px;
	width: 100%;
}

.labs-landing #content-sidebar-wrap {
	max-width: 700px;
	width: 100%;
}

.before-content-insert{
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
}

/* Content
------------------------------------------------------------ */

.page.sidebar-content #content {
	padding-top: 20px;	
}

.page.sidebar-content #sidebar {
	padding-top: 20px;
}

.entry-content ul.publications  li {
	list-style-type: none;
	margin: 0 0 0 30px;
	padding: 0;
	text-indent: -30px;
}

p.wp-caption-text {
	font: italic 13px Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #8e8e8e;
}

/* Headlines
------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Helvetica", arial, serif;
	font-style: bold;
	color: #8e8e8e;
}

h1,
h2,
h2 a,
h2 a:visited {
	font-family: "Helvetica", arial, serif;
}


h2 {
	font-size: 24px;
}

h2.entry-title {
	font-weight: bold;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

p {
	line-height: 18px;
	font-weight: lighter;
}

#home-center h2 {
	margin: 5px 0;
}

#home-right .featuredpost h2,
#home-right h2 a,
.sidebar .featuredpost h2,
.sidebar .featuredpost h2 a {
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 10px 0 0;
}
.featuredpage .page, .featuredpost .post {
	border-bottom: none;
}

/* Layout
------------------------------------------------------------ */
.sidebar {
	width: 250px;
}
.sidebar-content #content {
	padding: 0px;
}

.sidebar-content #content {
	width: 665px;
}

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

.author-box .avatar {
	border: none;
}

#home-center .alignleft {
	margin: 0 15px 0 0;
}


/* Home Page Sidebars
------------------------------------------------------------ */

#home-left p, 
.sidebar p {
	font-size: 13px;
	line-height: 20px;
}

#home-left .widget {
	border-bottom: 1px solid #d5d5d5;
}
	
#sidebar .widget-wrap {
	border-bottom: none;
	padding: 20px 20px 20px;
}

#home-left ul {
	margin: 5px 0 -5px;
}

#home-left ul li {
	background: url(images/list.png) no-repeat top left;
	border-bottom: 1px solid #eee;
	list-style-type: none;
	margin: 0 0 7px;
	padding: 0 0 5px 15px;
	word-wrap: break-word;
}


/* Featured Page / Post
------------------------------------------------------------ */

.home.content-sidebar #home-right .featuredpost .post {
	padding: 0;
}

/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets .wrap {
	border: none;
}

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

#footer {
	background: transparent;
}

#footer-logo a {
	background: transparent url('images/laits_sprites.png') bottom left no-repeat;
	float: left;
	height: 32px;
	width: 220px;
} 

#laits-footer-logo {
	float: right;
	height: 32px;
	width: 350px;
}

#laits-footer-logo a {
	background: transparent url('images/laits_sprites.png') top left no-repeat;
	float: right;
	height: 32px;
	width: 175px;
}

#laits-footer-logo a:hover {
	background: transparent url('images/laits_sprites.png') top right no-repeat;
	color: #43a3bb;
}

#productionTeam {
	background: none !important;
	border-left: 1px solid #ddd;
	margin-left: 10px;
	padding: 8px 0 0 10px;
	text-transform: lowercase;
	font: bold 12px Arial, Helvetica;
	color: #999;
	float: right;
	width: auto !important;
}

.productionTeamNames {
	margin-bottom: 2px;
}
	#utBranding {
		display: none;
		width: 0;
		height: 0;
	}

	#colaBranding {
		display: none;
		width: 0;
		height: 0;
	}
/* Accessibility
------------------------------------------------------------ */
#skipnav { 
	height: 0px;
	visibility: hidden; 
}

/* Responsive Design written by Kei Kudose
------------------------------------------------------------ */
/* @media only screen and (max-width: 1000px) {

	#title {
		font-size:32px;
	}
} */

@media only screen and (max-width: 960px) {

  #wrap {
		padding: 10px;
	} 

	#wrap #header {
		background-size: contain !important;
		width: 100%;
		min-height: 0;
		height: 0;
		margin: 0;
		padding-bottom: 16%;
		width: 100%;
	}

	.header-full-width #title-area {
		padding: 0px;
		text-align: right;
		width: 100%;
	}
	
	#title {
		float: right;
		width: 100%;
		margin: 0px;
	font-size: 20px; /* backup */
	font-size: 3.8vw;
}

	.header-full-width #title a {
		width: 100%;
	}
/*
	.sidebar-content #content {
		float: left;
		padding: 0px 5px;
		width: 90%;
	} */

	#home-middle {
		padding: 10px 0;
	}

	#home-left,
	#home-center {
		width: 250px;
	}

	#home-center-left {
		width: 38%;
		float: left;
		/*overflow: hidden;*/
	}

	#home-right,
	#content	{
		float: left;
		padding: 10px 0;
		width: 62%;
	} 

	#home-right-content {
		margin: 0px auto;	
		width: 260px;		
	}

	#sidebar .widget-wrap {
		padding: 0px;
	}

	#home-right .site-image {
		text-align: center;
	}

	.the-quotation {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 18px;
		font-style: bold !important;
		color: #c2c8c8;
		line-height: 24px;
	}

	#site_graphic {
		margin: 10px auto;
		max-width: 250px;
		width: 100%;
	}

	.site-image img {
		display: inline-block;
	}

	/*code for other pages*/
	#sidebar {
		margin-right: 3%;
		width: 35%;
		float: left;
	}

	#sidebar .menu {
		width: 250px;
	}

	.sidebar-content #content { 
		width: 62%;
		float: left;
		padding: 10px 0;
	}
	/*code for other pages*/
}



/*
@media only screen and (max-width: 800px) {

	.header-full-width #title {
	font-size:24px;
	}

}

@media only screen and (max-width: 700px) {


	.header-full-width #title {
		font-size: 20px;
	}

	

	#header {
		min-height: 110px;
	}

} */

@media only screen and (max-width: 580px) {

	p#description {
		position: relative;
		top: -9999px;
		right: -9999px;
		text-indent: -9999px;
	}

	.sidebar-content #content { 
		width: 100%;
		padding: 10px 0;
	}

	p a img.alignnone {
		text-align: center;
		margin: auto;
		display: block;
	}

	#home-left .widget_nav_menu,
	#sidebar .menu,
	#content-sidebar-wrap #sidebar .menu {
		text-align: center;
	}

	#content-sidebar-wrap #sidebar .menu,
	#content-sidebar-wrap .sidebar .menu,
	#sidebar {
		width: 100%;
		padding: 5px 0;
		margin-top: -10px;
		margin-bottom: -10px;
	}

	#home-left .widget_nav_menu ul li,
	#sidebar ul.menu li,
	#content-sidebar-wrap #sidebar ul.menu li {
		border: none;
		display: inline;
		width: auto;
		margin: 0 20px;
		float: none;
		font-size: 16px;
	}
	#home-left ul,
	.sidebar .widget ul {
		margin: 5px 0px 0px;
	}

	#header {
		width: 100%;
		font-size: 20px;
		line-height: 20px;
		border: none;
	}

	 #title {
		font-size: 16px; /* backup*/
		/*line-height: 16px;*/
		width: 100%;
		margin-right: 0;
		margin-top: 12px;
		font-size: 3.4vw;
	}

	#content-sidebar-wrap #sidebar .menu {
		float: left;
		margin: 5px auto 5px;
		border-top: 2px dotted #ddd;
		border-bottom: 2px dotted #ddd;
		margin-bottom: 10px;
	}


	#home-center-left {
		width: 100%;
		float: left;
		padding: 0 0px 5px;
		border-top: 2px dotted #ddd;
		border-bottom: 2px dotted #ddd;
		margin-bottom: 10px;
	}

	#home-middle {
		padding: 0;
	}

	#sidebar .menu {
		width: 100%;
		z-index: 999;
	}

	#home-left, 
	#home-center {
		width: 100%;
		float: none;
		margin: auto;
		padding: none;
	}

	#home-center,
	.the_child_site_graphic_widget {
		display: none;
	}

	#home-right {
		width: 100%;
		float: left;
		padding: 0 10px 10px;
	}

	#wpbb-branding-header-wrapper,
	.wpbb-header-spacer,
	#wpbb-branding-inner,
	#wpbb-main-branding,
	.wpbb-branding-container {
		margin: 0;
		padding: 0;
		width: 100%;
		display: none;

	}

	#footer,
	.footer,
	#footer-logo {
		text-align: center;
		float: none;
		margin: auto;
	}

	#home-center,
	#home-right {
		margin: auto;
		padding:0;
	}


	#footer,
	.footer {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#footer-logo,
	#laits-footer-logo,
	#utBranding,
	#colaBranding {
	float: none;
 	margin: auto;
 	padding: 10px 0;
 	max-width: 100%;
	} 

	#footer-logo {
		width: 220px;
		height: 32px;
	}

	#laits-footer-logo {
		width: 300px;
		height: 32px;
	}

	#utBranding {
		display: block;
		width: 100%;
		height: auto;
	}

	#colaBranding {
		display: block;
		width: 221px;
		height: 25px;
	}



}
@media only screen and (max-width: 360px) {

	.header-full-width #title {
		font-size: 14px; /* backup */
		/*line-height: 18px;*/
		width: 100%;
		/*margin-right: 0;
		margin-top: 12px;*/
		font-size: 5vw;
		line-height: 90%;
	} 

	.header-full-width #title-area {
		width:60%;
		float: right;
	}

	#sidebar {
		margin-bottom: -10px;
	}

	#home-right-content {
		width: 100%;
	}

	#home-left ul {
		margin: 5px 0 0 0; 
	}

	#laits-footer-logo {
		margin-bottom: 40px;
	}

	#laits-footer-logo a#productionTeam {
		text-align: center;
		width: 100%;
		position: relative;
		top: 50px;
		border-left: none;
		border-top: 1px solid #dddddd;
		z-index: 9999;
	}

	#laits-footer-logo a {
		float: none;
		display: block;
		margin: auto;
		position: relative;
		top: -40px;
	}

	#footer {
		height: 300px;
	}

}