/* general image and media properties */


#main img,
#secondary img,
#tertiary img,
#quaternary img { /*this overrides ckeditor/imce's automatic image attributes for width and height, which override my styles, lame! */
	/*width: auto!important;*/
	max-width:100%;
	height: auto!important;
}


body.node-type-page #content img,
body.node-type-page #content div.figure {
    max-width:100%;
    height:auto;
    }

body.node-type-page .field-name-field-image img,
body.node-type-page .field-name-field-pageimage img {
    float:right;
    margin:0 0 .5em .5em;
    }

#main img,
#secondary img {
    /*border:2px solid #ccc;*/
    }

#main div.figure,
#secondary div.figure {
	background-color:#bbb; /* 33% */
	padding:4px;
	}

#main div.figure .figcaption,
#secondary div.figure .figcaption {
	color:white;
	font-size:.875em;
	font-style:italic;
	line-height:1.2;
	}

#main div.figure img,
#secondary div.figure img  {
	max-width:100%; /* expands image to fit figcaption box; see also media query */
	border:0px;
    }

/* inline images */

figure {
background-color: #eee;
}

figure figcaption {
position:relative;
clear:both;
margin-bottom:1em;
background-color: #eee;
padding:0em .5em .5em .5em;
line-height:1.25em;
overflow:auto;
}

figure.align-right, img.align-right {
margin:0 0 .75em .75em;
}

figure.align-left, img.align-left {
margin:0 .75em .75em 0em;
}

figure.align-right figcaption, figure.align-left figcaption {
/*position:absolute !important;*/
clear:both;
margin-bottom:2em;
}

.node-type-event .field-name-field-speaker-photo img {
  	float:right;
  	margin-bottom:1em;
	}



/* end added img.div properties */

.media_embed {
    position:relative;
    padding-top:30px;
    padding-bottom:70%;
    overflow:hidden;
    height:0;
    }

.media_embed iframe, .media-embed object, .media-embed embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }
/*
#secondary .media_embed {
	display:none;
	}
*/