a/*
Theme Name: Caldera Website Theme
Theme URI: http://calderaarts.com
Description: Caldera website using WP CMS -- WordPress v3.1
Author: Laurie Brown
Author URI: http://www.wk.com/
Version: 2.0
*/

/* ---------------------------------------------------
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
------------------------------------------------------*/

/*TRYING TO OVERRIDE*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,{
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    /*font-style:italic;*/
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* hiding wood print image */
#donate .woodImage {display: none;}


/*----------------------------------------------
 * @author Derived from Chris Coyier's original code
 * @date 02.28.10
 *
 * File: style.css
 * Description: Core styles for screen media
 *
 ------------------------------------------------*/

@media screen {

.post { }

.entry { }
.entry a { }
.entry a:hover { }

/*.entry img{
	float:left;
	width: 380px;
}*/

#meta { }
.postmetadata { }

#sidebar { 
	display: none;
}

.navgation { }
   .next-posts { }
   .prev-posts { }

.searchform { }
	#s { }
	#searchsubmt { }

ol.commentlist { list-style: none; }
ol.commentlist li { }	
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

/**----------------------------------------------------
 * @author Laurie Brown
 * @date 02.11.11
 *
 * File: style.css
 * Description: Core styles for screen media
 *
 ------------------------------------------------------*/

 /* -------- color guide ----------
#373838	: dark gray (site background-color)
#222 	: light black (default text color)
#999	: light gray (default a:visited, a:hover, #bulletList, #sideNav li a, .col1 p, .col2 p, #topRow a.title dotted, .copyright)
#fff	: white (#wrap backgound-color, #sideNav li a, #sideNav .current_page_item a background, #holder p, .wf-active #holder p)
#f6f5f3	: off white (#header, .menu li a, #logo background)
#1a1a1a	: light black (.full-bottom, #sideNav li a:hover, #sideNav li a:focus, #sideNav li a:active)
#fcfcfc	: light off-white (#footer)
#666	: dark gray (.menu li a)
#00b6d1	: light blue text (.menu li a:hover,.menu li a:focus, .menu li a:active, .menu .current-page-ancestor a)
#81e0f8	: lighter blue underline (.menu li a:hover,.menu li a:focus, .menu li a:active)
#e9e9e9	: very light gray underline (#sideNav li border-bottom)
#63625b	: medium gray (em, .col1 p span, .col2 p span)
#0099cc	: blue (h2, h3)
#e5e5e5	: gray underline for main heading (#topRow)
#e9e9e9	: lighter gray underline for sub heading
#f0f0f0	: very very light underline for Get Involved (.special p)
#59c16c	: green block in (.full-bottom .qImage background-color)
#ff6600	: orange (.studentQuote1)
#ff9900	: lighter orange (.studentQuote2)
#00ccff	: lightish blue (a.camera, a.vButton, a.dButton)
#5a5a5a	: darkish gray (h6)
*/

/*-  BASE STYLES
----------------------------------------------------------------------*/

/*- self-clearing floats ----------*/

.mod:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}

/* First selector = IE6, Second Selector = IE 7 */
* html .mod,
*:first-child+html .mod {
	zoom: 1;
}
/*-  SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod {zoom: 1;}

/*-  TELL IE7+ TO SCALE IMAGES USING A MORE ATTRACTIVE METHOD
----------------------------------------------------------------------*/
img {
	-ms-interpolation-mode: bicubic;
}

.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.clear {
	clear: both;
}

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/* =General
----------------------------------------------------------------------*/

body {
	background-color: #373838;
	color: #999;
	font: normal 12px/22px Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 5px;
}

#bulletList {
	float: left;
	width: 340px;
	margin: 0 0px 0 20px;
	padding-left: 10px;
	color: #999;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 1.5;
}

#bulletList li {
	list-style-image: url(/images/_global/_css/c_bullet.png);
 }

/* =Links
--------------------------------------------- */

a:link,
a:visited {
	text-decoration: none;
	color: #999;
	outline: none;
}

a:hover {
	color: #999;
}

a.link:link,
a.link:visited,
a.link:hover {
	color: #ff9900;
}

/* =Page Structure
--------------------------------------------- */

#wrap {
	position:relative;
	width: 970px !important;
	padding: 0;
	margin: 0 auto;
	background-color: #FFF;
}

#header {
	height: 50px;
	display: block;
	background-color: #F6F5F3;
}

#side {
	display: none;
/*	margin: 42px 10px 0 10px;
	float: left;
	width: 140px;*/
}

.main-content {
	width: 80.5%;
	margin: 0 auto;
/*	margin: 0 50px 20px 50px;*/
/*	margin-top: -30px;*/
	display: block;
}
#main-content {
	width: 80.5%;
	margin: 0 auto;
/*	margin: 0 50px 20px 50px;*/
	margin-top: -30px;
	display: block;
}

#page-title {
/*	float: left;*/
	border-bottom:solid 3px #E5E5E5;
	margin-bottom: 35px;
	padding-bottom: 7px;
}

.content-col1 {
	float: left;
	width: 380px;
}

.content-col2 {
	float: right;
	width: 380px;
}

.full-bottom {
	padding: 0px;
	position: relative;
	margin: 50px 0 0px 0;
	height: 170px;
}

#footer {
	padding: 18px 20px 0px 18px;
	background-color: #fcfcfc;
	z-index: 3;
	display: block;
}

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

/* logo */

#logo {
	width: 200px;
	height: 50px;
/*	background: #F6F5F3 url(/images/_global/_css/cLogo.png) no-repeat left top;*/
	background: #F6F5F3 url(/images/_global/_css/cLogo2.png) no-repeat left top;
/*	background: #F6F5F3 url(/images/_global/_css/cLogo1.png) no-repeat center;*/
	float: left;
}

#logo a {
	display: block;
	width: 150px;
	height: 50px;
	overflow: hidden;
}

#logo span {
	display: block;
	text-indent: -99999px;
}

/* main menu */

