/*

Theme Name: I-STEM

Theme URI:

Author: N-vent Design Services

Author URI: http://n-vent.com/

Description: Custom theme for I-STEM Network

Version: 1.0

Tags: custom

*/

/* Reset

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

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}

* html .clearfix{

	height: 1%;

	overflow: visible;

}

*+html .clearfix{

	min-height: 1%;

}

.clearfix:after{

	clear: both;

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

	font-size: 0;

}

body {

	color: #555;

	font-family: Raleway, Arial, sans-serif;

	font-size: 13px;

	background: #fff url(img/bodybg.png) repeat-x top;

	background-color: #bad161;

}

a{

	color: #c48000;

	border: 0;

	outline: none; 

	-moz-outline-style: none;

	-webkit-transition: .2s ease-in-out;

	-moz-transition: .2s ease-in-out;

	-o-transition: .2s ease-in-out;

	-ms-transition: .2s ease-in-out;

	transition: .2s ease-in-out;

}

a:hover, a:focus{

    color: #000;

}

footer .left {

	float:left;

	width: 22%

}

footer .right {

	float:right;

	width: 75%

}

footer a{

    color: #869646

}

ul.footernav {

	margin: 1.5em 0;

	padding-bottom: 1.5em;

	}

ul.footernav ul, .footernav ul ul, .footernav ul ul ul{

	display: none;

	}

.footernav li{

	list-style: none;

	display: inline

}

footer nav a:hover, footer li.current_page_item a, footer li.current_page_ancestor a {

    background-color: transparent;

    color: #000;

}



#content{

	background: url(img/shadow.png) center top no-repeat, url(img/bodybg.png) center -278px repeat-x;

	background-color: #fff;

	clear: both;

	margin: 0 auto;

	overflow: hidden;

	padding-top: 3em;

	color: #5b461b;

	font-size: 1.2em;

	line-height: 1.5em

}

.footernav {

	margin: 1em 0

}

.footernav a{

	padding: 0 .5em;

	border-right: 1px solid #999

}

.footernav li:last-child a {

	border: 0;

	padding-right: 0;

}

.menu-toggle, .assistive-text{

    display:none

}

.wrap{

	width: 980px;

	margin: 0 auto;

	clear: both;

	position: relative;

}

#main {

	overflow:hidden;

	clear: both;

}

#primary{

	width: 654px;

	float: right;

	overflow:hidden

}

#primary img {

	border-radius: 5px;

	}

#secondary{

	float: left;

	width: 283px;

	margin-top: -47px;

	font-size: 80%;

	border-right: 1px solid #eee;

}

#secondary h2 a {

	text-decoration:none

}

footer#colophon{

	background-color: #bad161;

	color: #849445;

	padding: 1em;

	line-height: 150%;

	clear: both;

	margin-bottom: 1em;

	border-top: 1em solid #eee;

}

header .wrap{

	height: 148px;

   	position: relative;

	clear: both;

	overflow: hidden;

	background: #fff url(img/headerbg.jpg) repeat-x bottom;

}

.site-title a, .site-description {

	height: 127px;

	width: 260px;

	display: block;

	overflow: hidden;

	text-indent: -999px;

	background: #fff url(img/mastersprite.png) no-repeat;

	background-position: 0 0;

	position: absolute;

	top: 0;

	left: 10px;

}

.site-description{

	display: none

}

h1.site-title{

	margin: 0;

}





/* nav */

#site-navigation, .nav-menu{

	position: relative;

	background: transparent url(img/menubg.png) repeat-y top;

	background-size: 150%;

}

div.nav-menu{

	clear: both;

	width: 100%;

	height: auto;

	display: block;

	text-align:center;

	overflow: visible;

	z-index: 1000;	

}

nav li {

	list-style:none;

    display:inline;

}

nav li a,

li.current_page_item li a,

li.current_page_ancestor li a  {

    display: inline-block;

    text-decoration: none;

    background: transparent;

    color: #675125;

    text-transform: uppercase;

    font-weight: 400;

    margin: 0;

    text-decoration: none;

    font-size: 18px;

	height: 62px;

	line-height: 62px;

	padding: 0 10px;

	text-shadow: 1px 1px 1px #fff;

}

