/* @override 
	http://depts.washington.edu/uwcei/wordpress/wp-content/themes/responsive-child/style.css?ver=3.9
	http://depts.washington.edu/uwcei/wordpress/wp-content/themes/responsive-child/style.css?ver=1.3 */

/*
Theme Name: Responsive Child
Theme URI: http://wordpress.org/themes/responsive
Author: UW Creative Communications
Author URI: http://f2.washington.edu/fm/c2/
Description: Responsive Child Theme
Template: responsive
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: responsive-child

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



@import url("../responsive/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* @group Layout Changes */
body {
	background: url(images/html-bak.png) 0 0 repeat-x;
	font-family : Lato, Arial;
}

div.breadcrumb-list {
	display: none;
}

#container {
	background: url(images/html-bak.png) 0 -25px repeat-x;
}
div#wrapper {
	border-style: none;
}

div#top-widget.top-widget div.textwidget p {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: .6em;
	margin-top: .5em;
}
div#footer-wrapper div.grid.col-940 {
	border-bottom: 1px solid #a7a8ac;
}


div#header {
/*	margin-top: 11px;
	max-height: 300px;
	height: 165px;*/
}

div.main-nav {
/*	position: relative;
	top: 41px;*/
}

div#logo {
/*	position: relative;
	top: 16px;*/
}

/* @end */

/* @group Foot landing Page Menu */

div.slashMenu {

}
div.slashMenu ul.sub-menu {

}
div.slashMenu ul.sub-menu li{
}

/* @end */

/* @group Accordian Elements */

.head { 
	text-decoration:none; 
	display:block;
}

.xcontent { 
	display:none;
}

#slideDown dl {
	position:relative;
	overflow:hidden;
}

#slideDown li.liWrap {
	list-style: none;
}

div.captionBox{
	display: block;
}

/* @end */

/* @group Sectional body classes */

body.About div#wrapper.clearfix{
	/*border-top: 2px solid yellow;*/
}
body.Research div#wrapper.clearfix{
	/*border-top: 2px solid olive;*/
}
body.People div#wrapper.clearfix{
	/*border-top: 2px solid teal;*/
}
body.Education div#wrapper.clearfix{
	/*border-top: 2px solid lime;*/
}
body.Partnerships div#wrapper.clearfix{
	/*border-top: 2px solid aqua;*/
}
body.News div#wrapper.clearfix{
	/*border-top: 2px solid navy;*/
}

/* @end */

/* @group Home Page Slide show divide */
div#featured-content div.meteor-clip > div.mslide > img{
	display: none;
}

#featured-image > div#meteor-slideshow div.meteor-clip div.mslide div.captionBox{
	display: none;
}
#meteor-slideshow div.meteor-clip div.mslide div.captionBox {

	display: block;
	padding: 40px;
	max-height: 400px;
	background-color: #f6f3e1;
	color : #56575E;
	color : rgb(86, 87, 94);
	line-height: 1.45em;
	font-size: 1.25em;
	height: 200px;
}

div#responsive_current_menu_item {
	min-height: 18px;
}

div#featured{
	padding: 0;
	border-style: none;
	margin-top: 14px;
	margin-bottom: 0;

}
div#featured-image{
	margin-top: 0;
}

div#featured-image > #meteor-slideshow {
	top: -28px;
}


div#featured-content {
	margin: 0 0 0 2% !important;
}
#featured-content p{
	text-align: left;
	margin-top: 18px;
	margin-bottom: 18px;
	color: #ffffff;
	background-color: #d6ac10;
	padding-top: 18px;
	padding-bottom: 18px;
}
#featured-content p div.call-to-action {
	float: left;
	border-style: none;
	border-top-style: none;
}

a.blue.button {
display: none;	
}

#featured-content p div.call-to-action a.blue.button {
	background: none transparent;
	color: #ffffff;
	padding: 0 8px 0 0;
	margin: 0;
	font-size: 1em;
	display: block;
	border-style: none;
	border-top-style: none;
	box-shadow: none;
	line-height: 1.25em;
	text-shadow: none;
	top: 2px;
	position: relative;
}