.menu {
	margin-left: 2px;
	float: left;
}


.menu li {
	height: 50px;
	float: left;
}

.menu li a {
	letter-spacing: .2px;
	padding: 0px 4px;
	margin: 0px 7px;
	color: #666;
	background-color: #F6F5F3  ;
	display: inline-block;
	height: 45px;
	line-height: 50px;
	text-decoration: none;
	font-size: 92%;

	border-bottom: solid 5px #F6F5F3  ;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
;
}

/*CHANGE MENU*/
.menu li a:hover,
.menu li a:focus,
.menu li a:active{
/*	color: #00b6d1;
	border-bottom: solid 5px #81e0f8;*/
	color: #C8C8C4;
}

.menu li .drop-select{
	color: #fff;
	cursor: default;
}


.lt-ie9 .menu li a {
	margin: 0 5px;
}

.search-results h2 a {
	color: #0099CC;	
}
.menu .current_page_item > a {
/*	color: #00b6d1;*/
/*	border-bottom: solid 5px #81e0f8;*/
	color: #C8C8C4;
}

/*style the sub menu*/
.sub-menu {
	position:absolute;
	display: none;
	background-color: #F6F5F3;
	background: #F6F5F3 url(/images/_global/_css/dropdown_background.png) 0 -50px;
	margin: 0;
/*	width: 144px;*/
	z-index: 100;
}

.sub-menu li {
	float: none;
	display: block;
	cursor: pointer;
	font-weight: normal;
	height: auto;
	font-size: 90%;
}

.sub-menu li:hover {
/*	color: #fff;*/
	color: #C8C8C4;
}

.sub-menu li a {
	color: #fff;
	height: auto;
	line-height: 30px;
}

.sub-menu li a:hover,
.sub-menu li a:focus,
.submenu li a:active{
/*	color: #00b6d1;*/
	color: #C8C8C4;
	border-bottom: 0;
}

/* social media icons and donate button */

a.facebook {
	display: block;
	float: left;
	position:relative;
	background: url(images/sprite.png) no-repeat 0 0;
	width: 33px;
	height: 50px;
/*	margin-top: 15px*/;
}

/*a.facebook:hover,
a.facebook:focus,
a.facebook:active {
	background: url(images/sprite.png) no-repeat 0 -20px;
}*/

a.twitter {
	display: block;
	float: left;
	position:relative;
	background: url(images/sprite.png) no-repeat -32px 1px;
	width: 33px;
	height: 50px;
/*	margin-top: 14px;*/
}

.lt-ie9 a.twitter {
	width: 35px;
}

/*a.twitter:hover,
a.twitter:focus,
a.twitter:active {
	background: url(images/sprite.png) no-repeat -50px -19px;
}*/

a.youTube {
    display: block;
    float: left;
    position:relative;
    background: url(images/sprite.png) no-repeat -65px 0;
    width: 33px;
    height: 50px;
/*    margin-top: 14px;*/
}

a.instagram {
    display: block;
    float: left;
    position:relative;
    background: url(images/sprite.png) no-repeat -98px 0;
    width: 33px;
    height: 50px;
/*    margin-top: 14px;*/
}

/*a.youTube:hover,
a.youTube:focus,
a.youTube:active {
    background: url(images/sprite.png) no-repeat -100px -20px;
}*/

#social-btns p{
	margin-left: 20px;
}

a.donate {
	display: block;
	float: right;
	position:relative;
	background: url(/images/_global/_css/cDonate5.png) no-repeat center;
	width: 99.6px;
	height: 50px;
	z-index: 5;
/*	margin-top: 14px;
	margin-left: 20px;*/
}
#search-icon{
		display: block;
		float: left;
		position:relative;
		background: url(/images/_global/_css/search_inactive.png) no-repeat center;
		width: 47px;
		height: 50px;
/*		margin-top: 14px;*/
		margin-left: 20.2px;
}

/*a.donate:hover,
a.donate:focus,
a.donate:active {
	background: url(images/sprites_menu1.png) no-repeat -155px -20px;
}*/

/*Search*/
#header #search-box{
	padding: 6.5px;
	background: #F6F5F3 url(/images/_global/_css/dropdown_background.png) 0 -50px;
}
#search-wrap{
	display: none;
		position: absolute;
	right: 100px;
	top: 50px;
	background: url(images/sprites_menu1.png) no-repeat -155px -20px;
/*	border: 5px solid red;*/
	z-index: 2;
}
#search-footer{
	margin-left: 8px;
}
#search-footer #s{
		height: 23px;
}
.searchform {
	
/*	float: left;
	position:relative;*/
/*	width: 55px;
	height: 20px;*/
/*	margin-top: 14px;*/
/*	position: absolute;
	right: 105px;
	top: 50px;*/
}
/*#s{
	background: url(images/search.png) no-repeat right;
}*/
::-webkit-input-placeholder {
   padding-left: 5px;
}

:-moz-placeholder { /* Firefox 18- */
   padding-left: 5px;
}

::-moz-placeholder {  /* Firefox 19+ */
   padding-left: 5px;
}

:-ms-input-placeholder {  
   padding-left: 5px;
}
#search-wrap input{
	width: 170px;
	height: 25px;
}
/*search results page*/

.search #main-content{
	margin-top: 45px;
}
.search .page{

}
.search .page h2{
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 3px;
	width: 100%;
	border: 0;
}
.result-img{
	width: 30%;
	float: left;
	margin-top: 18px;
}
.search-result{
/*	float: right;
	width: 65%;*/
	margin-top: 18px;
}
/* =Aside
--------------------------------------------- */

/* side */

#sideNav li {
	margin-left: 0px;
	width: 140px;
	height: 30px;
	border-bottom:solid 1px #E9E9E9;
}

#sideNav {
	border-top:solid 1px #E9E9E9;
}