nav a:hover, li.current_page_item a, li.current_page_ancestor a,

#site-navigation ul ul li a:hover,

ul ul li.current_page_item a {

	text-decoration: none;

	background-color: rgba(255,255,255,0.4);

	color: #000

}

nav li:first-child {

    border: 0;

}



.nav-menu ul ul {

    background-color: #f9c55e;

    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);

    display: none;

    left: 0;

    top:35px;

    list-style: none outside none;

    min-width: 150px;

    position: absolute;

    text-align: left;

    font-size: 12px

}

.nav-menu ul ul li {

    display: block;

    margin: 0;

    padding: 0;

}

#site-navigation ul ul li a {

	color: #5b461b;

	display: block;

	margin: 0;

	padding: 5px;

	height: auto;

	line-height: 16px;

	font-size: 14px;

	text-transform: none

}

#site-navigation ul ul li a:hover {

	color: #000;

}

#site-navigation ul li:hover > ul {

    display: block;

}

#site-navigation ul li {

    margin: 0;

    padding: 0;

    position: relative;

}

#site-navigation ul ul ul {

    left: 100%;

    top: 0;

}

#site-navigation ul ul ul ul{

    display:none

}

.nav-menu a:hover,

.nav-menu li.current-menu-item a,

.nav-menu li.current_page_item a,

.nav-menu li.current-page-ancestor a,

.nav-menu li.current_page_ancestor a,

.nav-menu ul ul li a:hover {

    color: #000;

}

#footertabs{

	height: 41px;

	clear: both;

	background: #fff url(img/shadowbg.png) repeat-x bottom;

	padding-right: 35px;

	margin-top: 1em



}

footer a.logo, footer a.envelope{

    width: 128px;

    height: 120px;

    display: block;

    overflow: hidden;

    text-indent: -999px;

    background: transparent url(img/mastersprite.png) no-repeat;

    background-position: 0 -285px;

}

footer a.envelope {

	width: 29px;

	height: 16px;

	background-position: -381px -384px;

	float: right;

	margin: 0 0 0 1em;

	text-indent: 999px;

}

.nav-single a {

	font-weight: 700;

	display: block;

	width: 250px;

	

}

.nav-next{

	float:right

}

.nav-next a{

	text-align:right;

}

.nav-previous {

	float: left

}



/* content */

h1, h2, h3, h4, h5, h6{

    font-weight: 600;

    font-size: 1.6rem;

    text-transform: uppercase;

    color: #f68e1e;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    margin: 0 0 .3em 0;

    padding: 0;

	line-height: 100%

}

h1 a{

	text-decoration: none;

	color: #bad161;

}

h2{

    font-size: 1.3rem;

    color: #8b6823

}

h3{

    font-size: 1rem;

    color: #8b6823;

    text-transform: none

}

#secondary h3, h3.widget-title{

	color: #8b6823;

	font-size: 1.5rem;

	font-weight: 700;

	text-shadow: none;

	margin-top: 2rem;

	background-color: #f5f5f5;

	padding: .3em

}

.archive-title{

    border-bottom: 1px solid #eee;

    margin-bottom: 0.5em;

    padding-bottom: 0.5em;

    text-align: center;

}

#secondary .post-date{

	display: block;

	font-size: 10px;

	font-style: italic;

	color: #777

}

#secondary p{

    margin: 0 0 .5em 0

}

#primary ol, #primary ul {

	margin: 1em 0 1em 3em;

}

.widget{

    font-size: 12px;

}

.right{

    text-align: right;

}

.left {

    text-align: left

}

#comments {

    display:none

}

#content ul, #content ol {

    margin-left: 3em

}

#secondary ul, #secondary ol{

    list-style: none

}

h1.entry-title, h1.entry-title a{

	color:#bad161;

	font-size: 2rem;

	text-shadow: none

}

.entry-meta{

    font-size: 10px;

    font-style: italic;

    color: #bbb;

    border-top: 1px solid #ddd;

	margin: 1em 0;

	clear:both

}

.entry-meta a{

    text-decoration: underline;

    color: #aaa

}

.hidden, .comments-link{

    display:none

}



.textwidget {

	overflow: hidden 

}

