/*
	Theme Name: Labs New 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

	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;
}
body {
    border: 1px solid transparent;
}

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

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

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

#menu-primary a:hover[href="#"] { 
	color: #aaa !important;
	cursor: default;
	opacity: 1;
}

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

body {
	background: #fff;
}



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

#header {
	border: none;
	border-bottom: 2px dotted #ddd;
	margin: 20px auto 0px;
	min-height: 210px;
	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;
	max-width: 250px;	
	width: 100%;
}


#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 ul.menu li a:hover,
#sidebar ul.menu li a:hover {
	color: #43a3bb;
} 

#home-middle .border {
	border: none;
	padding: 0px;
}
#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 .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 #content-sidebar-wrap {
	width: 700px;
}

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

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

.page.sidebar-content #content {
	padding-top: 15px;	
}
/*
.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/psy-footer.jpg') -10px -20px no-repeat;
	float: left;
	height: 51px;
	width: 250px;
} 

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

#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; 
}

/* RESET UPDATE 10/15/14 */

#header, #header .wrap, #header .wrap #title-area, #header .wrap #title-area, #header .wrap #title-area #title, #header .wrap #title-area #skipnav, #header .wrap #title-area #description, #home-center .the-quotation
{
    margin: 0;
    padding: 0;
    line-height: 1;
    text-align: left;
}

#wrap #header
{
	margin: 0 auto;
}

#header .wrap #title-area
{
	padding: 5px;
}

#content #home-middle #home-center-left #home-center,
#content #home-middle #home-right #home-right-content {
    padding-top: 15px;
}

/* Responsive Design written by Kei Kudose
------------------------------------------------------------ */

@media only screen and (max-width: 960px) { 
    /*
    * header image is background image that is contained
    * i.e. background image is maximized with locked aspect ratio
    * header is height "0", the actual height is created
    * with a percentage-based padding-bottom
    * e.g. 22% of the width of the header is the height
    * because 960x200 is approx. 100:20.83 aspect ratio (~1% extra)
    */

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

    /*
    * vw is a unit based on the window width
    * the px size is used if vw is not supported
    */

    #title {
        font-size: 20px;
        font-size: 3.8vw;
    }

    #description {
        font-size: 14px;
        font-size: 2vw;
    }

    #home-middle #home-center-left,
    .sidebar-content #sidebar {
        float: left;
        min-width: 240px;
        width: 38%;
    }

    #home-left,
    #home-center,
    .site-image,
    #home-center .the-quotation,
    .sidebar-content #sidebar {
        max-width: 240px;
        width: 100%;
    }

     #home-center .the-quotation {
         box-sizing: border-box;
         font-size: 18px;
         font-size: 2.6vw;
         line-height: 1.1;
         padding: 10px;
     }

    #home-middle #home-right,
    .sidebar-content #content {
        box-sizing: border-box;
        float: left;
        min-width: 240px;
        width: 62%;
    }

    #home-right-content {
        /* shrink wraps */
        display: table;
        margin: 0 auto;
    }

     #home-right-content p {
         max-width: 260px;
     }

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

    #home-middle #home-left ul.menu li,
    #sidebar ul.menu li {
        padding-left: 10px;
    }

    #wpbb-branding-header-wrapper .wpbb-branding-container {
        padding-left: 0;
    }

    #home-middle ul.menu li a,
    #sidebar ul.menu li a {
        font-size: 2.4vw;
    }

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

@media only screen and (max-width: 640px) { 
    #title {
        font-size: 24px;
        font-size: 4.2vw;
    }

    #description {
        display: none;
    }

    .the-quotation {
        font-size: 20px;
        font-size: 3.8vw;
    }

    #home-middle #home-center-left,
    .sidebar-content #sidebar {
        min-width: 180px;
        width: 38%;
    }
}

@media only screen and (max-width: 480px) { 
    #footer,
    .footer,
    #footer-logo,
    #laits-footer-logo {
        float: none;
        margin: auto;
    }

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

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

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

@media only screen and (max-width: 475px) { 
    #home-middle {
        padding: 0;
    }

     #home-middle #home-right-content {
         width: auto;
     }

     #home-middle #home-center-left,
     .sidebar-content #sidebar {
         margin: auto;
         margin-bottom: 5px;
         min-width: 100%;
         padding-bottom: 5px;
         padding-top: 5px;
     }

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

    .responsive-menu-icon {
        height: 30px;
        width: 100%;
    }

    .sidebar-content #content {
        width: 100%;
    }

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

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

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

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

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

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

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

    #home-middle {
        padding: 0;
    }

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

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

    #home-left .responsive-menu-icon:before,
    #sidebar .responsive-menu-icon:before {
        border-bottom: 6px solid #aaa;
        border-top: 17px double #aaa;
        content: "";
        height: 5px;
        margin-top: 0;
        position: absolute;
        right: 10px;
        width: 30px;
    }

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

    #home-left ul.menu,
    #sidebar ul.menu {
        display: none;
        height: 50px;
        margin: auto;
        width: 100%;
    }

     #home-middle ul.menu li,
     #sidebar ul.menu li {
         max-width: 100%;
     }

      #home-middle ul.menu li a,
      #sidebar ul.menu li a {
          font-size: 4.6vw;
      }

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

    #home-right {
        float: left;
        width: 100%;
    }

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

    #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;
        max-width: 100%;
        padding: 10px 0;
    }

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

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

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

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

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

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

    .header-full-width #title {
        font-size: 14px;
        font-size: 5vw;
    }

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

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

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

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

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

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

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

    #content #home-middle #home-right #home-right-content {
        padding-top: 0;
    }

    #laits-footer-logo {
        width: 100%;
    }
}