#sideNav li a {
	position: relative;
	font-size: 11px;
	letter-spacing: 1px;
	color: #999;
	display: block;
	line-height: 30px;
	text-decoration: none;
	background-color: #FFF;

	-webkit-transition: color .3s ease-in-out;
		-moz-transition: color .3s ease-in-out;
			-o-transition: color .3s ease-in-out;
				transition: color .3s ease-in-out;
}

#sideNav li a:hover,
#sideNav li a:focus,
#sideNav li a:active{
	color: #1a1a1a;
	background: #FFF url(/images/_global/_css/cArrow2.png) no-repeat right center;
}

#sideNav .current_page_item a {
	color: #1a1a1a;
	background: #FFF url(/images/_global/_css/cArrow2.png) no-repeat right center;
}

.menu .current-page-ancestor a {
/*	color: #666;*/

	
/*	border-bottom: solid 5px #81e0f8;*/
}

/* =Main Styles
--------------------------------------------- */

em {
	color: #0099cc;
	font-style: normal;
	/*font-weight: bold;*/
	letter-spacing: 0;
	font-size:12px;
}

h2 {
	margin: 32px 0 13px 0;
	padding-bottom: 2px;
	letter-spacing: 2px;
	font-size: 24px;
	color: #0099CC;
	font-weight: normal;
	text-transform: uppercase;
/*	width: 780px;*/
}
#page-title h2 {
    position: relative;
    bottom: -25px;
    background: #fff;
    padding-right: 10px;
    margin: 0;
    display: inline-block;
}

h3 {
	padding-bottom: 2px;
	letter-spacing: 2px;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom:solid 2px #e9e9e9;
	margin-bottom: 13px;
}

.col1 p,
.col2 p {
	float: left;
	width: 370px;
/*	padding-left: 10px;*/
	margin-bottom: 20px;
	/*color: #999999;*/
	color: #666666;
	font-weight: normal;
	/*letter-spacing: 0.5px;*/
	line-height: 1.5;
}
.page-template-page-top-php .content-col2 img, .page-template-page-top-php .content-col1 img{
	width: 370px;
}

.col1 p span,
.col2 p span {
	display: inline;
	letter-spacing: 0;
	/*color: #63625b;*/
	color: #555555;
	/*font-style:italic;*/
}

.col1 img,
.col2 img {
	float:left;
	margin-bottom: 20px;
}

.col1 p img,
.col2 p img {
	float:left;
	margin-bottom: 5px;
}

.col1 p img:last-child, .col2 p img:last-child{
/*	margin-bottom: 25px;*/
}

.thumb p img {
	float:left;
	padding-right: 10px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 2px;
}

/*image styling*/
.image-wrap-left{
	float: left;
    margin-right: 8px;
}
.image-wrap-right{
	float: right;
    margin-left: 8px;
}

/* full bottom */

.tree {
	position:absolute;
	bottom: -7px;
	float:left;
}

#holder {
	position:relative;
	float: left;
	width: 300px;
	height: 160px;
	margin: 20px 10px 10px 170px;
	background-color: #59c16c;
	overflow: hidden;
}

#holder p {
	color: #fff;
	/* These fallback styles are used by default */
	font-family: Arial, sans-serif;
	font-size: 20px; /* Smaller size for our non-condensed fallback font */
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 15px 20px 10px 20px;
}

.wf-active #holder p {
	color: #fff;
	font-family: "league-gothic-1","league-gothic-2", Arial, sans-serif;
	font-size: 27px;
	line-height: 33px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 15px 20px 10px 20px;
}

.qImage {
	float: left;
	width: 220px;
	height: 160px;
	margin: 20px 10px;
	background-color: #59c16c;
}

.studentQuote,
.studentQuote2 {
	position:absolute;
	width: 200px;
	color: #fff;
	background: #ff6600;
	font-size: 14px;
	line-height: 1.2em;
	padding: 10px;
	top: -80px;
}

.studentQuote2 {
	background: #ff9900;
}

.studentQuote span,
.studentQuote2 span {
	color: #333;
	font-size: 9px;
}

.point,
.point2 {
	position:absolute;
	width: 30px;
	height: 30px;
	background: url(/images/_global/_css/cQ1point.png) no-repeat;
	bottom: -29px;
	right: 20px;
	z-index: 2;
}

.point2 {
	background: url(/images/_global/_css/cQ2point.png) no-repeat;
}

a .quote-image {
	position:absolute;
}

a .camera {
	font-size: 1em;
	float: right;
	position:relative;
	top: 120px;
	/*font-style:italic;*/
	letter-spacing: 1px;
	color: #00ccff;
	background: url(/images/_global/_css/cCamera_png8.png) no-repeat right top;
	right: -5px;
	padding: 4px 0px 0px 10px;
	margin: 0px;
	width: 120px;
	height: 26px;
	z-index: 3;

	-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
			-o-transition: color .2s ease-in-out;
				transition: color .2s ease-in-out;
}

a .camera span {
	visibility: hidden;
}

a .camera:hover,
a .camera:focus,
a .camera:active {
	color: #FFF;
	background-color: #00ccff;
}

a .camera:hover span,
a .camera:focus span,
a .camera:active span {
	visibility: visible;
}

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

/* bottomLogo */

#bottomLogo {
	background: #fcfcfc url(/images/_global/_css/wood_sign.jpg) no-repeat left top;
	float: left;
	margin-top: 7px;
}

#bottomLogo a {
	display: block;
	width: 182px;
	height: 110px;
	overflow: hidden;
}

#bottomLogo span {
	display: block;
	text-indent: -99999px;
}

/* topRow */

#topRow {
	float: left;
	margin: -13px 0px 15px 170px;
	padding-bottom: 20px;
	width: 770px;
	line-height: 1.25em;
	border-bottom:solid 1px #e5e5e5;
}

#topRow a.title {
	font-size: 11px;
	border-bottom:dotted 1px #999999;
	padding-bottom: 3px;
	color: #5a5a5a;
}

#topRow a {
	font-size: 10px;
}

#aboutUs,
#youthProgram,
#artists,
#newsEvents {
	float: left;
	width: 160px;
	height: 105px;
}