.alignright {

	float: right;

	margin: 0 0 .5em 1em

}

.alignleft {

	float: left;

	margin: 0 1em .5em 0

}

.wp-caption {

	text-align:center;

	font-color: #888;

	font-style: italic;

	border: 1px dotted #ddd;

	margin: 1em 0 1em 1em

}

.wp-caption p{

	margin: 0 0 3px 0

}

.wp-caption a {

	display: block;

	margin: 0 auto;

	padding: 3px;

}

.wp-caption img	{



}

.entry-content {

	margin-bottom: 1em

}

#search {

	float: right;

	background-color: #eee;

	padding: 1em;

	width: 266px;

	text-align: right;

	position: relative;

}

form.search {

	display: inline

}

form.search button{

	display: none

}

form.search input {

   font-size: 12px;

    margin: 0;

    padding: 3px;

}

form input,  form textarea, form select {

	padding: .5em;

	border: 1px solid #d9d9d9;

	border-color: #d9d9d9 #fff #fff #d9d9d9;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #888;

	-moz-box-shadow: inset 2px 2px 2px #eee;

	-webkit-box-shadow: inset 2px 2px 2px #eee;

	box-shadow: inset 2px 2px 2px #eee;	

}

.search input {

	text-align: right;

	width: 200px

	}

form input:focus, form textarea:focus{

	border: 1px solid #000;

	border-color: #000 #444 #444 #000;

	color: #000;

	-moz-box-shadow: inset 2px 2px 2px #ddd;

	-webkit-box-shadow: inset 2px 2px 2px #ddd;

	box-shadow: inset 2px 2px 2px #ddd;

}

input.button {

	color: #fff;

	font-weight: 700;

	background-color: #ddd

}

input.button:hover {

	background-color: #aaa

}

.button{

	color: #78461a;

	background-color: #f9c55e;

	border: 1px solid #fdeecf ;

	border-color: #fdeecf #d4a850 #d4a850 #fdeecf;	

	text-decoration: none;

	-moz-box-shadow: 1px 1px 2px #aaa;

	-webkit-box-shadow: 1px 1px 2px #aaa;

	box-shadow: 1px 1px 2px #aaa;

	text-shadow: 1px 1px 1px #fff;

	text-align: center;

	padding: 2px 4px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px; 

}

.button:hover{

	background-color: #ffd88a;

	-moz-box-shadow: 0 0 2px #aaa;

	-webkit-box-shadow: 0 0 2px #aaa;

	box-shadow: 0 0 2px #aaa;

}

.twitter {

	height: 57px;

	width: 52px;

	display: block;

	overflow: hidden;

	text-indent: -999px;

	background: #fff url(img/mastersprite.png) no-repeat;

	background-position: 0 -185px;

	position: absolute;

	top: 11px;

	left: 10px;

	text-align:left;

}

.twitter:hover{

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  -moz-opacity: 0.5;

  opacity: 0.5;

}

#search .button {

	display: block;

	width: 200px;

	float: right;

	margin-top: .5em

}	

.home #content ul.recent-posts {

	list-style: none;

	margin: 1em 0;

}

.home .recent-posts a{

	display: block;

	text-decoration: none;

	padding: .1em .2em;

	background-color: #f5f5f5;

	margin: 0 0 .4em 0

}

.home .recent-posts a:hover {

	background-color: #eee

}

.home h1.entry-title {

	display: none

}

/* Calendar */

#tribe-events-pg-template {

	width: 100%;

	max-width: 980px;

	background: #fff;

	margin: 0 auto

}

a#events-button{

	display: block;

	font-size: larger;

	margin: 49px 0 3px;

	width: 100%;

}

.tribe-events-list-widget h4 {

	font-size: 13px;

	margin: 0

}

.tribe-events-list-widget .duration {

	font-weight: 300;

}

.tribe-events-othermonth {

	background: #eee

}

#tribe-events-daynum-1, 

#tribe-events-daynum-2, 

#tribe-events-daynum-3, 

#tribe-events-daynum-4, 

#tribe-events-daynum-5, 

#tribe-events-daynum-6, 

#tribe-events-daynum-7, 

#tribe-events-daynum-8, 