div#container.hfeed {
	padding-right: 40px;
	padding-left: 40px;
	/*border-bottom: 2px solid #c3c3c7;*/
}

div#featured-content div#meteor-slideshow ul.meteor-nav {
		display: none;
}

div#meteor-buttons.meteor-buttons,
div#featured-content ul.meteor-nav {
	display: none;
}

h1.featured-title,
h2.featured-subtitle {
	line-height: 1px;
	display: none;
}

div#featured-content div#meteor-slideshow > div.meteor-clip{
max-height: 400px!important;
}

/* @end */

/* @group js menu */
.js .main-nav .menu li { 
	/*background-color: rgba(221, 189, 75, 0.71); */
}
.js .main-nav .menu li a { 
	border: none!important;
}
.js .main-nav .menu li.current_page_item, 
.js .menu .current_page_item a, 
.js .menu .current-menu-item a { 
	/*background-color: rgba(221, 189, 75, 0.71); */
}

.js .main-nav .menu li a:hover,
.js .main-nav .menu li li a:hover{
	/*background-color: rgba(221, 189, 75, 0.88);*/
}




/* @end */

/* @group Meun Main Nav style changes*/
div.main-nav {

}

body.ff div.main-nav ul.menu > li > a {
	padding-top: 0;
	top: -1px;
	height: 44px;
}
div.main-nav ul.menu {
	background-color: transparent!important;
	background-image: none;


}
div.main-nav ul.menu > li{

}

div.main-nav ul.menu > li > a{
color : #56575E;
 color : rgb(86, 87, 94);
	text-shadow: 0 0 1px #dcd7d7;
	border-style: none!important;
	border-top-style: none!important;
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
}
div.main-nav ul.menu > li:hover,
.menu .current-menu-item a,
div.main-nav ul.menu > li.current-menu-item.current_page_item > a{
	background-color: #ddbd4b !important;
	background-image: none;
	color: white;
}
div.main-nav ul.menu > li > a:hover{
color : #3E2269;
color : rgb(62, 34, 105);  
	background-color: #ddbd4b !important;
	background-image: none;

}

div.main-nav ul.menu > li > ul.sub-menu li a
{
color : #3E2269;
color : rgb(62, 34, 105); 

}
div.main-nav ul.menu > li > ul.sub-menu li{
	background-color: rgba(214, 172, 16, 0.95) !important;
	background-image: none;
	border-bottom-color: rgba(214, 172, 16, 0.95);
	border-style: none!important;
	border-top-style: none!important;
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
}
div.main-nav ul.menu > li > ul.sub-menu > li a:hover,
div.main-nav ul.menu > li > ul.sub-menu li.current-menu-item a{
	background-color: rgba(214, 172, 16, 0.95) !important;
	background-image: none;
	border-bottom-color: rgba(214, 172, 16, 0.95);
	color: #ffffff!important;

}





/* @end */

/* @group grid element like education scection */

div.pic-caption.bottom-to-top{	
	padding: 0;
	background-color: rgba(255, 255, 255, 0.84);
	color: black;
}
div.pic div.pic-caption.bottom-to-top:hover p,
div.pic div.pic-caption.bottom-to-top:hover h2.pic-title {
	color: white;
}
section.wrapper.cl div.pic div.pic-caption.bottom-to-top p a {
	color: #d6ac10;
}
section.wrapper.cl div.pic div.pic-caption.bottom-to-top p a:hover {
	color: #4aabdb;
}

section.wrapper.cl div.pic div.pic-caption.bottom-to-top p {
	font-size: .8rem;
	text-align: left;
	width: 90%;
	margin: 6px auto;
	line-height: 1.5em;
}


/* @end */

/* @group Elements */
a:link,
a:visited{
	color : #D6AC11;
	color : rgb(214, 172, 17);
}