/* bottomRow */

#bottomRow {
	float: left;
	margin: 0px 0px 5px 2px;
	width: 925px;
	height: 130px;
	border-bottom:solid 1px #e5e5e5;
	padding-bottom: 40px;
}

#bottomRow h6 {
	display:inline;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.8em;
	border-bottom:dotted 1px #999999;
	color: #5a5a5a;
	padding-bottom: 3px;
	margin-bottom: 13px;
}

#bottomRow p {
	font-size: 10px;
	color: #999;
	line-height: 1.5em;
}

#portlandAddress,
#calderaAddress, #newsletter-footer {
	float: left;
	width: 160px;
	height: 115px;
}

a.donateHead {
	float: left;
	position:relative;
	background: url(/images/_global/_css/cDonate6.png) no-repeat right top;
	top: 5px;
	width: 140px;
	height: 50px;
}

.woodImage {
	position: relative;
	left: -80px;
	top: -15px;
}

.copyright {
	float: right;
	margin-bottom: 20px;
	font-size: 9px;
	color: #999;
	margin-right: 3px;
}
.partners {
	margin-left: 80px;
}
.wrap-right{
	float: right;
}
#social-footer{
	float: right;
}
#mce-EMAIL{
	height: 24px;
	color: #999;
}
#mc-embedded-subscribe{
	background: url(/images/_global/_css/subscribe.png) no-repeat center;
	position: absolute;
	right: 288px;
	bottom: 192px;
	width: 30px;
	height: 30px;
	border: 0;
	cursor: pointer;

}

/* =Get Involve page specific
--------------------------------------------- */

/* involve buttons */
a.vButton,
a.dButton{
	float: right;
	margin-top: -30px;
	font-size: 1em;
	line-height: 22px;
	position:relative;
	/*font-style:italic;*/
	letter-spacing: 1px;
	background: url(/images/_global/_css/cArrowShadow.png) no-repeat right top;
	padding: 4px 0px 0px 22px;
	height: 26px;
	width: 180px;
	background-color: #00ccff;
	color: #FFF;
/*
	-webkit-transition: color .2s ease-in-out;
			-moz-transition: color .2s ease-in-out;
				-o-transition: color .2s ease-in-out;
					transition: color .2s ease-in-out;
*/
}

a.dButton {
	width: 88px;
}

a.vButton:hover,
a.vButton:focus,
a.vButton:active {
	background-color: #ff6600;
	color: #FFF;
}

a.dButton:hover,
a.dButton:focus,
a.dButton:active {
	background-color: #ff6600;
}

.special p:first-child{
	padding-bottom: 10px;
	border-bottom:solid 1px #f0f0f0;
	margin-bottom: 30px;
}

/*.email-list{

	margin-left: 10px;
}
.email-list span{
	color: #555555;
}
*/

.email-list .eButton{
    border: none;
    float: right;
    font-size: 1em;
    line-height: 22px;
    position:relative;
    letter-spacing: 1px;
    background: url(/images/_global/_css/cArrowShadow.png) no-repeat right top;
    padding: 0px 20px 0px 0px;
    height: 28px;
    width: 124px;
    background-color: #00ccff;
    color: #FFF;
}

.email-list .eButton:hover{
    background-color: #ff6600;
}

.facebook-black{
/*	position:relative;*/
	background: url(/images/_involved/social_icons4.jpg) no-repeat 0 -75px;
	width: 300px;
	height: 74.5px;
	display: block;
	background-size : 300px 300px;
}
.twitter-black{
	background: url(/images/_involved/social_icons4.jpg) no-repeat 0 0;
	width: 300px;
	height: 74.5px;
	display: block;
	background-size : 300px 300px;
}
.instagram-black{
	background: url(/images/_involved/social_icons4.jpg) no-repeat 0 -150px;
	width: 300px;
	height: 74.5px;
	display: block;
	background-size : 300px 300px;
}
.youtube-black{
	background: url(/images/_involved/social_icons4.jpg) no-repeat 0 -225px;
	width: 300px;
	height: 74.5px;
	display: block;
	background-size : 300px 300px;
}
/*fieldset.button{
    border-top:solid 1px #f0f0f0;
}*/


/* =About page specific Annual Reports Section
--------------------------------------------- */

.spacer {
	padding-bottom: 11px;
}

/* =RSVP link
---------------------------------------------
style="width: 8em; display: block;  text-align: center; padding: 3px; background-color: #00ccff; color: #FFFFFF; font-weight: bolder; text-decoration: none;"*/
a.rsvplink{
	width: 8em;
	display: block;
	text-align: center;
	padding: 3px;
	background-color: #00ccff;
	background-color: #ff6600;
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
}

a.rsvplink:hover,
a.rsvplink:focus,
a.rsvplink:active {
		background-color: #ff6600;
		background-color: #00ccff;
}

a.newsletter {
    padding-bottom: 2px;
    letter-spacing: 2px;
    font-size: 20px;
    color: #0099CC;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.newsletterImg{
    border-bottom:solid 2px #e9e9e9;
    padding-top: 11px;
    padding-bottom: 20px;
    margin-bottom: 7px;
}

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

} /* END screen media */

/* =Search page 
--------------------------------------------- */

/* =Support page
--------------------------------------------- */
.support-logos{
	width: 90%;
	margin: 0 auto;
}
.support-logos img{
	width: 15%;
	padding: 12px 17px;
	margin: auto;
	vertical-align: middle;
}
.logos-2 img{
	padding: 2px 21px;
}
#student-ytvid{
	width: 560px;
	margin: 0 auto;
	margin-bottom: 18px;
}
.soc-logo{
/*	margin-left: 150px;
	margin-top: -25px;*/
}
#sponsor-left{
	float: left;
}
#sponsor-right{
	float: right;
}
#sponsor-left p, #sponsor-right p{
	text-transform: capitalize;
	color: #000;
	font-weight: bold;
	text-align: center;
}
#sponsor-left .tk-league-gothic, #sponsor-right .tk-league-gothic{
	font-size: 18px;
}