#tribe-events-daynum-9, 

#tribe-events-daynum-10,

#tribe-events-daynum-11, 

#tribe-events-daynum-12, 

#tribe-events-daynum-13, 

#tribe-events-daynum-14, 

#tribe-events-daynum-15, 

#tribe-events-daynum-16, 

#tribe-events-daynum-17, 

#tribe-events-daynum-18, 

#tribe-events-daynum-19, 

#tribe-events-daynum-20,

#tribe-events-daynum-21, 

#tribe-events-daynum-22, 

#tribe-events-daynum-23, 

#tribe-events-daynum-24, 

#tribe-events-daynum-25, 

#tribe-events-daynum-26, 

#tribe-events-daynum-27, 

#tribe-events-daynum-28, 

#tribe-events-daynum-29, 

#tribe-events-daynum-30,

#tribe-events-daynum-31

{background: #f9c55e}





/* RESPONSIVE

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

@media all and 

(min-width: 980px) {

	.wrap {

	    width: 980px;

	}

}







@media all and (max-width: 979px) {

	.wrap {

		width: 760px;

	}

	#search {

		display: block;

		width: 210px;

	}

	.search input, #search .button {

		width: 150px;

	}

	.twitter {

		left: 6px;

	}

	#primary {

		width: 534px

	}

	#secondary {

		width: 204px

	}

	#secondary img {

		width: 100%;

		height: auto

	}

	footer .right {

		font-size: 10px;

		margin-right: 2%;

		width: 75%

	}

	footer .left {

		font-size: 10px;

		margin-left: 2%;

		width: 100px

	}

	nav li a, li.current_page_item li a, li.current_page_ancestor li a {

		font-size: 1em;

		height: 45px;

		line-height: 45px;

	}

	.nav-menu ul ul {

		top: 30px;

	}



	#site-navigation ul ul li a {

		font-size: 1em;

	}

}

@media all and (max-width: 759px) {

	.wrap {

		width: 520px;

	}

	#search, .footernav {

		display: none

	}

	header .wrap {

		height: 88px;

	}

	.site-title a{

		background-position: -133px -95px;

		background-size: 162% auto;

		float: none;

		height: 65px;

		left: 5px;

		margin: 0 auto;

		position: relative;

		top: 5px;

		width: 200px;

	}

	#primary, #secondary, footer div.right, footer div.left {

		float: none;

		overflow: auto;

		width: 90%;

		margin: 0 auto;

		clear:both

	}

.nav-menu {

		float: none;

		margin-top: 0;

		text-align: center;

		margin-bottom: .5em

	}

	.nav-menu li{

		display: block;

	}

	.nav-menu a {

		width: 100%;

		display: block;

		text-indent: 0;

		margin: 3px 0;

		padding: 3px 0;

		font-size: 1.5em;

		height: 1.5em;

		line-height: 1.5em;

	}

	.nav-menu ul, .nav-menu li  {

		margin: 0;

		padding: 0;

	}

	li.current_page_item a,

	li.current_page_ancestor a,

	.nav-menu a:hover {

	}

	.nav-menu ul ul {

		background-color: transparent;

		margin: 0 auto;

		text-align: center;

		width: 94%;

		position: relative;

		top: auto

	}

	#site-navigation ul.children a,

	ul.sub-menu a {

		padding: 5px 0

	}

	ul.children a:hover,

	ul.children li.current_page_item a,

	ul.sub-menu a:hover,

	ul.sub-menu li.current_page_item a {

		

	}

}

@media all and (max-width: 519px) { 

	.wrap {

    		width: 320px;

	}

	header .wrap {

		height: 88px;

	}

	#search, .footernav {

		display: none

	}

	.site-title a{

		background-position: -133px -95px;

		background-size: 162% auto;

		float: none;

		height: 65px;

		left: 5px;

		margin: 0 auto;

		position: relative;

		top: 5px;

		width: 200px;

	}

	#primary, #secondary, footer div.right, footer div.left {

		float: none;

		overflow: auto;

		width: 300px;

		margin: 0 auto;

		clear:both

	}

	footer#colophon {

		padding: 1em 0 0 0;

	}

	h1, h2 {

		text-align: center

	}	

}