a:hover{
	color : rgb(214, 152, 17);
}

#wrapper a:link,
#wrapper a:visited{
	color : #D6AC11;
	color : rgb(214, 172, 17);
    transition: color 0.5s ease-in-out;
}

#wrapper a:hover{
color : #3E2269;
color : rgb(62, 34, 105);
}



#menu-leaderboard-menu li a{
	text-transform: uppercase;
}

div.widget-wrapper {
/*	background: -webkit-linear-gradient(top, #ffffff 19%, rgb(248, 246, 233) 100%) left top #ece7c4;
	background: -moz-linear-gradient(top, #ffffff 19%, rgb(248, 246, 233) 100%) left top #ece7c4;
	background: -ms-linear-gradient(top, #ffffff 19%, rgb(248, 246, 233) 100%) left top #ece7c4;
	background: linear-gradient(to bottom, #ffffff 19%, rgb(248, 246, 233) 100%) left top #ece7c4;*/
border-radius: 3px;
}

h1{
	font-weight : bold;
	color : #3E2269;
	color : rgb(62, 34, 105);
	border-bottom: 1px solid #bcbdc1!important;
	padding-bottom: 11px;
	line-height: 1.65rem!important;
	font-size: 1.5em;
}
h2{
	font-size: 1em;
	line-height: 1.5em;
	clear: both;
}
h3{
	font-size: .9em;
	line-height: 1.5em;
	color : #3E2269;
	color : rgb(62, 34, 105)!important;
	
}
h2.pic-title {
	font-size: 1.25em;
	margin-bottom: 21px;
	color: inherit;
}

h2,
#wrapper h2 > a{
color : #C19900;
color : rgb(193, 153, 0);
transition: color 0.5s ease-in-out;
}
#wrapper h2 > a:hover{
color : #3E2269;
color : rgb(62, 34, 105);
}

div#widgets div.widget-wrapper,
.front-page div#widgets div.widget-wrapper{
	border-style: solid;
background-color: #f9f9f9;
}
.wp-caption{

	padding: 8px 4px 4px;
}

p.wp-caption-text {
	padding: 4px 1px 1px !important;
}

blockquote{
	font-size: .7rem;
	line-height: 1rem;
	border-left-color: #eedfa4;
	background-color: rgba(238, 223, 164, 0.09);
}
th{
	background-color: #a6a8ac;
	text-transform: uppercase;
	color: #f4f4f4;
	text-shadow: 1px 1px 5px rgba(36, 32, 32, 0.59);
}

div.rssSummary {
	font-size: .8em;
	line-height: 1.25em;
	padding-left: 0 !important;
	color : #56575E;
	color : rgb(86, 87, 94);
	padding-top: 4px !important;
}

div.widget-wrapper.widget_rss ul li a.rsswidget {
	color : #3E2269;
	color : rgb(62, 34, 105)!important;
	font-size: .95em;
}
div.widget-wrapper.widget_rss ul{
	padding: 0!important;
}

div.widget-wrapper.widget_rss ul li{
	list-style-type: none;
	list-style-position: outside;
	line-height: .9rem;
}
a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}
.comment {
    width: 400px;
    background-color: #f0f0f0;
    margin: 10px;
}

ul.post-meta{
	padding-left: 0;
	list-style: none;
}

span.post-meta-key {
	font-weight: bold;
	padding-right: 5px;
}

div.post-entry p {
	margin-top: 6px;
	margin-bottom: 6px;
	line-height: 1.5em;
}

div.post-entry h2.entry-title.post-title {
	margin-top: 0;
}

ul.post-meta li {
	color : #3E2269;
  color : rgb(62, 34, 105);
	font-size: .9em;
	line-height: 1.5em;

}
.hider{
	display: none;
}
div.widgetsWonder { display: none; }

div.main-nav ul.menu{
	background-color: transparent!important;
}


/* @end */

@media (min-width:730px){



}