/*----------------------------------------------
 * @author Derived from Chris Coyier's original code
 * @date 02.28.10
 *
 * File: style.css
 * Description: Core styles for print media
 *
 ------------------------------------------------*/

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */

/*  GEOGRAPHY OF WE  */

/*general fonts and text*/
.geography h1, .geography h2, .geography h3, .geography p {
	color: #333333;
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
}
.map-project-wrapper{
	background-color: #edeae2;
	overflow: hidden;
}

.map-project-wrapper .map-project-profile-content h1, 
.map-project-wrapper .map-project-profile-content h2, 
.map-project-wrapper .map-project-profile-content h3,
.map-project-wrapper .map-project-profile-caption h3,
.map-project-wrapper.map-project-profile-caption-sm h3,
.map-project-wrapper .map-project-profile-caption-process h3,
.map-project-wrapper .map-project-profile-caption-hero h3, .map-project-wrapper .map-project-profile-caption-process-simple h3, .map-project-wrapper .map-project-process-caption-sub h3
{
font-family: "Interstate Condensed";
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
color: #333333;
/*margin: 0;
padding: 0;*/
border: none;
width: auto;
}
.map-down-arrow{
	font-family: "Interstate Condensed";
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}

/* pam start */ 
.map-project-wrapper .map-project-profile-content p,
.map-project-wrapper .map-project-profile-caption-sub p
{
font-family: "akzidenz-grotesk";
color: #666666;
/*margin: 0;
padding: 0;*/
border: none;
width: auto;
width: auto; font-size: 13px; line-height: 25px; 
}
/* end pam */

.geography h1, .geography h2 {
	font-family: "Interstate Condensed";
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}
.map-project-wrapper h1, .map-project-wrapper h2, .map-project-wrapper h3, .map-project-wrapper p {
	color: #333333;
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
}
.geography h1 {
	font-size: 40px;
}
.geography h2 {
	font-size: 21px;
}
.map-projects {
	font-size: 40px;
	text-align: center;

}
.map-projects p {
	font-family: "akzidenz-grotesk";
	width: auto;
	color: #fff;
/*	margin: 115px 0 20px 170px;*/
	border: none;
/*	text-transform: uppercase;*/
	width: 200px;
	margin: auto;
	text-align: center;
}

.map-projects h2{
	color: #fff;
}

/*MAP*/
p.infowindow {
	padding: 7px;
	background-color: #00b6d1;
	color: #fff;
	font-size: 15px;
/*	line-height: 70%;*/
	text-align: center;
	width: 180px;
/*	background: url('../../../../images/_geography/icons/image-icon.png') no-repeat;
	background-position: 95px center;
	background-size: 20px 20px;*/
}
p.infowindow-apple {
	padding: 7px;
	background-color: #a5a176;
	color: #fff;
	font-size: 15px;
/*	line-height: 70%;*/
	text-align: center;
	width: 140px;
}
.infowindow img {
	width: 14px;
	padding-right: 4px;
}

.arrow_box:after{
	top: 100%;
	left: 45%;
	border: 8px solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #00b6d1;
}

.arrow_box_apple:after{
	bottom: 100%;
	left: 45%;
	border: 8px solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #a5a176;
}
.map-text {
	position: absolute;
	top: 110px;
	left: 660px;
}

/*divs and images*/
.map {
	height: 300px;
	position: relative;
	padding-top: 40px;
}
.map img {
/*	height: 100%;*/
}
#map-canvas { height: 100% }

.map-project {
/*	width: 485px;
	height: 358px;*/
	width: 50%;
	height: auto;

	float: left;
	position: relative;
	overflow: hidden;
	background-color: #000;
}
.map-projects img{
	margin: 0;
	padding: 0;

}
.map-project a > img{
		width: 100%;
}
/*.map-project img:hover {
	opacity: 0.25;
}*/
.map-project img {
	position: relative;
}
.map-project .project-icon {
	position: absolute;
/*	left: 430px;*/
	top: 20px;
	z-index: 3;
	right: 3%;
}
.project-overlay-heading {
	display: none;
	position: absolute;
	z-index: 4;
	color: #f6f6f6;
	font-size: 20px;
/*	margin-top: 120px;*/
	margin-top: 20%;
	text-align: center;
	width: 100%;
}
.project-overlay-heading p {
	padding-top: 10px;
	font-size: 15px;
}
.hero-read-more, .hero-read-less, .hero-content, .hero-sub-content {
	position: absolute;
	z-index: 4;
}
.hero-read-more {
	left: 430px;
	top: 215px;
}
.hero-read-less {
	left: 430px;
	top: 345px;
}
.geography .hero-content {
	left: 0;
	top: 186px;
	width: 650px;
/*	display: none;*/
	color: #fff !important;
	font-family: "akzidenz-grotesk";
	padding: 0 160px !important;
	text-align: center;
	font-size: 14.5px;
	line-height: 1.4;
}
.geography .hero-show{
	top: 294px;
	display: block;
		left: 0;
	width: 650px;
	color: #fff !important;
	font-family: "akzidenz-grotesk";
	padding: 0 160px !important;
	text-align: center;
	font-size: 14.5px;
	line-height: 1.4;
}
.hero-hide{
	display: none;
}
.hero {
	display: none;
	background-image: url(../../../../images/_geography/hero-full-geography-2016.jpg);
	position: relative;
	overflow: hidden;
/*	height: 295px;*/
	height: 412px;
/*	max-height: 412px;*/
}
.no-results {
	display: none;
	height: 358px;
}

/*Navigation*/
/*Top nav*/
.map-nav {
/*	height: 40px;*/
}
.map-nav-top {
	background-color: #333333;
	text-transform: capitalize;
	position: relative;
}
.dropdown-menu {
	margin-left: 15px;
	padding: 0;
	position: absolute;
	z-index: 5;
	font-weight: bold;
	color: #ccc;
}
.dropdown-menu a {
	padding-top: 10px;
}
.dropdown-menu li{
	float: left;
	list-style:none;
}
.dropdown-menu li a {
	display:block;
	text-decoration:none;
	padding-left: 20px;
	margin:0;
	width: 124px;
	margin-right: 4px;
	height: 30px;
}


/*style the sub menu*/
.dropdown {
	position:absolute;
	visibility:hidden;
	background-color: #333333;
	margin: 0;
	width: 144px;
}

.dropdown li {
	float: none;
	display: block;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	font-weight: normal;
}

.dropdown li:hover {
	color: #fff;
}



/*Bottom nav*/
.map-nav-bottom div {
	display: block;
	position: absolute;
	height: 65px;
	line-height: 66px;
}
.map-nav-bottom a {
}
.map-nav-bottom p {
	color: #bebebe;
}
.map-nav-bottom {
	display: none;
	background-color: #f6f6f6;
	color: #bebebe;
	height: 65px;
}
.map-clear {
	clear: both;
}
.nav-bit-left {
	width: 200px;
	left: 0;
	background: url('../../../../images/_geography/icons/separator.png') right 10px no-repeat;
}
.nav-view-all {
	width: 130px;
	left: 201px;
	background: url('../../../../images/_geography/icons/separator.png') right 10px no-repeat;
}
.nav-view-all .view-all {
	margin-left: 20px;
	padding-left: 30px;
	background: url('../../../../images/_geography/icons/squares-icon.png') left center no-repeat;
}

/* pam start - changed text-align to left and added padding-left so the nav is centered over the title */
.nav-center {
	width: 405px;
	left: 332px;
	background: url('../../../../images/_geography/icons/separator.png') right 10px no-repeat;
	text-align: left; 
}
.nav-center p {
	color: #333;
	font-family: "Interstate Condensed";
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	font-size: 17px;  padding-left: 90px;
}
/* pam end */

.nav-bit-right {
	width: 200px;
	right: 0;
}
.nav-bit-right a img {
	padding-left: 10px;
}

.nav-bit-left .previous, .nav-bit-left .left {
	padding-left: 20px;
	margin-left: 40px;
	background: url('../../../../images/_geography/icons/left-arrow.png') left center no-repeat;
}

.nav-bit-right .next, .nav-bit-right .right {
	float: right;
	padding-right: 20px;
	margin-right: 40px;
	background: url('../../../../images/_geography/icons/right-arrow.png') right center no-repeat;
}
/*Icons for nav media dropdown*/
.media-list li:nth-child(1) {
	background: url('../../../../images/_geography/icons/image-icon.png') no-repeat;
	background-position: 95px center;
	background-size: 20px 20px;
}
/*.media-list li:nth-child(2) {
	background: url('../../../../images/_geography/icons/writing-icon.png') right no-repeat;
	background-position: 95px center;
	background-size: 20px 20px;
}*/
.media-list li:nth-child(2) {
	background: url('../../../../images/_geography/icons/audio-icon.png') right no-repeat;
	background-position: 95px center;
	background-size: 20px 20px;
}
.media-list li:nth-child(3) {
	background: url('../../../../images/_geography/icons/video-icon.png') right no-repeat;
	background-position: 95px center;
	background-size: 20px 20px;
}


/*Geography of We Project Profile*/


.map-profile-project .project-overlay-heading {
	display: none;
	position: absolute;
	z-index: 4;
	color: #f6f6f6;
	font-size: 22px;
	margin-top: 0px;
	padding-top: 120px;
	height: 100%; width: 100%; 
	text-align: center;
	width: 100%;font-size: 14px;
	font-family: "akzidenz-grotesk";
	line-height: 30px;
}

#map-profile-project-wrapper {
	background-color: #fff;
}
.map-project-profile-content {
	background-color: #edeae2;
	text-align: center;
	margin-left: 200px;
	margin-right: 200px;
	padding-top: 15px;
	padding-bottom: 20px;
}
.map-project-profile-caption-sm h3, .map-project-wrapper .map-project-process-caption-sub h3{

	padding: 10px;
}
.map-project-profile-caption {

}
.map-project-profile-content h2{
	padding-top: 25px;
}
.map-project-profile-content p:nth-of-type(2){
	padding-top: 7px;
}
p.text-location{
	padding-top: 15px;
}
p.text-year{
	padding-bottom: 15px;
}

p.map-project-profile-content ~ p{
	padding-bottom: 25px;
}
#map-head-sep{
	padding-bottom: 2px;
	padding-top: 1px;
}
.map-project-profile-content h3 {
	padding-top: 12px;
	font-size: 15px;
font-color: red;
}
.map-project-profile-img-full, .map-project-profile-img-half {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0; 
background-color: #000;

}
.map-project-profile-img-full{
	width: 100%;
}

.project-expand-icon {
	position: absolute;
	margin-top: 262px;
	z-index: 3;
}
img.project-expand-icon.process-tall {
	margin-top: 634px;
}
.overlay-process-tall div.project-overlay-heading {
	padding-top: 310px;
}
.map-nav a {
	display: inline-block;
}
.map-nav-bottom {
	text-transform: capitalize;
}
/*fix nav bar on scroll*/
.fixed {
  position: fixed; 
  top: 0;
	height: 65px;
	width: 970px;
  z-index: 10;
}

.map-profile-project.audio {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
/*	width: 971px;*/
	height: 500px;
	background: url('../../../../images/_geography/projects/caldera/livewirePodcast/audiowood_3.jpg') left top no-repeat;
	background-size: 100% 100%;
}
.project-title{
	display: none;
}
.map-project-profile-content h2, .map-project-profile-content h3, .map-project-profile-content p, .map-project-wrapper .map-project-profile-caption h3, .map-project-wrapper .map-project-process-caption-sub h3, .map-project-wrapper .map-project-profile-caption p, .map-project-wrapper .map-project-process-caption-sub p, .map-project-wrapper .map-project-profile-caption-sm h3, .map-project-wrapper .map-project-profile-caption-sm p{
	width: 500px;
	margin: auto;

}