@media (max-width:729px){
#container {
	background: url(images/device-back.png) 0 -39px repeat-x;

	padding-right: 2%!important;
	padding-left: 2%!important;
}

div.wp-caption {
	padding: 2px 0 4px;
	border-right-color: gray;
	border-bottom-color: gray;
	float: right;
	clear: both;
}

div.wp-caption .wp-caption-text {
	font-size: .8em;
	line-height: 1em;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
}

#meteor-slideshow div.meteor-clip div.mslide div.captionBox {
	font-size: .9em!important;
}


}

@media only screen and (max-width:729px) and (-webkit-min-device-pixel-ratio:1.5) {
#container {
	background: url(images/device-back.png) 0 -54px repeat-x;
	padding-right: 2%!important;
	padding-left: 2%!important;
}
}

@media only screen and (min-width : 1040px) {
	div#featured{
/*		max-height: 330px;*/
	}
div#footer.clearfix,
div#container.hfeed {
	padding: 0;
	max-width: 1080px!important;
}

div#wrapper.clearfix {
	margin-top: 2px;
}
body.ff #featured-image{
	position: relative;
	top: -1px !important;
}
div.main-nav ul.menu{
	background-color: transparent!important;
}

div.main-nav ul.menu > li > a{
	font: 1.2em/2.5em Lato;
	font-weight : bold;
	letter-spacing : 0.68px;
color : #56575E;
 color : rgb(86, 87, 94);

}
div.main-nav ul.menu > li > ul > li > a{
	font: 1em/1.75em Lato;
}


div.main-nav ul.menu > li > ul.sub-menu {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
/*    position: absolute;
    top: 44px;
    left: 0;
    z-index: 1;  */  
/*    background: #444;  */ 
/*    background: linear-gradient(#444, #111);*/
/*    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  */
    border-radius: 3px;
    transition: all .2s ease-in-out;
}

div.main-nav ul.menu > li:hover > ul.sub-menu  {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

div.main-nav {
	text-align: center!important;
}
#menu-menu-1.menu > li{
	display:inline-block!important;
	text-align: left;
}
#menu-menu-1.menu{
	display:inline-block!important;

}
div.slashMenu {
    text-align: center;
}
div.slashMenu ul.sub-menu {
    display: inline-block;
    list-style: none;
	padding-left: 0;
}
div.slashMenu ul.sub-menu li{
	float: left;
	padding-left: 17px;
	font-size : 16px;
	line-height : 16px;
	color : #C19900;
	color : rgb(193, 153, 0);
	background: url(images/navDot.png) 0 1px no-repeat;
}

div.slashMenu ul.sub-menu li:first-child{
	background-image: none;
	padding-left: 0;
}
h1{
	font-size : 28px;
	line-height : 16px;
}
h2,
h2 > a{
font-size : 18px;
line-height : 22px;

}


/*textshadow
div#widgets div.widget-wrapper {
	border-style: none;
	background-color: transparent;
	font-size : 17px;
	line-height : 25px;
	color : #3E2269;
	color : rgb(62, 34, 105);
}*/




div#widgets.grid.col-300.fit {
	margin-top: 58px;
	

}
.booyah p{
	margin-right: auto;
	margin-left: auto;
	width: 65%;
}
div.Quarter{
	display: block;
	border: 1px solid #ecc8c8;
}

}
.ie8 .menu li a:hover,
.ie8 .menu,
.ieStabMyEyesOut .menu li a:hover,
.ieStabMyEyesOut .menu {
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)!important;
	background-color: white;
}
.ieStabMyEyesOut #meteor-slideshow div.meteor-clip div.mslide div.captionBox,
.ie8 #meteor-slideshow div.meteor-clip div.mslide div.captionBox {
	font-size: 12px;
}
.ie8 div.main-nav ul.menu > li > a:hover,
.ieStabMyEyesOut div.main-nav ul.menu > li > a:hover{
	color : #3E2269;
	background-color: #ddbd4b !important;
	background-image: none;

}