.map-project-profile-content h2
{
font-size: 30px;
}


.social-icon {

}
.map-twitter {
	padding: 10px;
}


.map-project-profile-content-wrap h3 {
font-size: 30px; line-height: 40px; }

.tall-process-right {
	float: right;
}

p.no-caption {padding: 30px; }

.map-profile-project{
	position: relative;
	text-align: center;
}
.map-profile-project img { margin-bottom: 15px; }

.map-project-profile-caption, .map-project-process-caption-sub {
background-color: #edeae2  ;
text-align: center;
margin-left: 200px;
margin-right: 200px;
padding-bottom: 25px; 

}
.map-process-1 img{
	width: 99%;
	margin-bottom: 0;
	margin-top: 1%;
}
.map-process-2 img{
	width: 49%;
	margin-bottom: 0;
	margin-top: 1%;
}
.map-process-1, .map-process-2, .map-process-3{
	background-color: #fff;
}
.map-process-3 img{
	width: 32%;
/*	margin-top: 15px;*/
	margin-bottom: 0;
	margin-top: 1%;

}
.map-process-3 img:nth-child(even){
	padding-left: 1%;
	padding-right: 1%;
}
.map-process-2 img:nth-child(even){
	padding-left: 1%;
}
.map-profile-process-half-overlay .project-expand-icon {
	margin-top: 283px;
}
.map-project-profile-img-half {
		width: 483px;
/*	width: 485px;*/
}
.profile-process-img{
/*	border-bottom: 4px solid #fff;*/
}
.process-img-left{
/*	border-right: 4px solid #fff;*/

}


.map-project-profile-caption h3, .map-project-wrapper .map-project-process-caption-sub h3{
font-style: italic;
font-size: 16px;
}

.map-project-profile-caption h3.documenting-process {
font-style: normal; 
line-height: 40px; 
font-size: 30px;
}
.map-profile-project iframe { margin-bottom: 20px; }
.map-profile-project.map-profile-process img, .map-profile-img-half { 
margin-bottom: 0px; 
}
.map-profile-process-overlay {
	background-color: #000;
	height: 327px;
	width: 970px;
	margin-bottom: 0;
}
/*.map-profile-project .map-profile-process {
	margin-bottom: 0;
}*/
.map-profile-process-half-overlay {
	background-color: #000;
/*	height: 350px;*/
	height: 348px;
	width: 483px;
/*	width: 485px;*/
	float: right;
}
div.overlay-process-tall {
	height: 700px;
	float: left;
}
.map-profile-project .map-profile-process-half-overlay img, .map-profile-project .map-profile-process-overlay img, .project-overlay-heading img, img.map-project-profile-img-full, img.map-project-profile-img-half {
	margin-bottom: 0;
}
.map-project-profile-caption, .map-project-process-caption-sub {
/*background-color: #edeae2  ;*/
text-align: center;
margin-left: 200px;
margin-right: 200px;
padding-bottom: 40px; 
}
.map-project-profile-caption-process{
	background-color: #edeae2  ;
	text-align: center;
	margin-left: 200px;
	margin-right: 200px;
	padding-bottom: 30px;
	margin-top: 530px; 
}

/*2015*/
.map-project-profile-caption-process-simple{
	  background-color: #edeae2;
  text-align: center;
  margin-left: 200px;
  margin-right: 200px;
  padding-bottom: 30px;
  	margin-top: 30px; 
}
.map-project-profile-caption-hero{
	background-color: #edeae2  ;
	text-align: center;
	margin-left: 200px;
	margin-right: 200px;
	padding-bottom: 30px;
	margin-top: 15px; 
}
.map-profile-project iframe { margin-bottom: 15px; }
.map-profile-process-half-overlay .project-overlay-heading {
	width: 483px;
	padding-top: 120px;
}
/*panorama*/
.map-pano, .map-reduce{
	display: none;
}
.map-enlarge, .map-reduce{
	position: absolute;
	right: 0;
	cursor: pointer;
	z-index: 4
}
.map-pano{
/*	background-image: url(../../../../images/_geography/projects/portland/milesPanoramas/pano_lg_hero1.jpg);
	height: 500px;*/
}
.map-pano-small img{
/*	width: 970px;*/
	width: 100%;
}
.map-pano-right, .map-pano-left{
/*	float: left;*/
/*	position: fixed;*/
	height:	500px;
	width: 485px;
	z-index: 3;
/*	position: relative;*/
	margin: 0;
	padding: 0;

	background-color: transparent;
	position: absolute;
	display: none;
}
.map-pano-right {
	left: 485px;
}
/*.map-pano-left {
	float: left;
}*/
#photo-scroll{
	position: relative;
		margin-bottom: 25px;
}
#map-scrollbar{
	max-width: 970px;

}
#photo-scroll img{
	display: block;
	margin-right: 0;
}
/*#scroll-control {
	z-index: 3;
	position: absolute;
	bottom: -6px;
}*/

.ui-widget-content {

}
.ui-slider .ui-slider-handle {
  bottom: -8px;
	position: absolute;
	z-index: 2;
	height: 50px;
	width: 115px;
	background: url(../../../../images/_geography/icons/scrollcontrol-icon.png) no-repeat;
}

.ui-slider {
	margin-left: 50px;
}

#map-after-pad {
	padding: 15px;
}

#map-project-caption-long {
	line-height: normal;
}
/* ----- AUDIO PLAYER ----- */

.player-container {
	position: absolute;
    width: 572px;
    height: 212px;
    top: 50%;
    margin-top: -106px;
    left: 50%;
    margin-left: -286px;
    background: url(../../../../images/_geography/audioplayer_bg.png) left top no-repeat;
}

.player-main {
	position: relative;
	width: 100%;
	height: 100%;
}

.player-container.active .player-main {
}

.btn-play,
.player-volume-container,
.player-volume {
	background: url(../../../../images/_geography/audioplayer_sprites.png) no-repeat;
}

.btn-play {
    position: absolute;
    top: 156px;
    left: 28px;
    width: 28px;
    height: 35px;
    background-position: 0 0;
    text-indent: -999em;
}

.btn-play:hover {
}

.btn-play.playing {
    background-position: 0 -34px;
}

.btn-play.playing:hover {
}

.player-volume-container,
.player-volume {
	position: absolute;
	top: 154px;
	right: 14px;
	width: 28px;
	height: 36px;
	background-position: 0 -106px;
}

.player-volume {
	top: 0;
	left: 0;
}

.player-header {
	font-family: "Interstate Condensed";
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
    font-size: 30px;
    color: #383838;
    text-align: center;
    text-transform: uppercase;
    padding-top: 30px;
}

.player-title {
	font-family: "Interstate Condensed";
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
    font-size: 16px;
    color: #383838;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
    letter-spacing: 2px;
}

.player-container.active .player-title {
    color: #00b6d1;
}

.player-track {
    position: absolute;
    bottom: 34px;
    width: 356px;
    height: 8px;
    left: 50%;
    margin-left: -190px;
    background: #383838;
    border: 1px solid #000;
	-webkit-border-radius: 5px/5px;
	-moz-border-radius: 5px/5px;
	border-radius: 5px/5px;
	overflow: hidden;
}

.player-position {
    position: absolute;
    width: 0;
    height: 10px;
    background: #23bad2;
    z-index: 100;
}

.player-loaded {
    position: absolute;
    width: 0;
    height: 10px;
    background: #4e4e4e;
    z-index: 99;
}

.player-time {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 470px;
    font-size: 14px;
    color: #383838;
}

.player-container.active .player-track,
.player-container.active .player-time {
    display: block;
}

/* --- each player can have a custom background if needed. specify by id --- */
#player-moonbeams {
	background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_1.jpg);
}
/* #player-haiku {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_2.jpg);
} */
#player-summerlove {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/myvoice_hero1.jpg);
}
#player-seed {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_1.jpg);
}
#player-sick {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_2.jpg);
}
#player-calderacover {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_3.jpg);
}
#player-backtothestart {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_4.jpg);
}
#player-quartztrackmixed {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_2.jpg);
}
/*2015*/
#player-warmsprings, .player-wood1 {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_1.jpg);
}
#player-littlemix, .player-wood2 {
background-image: url(../../../../images/_geography/projects/caldera/myVoice/audiowood_2.jpg);
}

.coda-nav ul {
/*	display: none !important;*/
}
.footer-sponsor img {
	width: 100%;
}



/*.full-length-image{
	position: absolute;
	left: 0;
	z-index: 2;
}*/
.full-length-image img{
	width: 100%;
}
.content-col2 p, .content-col1 p, .content-col2 img, .content-col1 img{
/*	width: 80%;*/
}

#ham, #search-mobile, #ham-menu-slide{
	display: none;
}
#social-btns{
	width: 50%;
}
#recipe{
	width: 80%;
	margin: 0 auto;
}
.recipe{
	font-family: "Interstate Condensed";
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 25px;
}
.recipe-directions{
	width: 61.5%;
	margin: 0 auto;
	line-height: 1.4;
}


@media (max-width: 970px) {
/*	#wrap{
		width: 100% !important;
	}
	.coda-slider{
		width: 100%;
	}*/
	.panel{
		width: 50%;
		height: 290px;
	}
}

/*mobile*/
@media (max-width : 667px) {
/*	.main-content{
		width: 68%;
	}
	#bottomRow{
		width: 25%;
		float: none;
		margin: 0 auto;
		height: auto;
	}
	#footer{
		margin: 0 auto;
		text-align: center;
		background-color: #EBEBEB;
		padding: 0;

	}
	.copyright{
		display: none;
	}
	#wrap{
		width: 100% !important;
	}
	#full-middle, #videoHolder span.holder{
		margin-left: -22.1%;
	}
	.content-col2, .content-col1{
	width: 100%;
	}
.content-col2 p, .content-col1 p, .content-col2 img, .content-col1 img{
	width: 100%;
	}
	h3{
		width: 60%;
	}
	h2{
		width: 160%;
	}

	#ham{
		display: block;
		padding: 15px;
	}
	#ham-menu{
		padding: 15px;
		height: 20px;
		width: 20px;
		display: block;
    background: url(/images/_global/hamburger.png) no-repeat center;
    float: left;
	}
	#hamburger{
		height: 20px;
		width: 20px;
		display: block;
    background: url(/images/_global/_css/hamburger.png) no-repeat;
	}
	#nav-desk, a.donate, #searchform, .woodImage, #connectUs{
		display: none;
	}
	#search-mobile{
		float: right;
		padding: 15px;
		height: 20px;
		width: 20px;
		display: block;
    background: url(images/search-mobile.png) no-repeat center;
	}
	#searchform{
		margin-top: 50px;
		position: absolute;
		background-color: #fff;
		width: 100%;
	}
	#search-box{
		margin: 0 auto;
		text-align: center;
	}
	#search-box input{
		width: 80%;
	}
	.full-bottom{
		display: none;
	}
	#portlandAddress, #calderaAddress, #donate{
		float: none;
		width: auto;
		height: auto;
	}
	#donate img{
		float: none;
		top: 0;

	}
	a.facebook, a.twitter, a.youTube{
		width: 40px;
	}
	#social-btns{
		margin: 2% auto;
	}
	#ham-menu-slide{
		width: 80%;
		height: 50px;
		float: left;
	}

	body{
		overflow-x: hidden;
	}
	.menu li a{
		color: #fff;
	}
	.menu li{
		float: none;
	}
	#menu-main-nav-menu{
		float: none;
	}*/

	/*GEO OF WE*/
/*	.map-project-profile-content {
		margin: 0 auto;
	}
	.project-overlay-heading{
		display: block;
	}
	.map-project img{
		opacity: 0.75;
	}
	.map-enlarge{
		display: none;
	}*/

}