/* --------------------------------------- */
/* TDM GENERAL css */
/* --------------------------------------- */

@import url(font.css);
@import url(fixedheader.css);
@import url(addthis.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, tbody, tr, th, td, fieldset {
	margin: 0px;
	padding: 0px;
	outline: 0;
	}

html							{ overflow: -moz-scrollbars-vertical; overflow-x: auto; }
body							{ background-color: #fff; }
body, td {
	font-family: robotoregular, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #323232;
	line-height: 1.6em;
	}

.debug							{ color: #f00; display: block; }

.hide							{ text-indent: -9999px; height: 1px; }

.breakword						{ word-wrap: break-word; }
.clearanchor::before {
	display:block;
	content: " ";
	height: 458px;
	margin-top:-458px;
	visibility: hidden;
	}


/* font settings */
.btn,
#breadcrumb,
h1, h2, h3, h4, h5, h6 {
	font-family: robotobold, arial, helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6			{ font-weight: normal; }

#photobar h3,
#tagline h3						{ font-family: droid_serifbold, "Times New Roman", Georgia, serif; }
#photobar p,
#tagline p						{ font-family: droid_serifregular, "Times New Roman", Georgia, serif; }


/* clearfix */
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
	}

.clearfix						{ display: inline-block; }
* html .clearfix				{ height: 1%; }

.lclear							{ clear: left; }

img								{ border: 0px; }
.button							{ cursor: pointer; }

a								{ color: #ff4100; text-decoration: none; }
a:hover							{ color: #323232; text-decoration: underline; }

.wrapper {
	position: relative;
	width: 1116px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

/* transition height */
#pageheader,
#orangebar,
#logobar,
#photobar {
	/* -webkit-transition: height 300ms linear;
	-moz-transition: height 300ms linear;
	transition: height 300ms linear; */
	}

/* transition all */
#pageheader h1,
#ogemid-archive-btn,
#ogemid-btn {
	/* -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	transition: all 300ms linear; */
	}

/* 404 */
#content .error-container 			{ text-align:center }
#content .error-container > h1 		{ font-size:5em; line-height:normal;}
.error-container > .wrapper 		{ margin-top:5%; text-align:left; width:auto; }
#content .error-container h3		{ font-size:1.1em; }


/* header */
#printheader					{ display: none; }

#pageheader {
	position: relative; /*fixed*/
	background-color: #fff;
	top: 0px;
	left: 0px;
	width:100%;
	height:446px;
	display: block;
	z-index:10;
	}

#pageheader h1 {
	position: relative;
	background: url(/grfx/logo.png) no-repeat;
	background-size: 349px 77px;
	text-indent: -9999px;
	width: 349px;
	height: 77px;
	margin-right: 36px;
	top: 24px;
	}

#pageheader h1 a				{ height: 77px; display: block; }

#tagline {
	position: absolute;
	width: 680px;
	top: 24px;
	right: 20px;
	}

#tagline h3						{ font-size: 1.8em; margin-bottom: 6px; }

#orangebar {
	background-color: #ff4100;
	height: 30px;
	display: block;
	padding-top: 6px;
	}

#logobar						{ height: 128px; display: block; }

#photobar {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 234px;
	display: block;
	overflow: hidden;
	}

.photoheader1					{ background-image: url(/grfx/header/header1.jpg); }
.photoheader2					{ background-image: url(/grfx/header/header2.jpg); }
.photoheader3					{ background-image: url(/grfx/header/header3.jpg); }
.photoheader4					{ background-image: url(/grfx/header/header4.jpg); }
.photoheader5					{ background-image: url(/grfx/header/header5.jpg); }
.photoheader6					{ background-image: url(/grfx/header/header6.jpg); }
.photoheader7					{ background-image: url(/grfx/header/header7.jpg); }
.photoheader8					{ background-image: url(/grfx/header/header8.jpg); }
.photoheader9					{ background-image: url(/grfx/header/header9.jpg); }

#photobar img					{ max-width: 100%; height: auto; }

#login-box {
	color: #fff;
	width: 700px;
	float: left;
	}

#login-box p					{ font-size: 0.9em; float: left; }
#login-box p:first-child {
	width: 540px;
	height: 24px;
	overflow: hidden;
	}

#signout-btn {
	background: url(/grfx/signout-icon.png) #323232 no-repeat 6px center;
	background-size: 14px 14px;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-left: 14px;
	}

#signout-btn a {
	color: #da7a1c;
	text-decoration: none;
	padding-left: 24px;
	padding-right: 6px;
	display: block;
	}

.socialmedia {
	list-style: none;
	display: block;
	float: left;
	}

.socialmedia li {
	background-image: url(/grfx/socialmedia-btns.png);
	background-repeat: no-repeat;
	background-size: 72px 24px;
	line-height: 24px;
	text-indent: -9999px;
	width: 24px;
	display: inline-block;
	}

.socialmedia a					{ height: 24px; display: block; }

.sm-linkedin					{ background-position: 0px 0px; }
.sm-twitter						{ background-position: -24px 0px; }
.sm-rss							{ background-position: -48px 0px; }

#freesearch {
	position: absolute;
	width: 248px;
	top: -32px;
	right: 20px;
	-webkit-transition: top 300ms linear;
	-moz-transition: top 300ms linear;
	transition: top 300ms linear;
	}

#freesearch input[type=search],
#freesearch input[type=text] {
	border: 0px;
	border-radius: 3px;
	box-shadow: inset 0px 0px 4px #444;
	width: 100%;
	height: 24px;
	line-height: 24px;
	padding: 0px 4px 0px 4px;
	-webkit-appearance: none;
    -webkit-border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#freesearch input::-webkit-input-placeholder 	{ color: #989898; padding-left: 6px; }
#freesearch input:-moz-placeholder 				{ color: #989898; padding-left: 6px; } /* Firefox 18- */
#freesearch input::-moz-placeholder 			{ color: #989898; padding-left: 6px; } /* Firefox 19+ */
#freesearch input:-ms-input-placeholder 		{ color: #989898; padding-left: 6px; }

#freesearch .button {
	position: absolute;
	background: url(/grfx/search-btn.png) no-repeat center center;
	background-size: 14px 14px;
	border: 0px;
	text-indent: -9999px;
	width: 26px;
	height: 26px;
	padding: 0px;
	top: 0px;
	right: 0px;
	}

#ogemid-archive-btn,
#ogemid-btn {
	position: absolute;
	background: url(/grfx/ogemid-btn.png) #da7a1c no-repeat center center;
	background-size: 152px 30px;
	border: 1px solid #fff;
	text-indent: -9999px;
	width: 248px;
	height: 77px;
	top: 180px;
	right: 20px;
	z-index: 101;
	}

#ogemid-archive-btn				{ background: url(/grfx/ogemid-archive-btn.png) #da7a1c no-repeat center center; background-size: 152px 30px; }

#ogemid-archive-btn a,
#ogemid-btn a					{ height: 77px; display: block; }

.join-ogemid-content {
	position: relative;
	background-color: #da7a1c;
	border-bottom: 1px solid #fff;
	color: #fff;
	padding: 14px;
	display: none;
	}

#special-buttons				{ position: relative; z-index: 102; display: none; }
#special-buttons ul				{ list-style: none; }
#special-buttons li				{ position: absolute; top: 0px; }
#special-buttons li a {
	font-size: 1em;
	color: #da7a1c;
	text-transform: uppercase;
	text-decoration:none;
	line-height: 3em;
	padding:0 12px 0 12px;
	display: inline-block;
	}


/* breadcrumb */
#breadcrumb						{ margin-bottom: 18px; }
#breadcrumb a					{ color: #323232; text-decoration: none; }
#breadcrumb a:hover				{ color: #000; text-decoration: underline; }


/* content */
#main {
	position: relative;
	display: block;
	margin-top: 18px; /*458*/ 
	}

#main.submenu-open				{ margin-top: 54px; /*502*/ }

#content,
aside {
	margin-bottom: 90px;
	float: left;
	}

#content						{ width: 800px; margin-right: 28px; }
aside							{ width: 248px; }

aside ul,
aside ol,
#content ul,
#content ol	{
	margin-left: 20px;
	}

aside h3,
aside p,
aside ul,
aside ol,
#content h1,
#content p,
#content ul,
#content ol	{
	margin-bottom: 18px;
	}

#content h1 {
	border-top: 6px solid #ff4100;
	font-size: 1.5em;
	padding-top: 3px;
	}

#content h3 				{ font-size: 1.5em; margin-bottom: 18px; }

aside h3 {
	font-size: 1.2em;
	color: #989898;
	text-transform: uppercase;
	}

.box							{ margin-bottom: 36px; }
.box article 					{ margin-bottom: 24px; }
.box h4							{ font-size: 1.1em; }
.box p							{ color: #323232; }
.box a:hover					{ text-decoration: none; }
.box a h4						{ color: #323232; text-decoration: none; }
.box a:hover h4					{ color: #ff4100; text-decoration: underline; }

.date							{ margin: 0px; }

.authors {
	font-style: italic;
	font-size: 0.9em;
	margin: 0px;
	}

.authors-photo					{ list-style: none; margin: 0px; }
.authors-photo li {
	border: 1px solid #b1b1b1;
	width: 54px;
	height: 64px;
	display: inline-block;
	overflow: hidden;
	}

.authors-photo img				{ max-width: 100%; }

.data-horizontal {
	margin-bottom: 18px;
	display: block;
	}

.data-horizontal dt {
	width: 15%;
	margin-right: 14px;
	vertical-align: top;
	display: inline-block;
	}

.data-horizontal-25 dt			{ width: 25%; }
.data-horizontal-5 dt			{ width: 2%; }

.data-horizontal dt img,
.data-vertical img {
	border: 1px solid #b1b1b1;
	max-width: 100%;
	}

.data-noborder dt img			{ border: 0px; }

.data-horizontal dd {
	width: 80%;
	vertical-align: top;
	display: inline-block;
	}

.data-horizontal-25 dd			{ width: 70%; }
.data-horizontal-5 dd			{ width: 95%; }

.data-vertical {
	margin-bottom: 18px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	}

.data-vertical dl {
	width: 30%;
	margin-right: 20px;
	}

.img-help						{ border: 1px solid #b1b1b1; max-width: 100%; padding-top: 10px;}
.img-align-left					{ margin-right: 14px; float: left; }
.img-align-right				{ margin-left: 14px; float: right; }

.faq dt 						{ width: 6%; display: inline-block; vertical-align: top; }
.faq dd							{ width: 88%; display: inline-block; vertical-align: top; }

/* rss form */
#content #subscribe-rss-box {
	margin-bottom: 24px;
	padding: 18px;
	display: block;
	}

#content #subscribe-rss-box				{ background-color: #FBEBC1; border: 1px solid #da7a1c; }

#content #subscribe-rss-box h4 {
	background-color: #da7a1c;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 18px;
	padding: 3px;
	}

#content #subscribe-rss-box h4			{ background-color: #da7a1c; color: #fff; }
#content #subscribe-rss-box hr			{ border: 0px; background-color: #da7a1c; color: #da7a1c; height: 1px; margin-bottom: 18px; }

#content #subscribe-rss-box label		{ display: inline-block; }

#content #subscribe-rss-box input[type=text],
#content #subscribe-rss-box input[type=email] {
	border: 1px solid #b1b1b1;
	width: 96%;
	margin-bottom: 6px;
	padding: 4px 6px 4px 6px;
	}

#content #subscribe-rss-box .btn			{ margin-top: 10px; display: inline-block; }





/* buttons */
.contentbuttons,
.sidebuttons {
	list-style: none;
	margin: 0px;
	display: block;
	}

.sidebuttons li					{ text-align: center; width: 120px; display: inline-block; }

.btn {
	text-align: center;
	line-height: 30px;
	height: 30px;
	}

.btn a							{ color: #fff; text-decoration: none; padding: 0px 10px 0px 10px; display: block; }

.orange-btn						{ background-color: #ff4100; }
.blue-btn						{ background-color: #0a67a3; }

.standard-icon {
	background-image: url(/grfx/html-options-icons.png);
	background-repeat: no-repeat;
	background-size: 24px 120px;
	background-color: #0a67a3;
	line-height: 24px;
	display: inline-block;
	}

.standard-icon a {
	color: #fff;
	text-decoration: none;
	padding: 0px 10px 0px 24px;
	display: block;
	}

.mail-icon 						{ background-position: center -24px; text-indent: -9999em;}
.pdf-icon 						{ background-position: 0px -96px; background-color: #ff4100; }

#citation blockquote {
    position: relative;
    margin: 0px;
    padding: 10px 40px 0px 40px;
	}

#citation blockquote:before,
#citation blockquote:after {
    position: absolute;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 72px;
	color: #b1b1b1;
    width: 36px;
    height: 36px;
    line-height: 1;
	}

#citation blockquote:before {
    top: 0;
    left: 0;
    content: "\201C";
	}

#citation blockquote:after {
    bottom: 0;
    right: 0;
    content: "\201D";
	}



/* footer */
footer							{ background-color: #444; color: #bbb; }
footer h4						{ text-transform: uppercase; }
footer ul						{ list-style: none; }

footer ul,
footer h4,
footer p {
	margin-bottom: 18px;
	}

footer p:first-child,
#upper-footer ul,
footer .column {
	float: left;
	}

footer p:first-child,
#copyright,
footer .column {
	width: 524px;
	}

#upper-footer ul,
footer .small-column {
	width: 248px;
	}

#upper-footer ul,
footer .column {
	margin-left: 20px;
	}

#upper-footer ul:first-of-type,
footer .column:first-child {
	margin-left: 0px;
	}

#upper-footer {
	background-color: #2b2b2b;
	border-bottom: 1px solid #fff;
	padding: 36px 0px 24px 0px;
	}

#upper-footer h4 				{ font-size: 2.2em; }
#upper-footer a					{ color: #da7a1c; }
#upper-footer a:hover			{ color: #da7a1c; }

#upper-footer ul li {
	background-image: url(/grfx/stay-connected-icons.png);
	background-repeat: no-repeat;
	background-size: 24px 150px;
	margin-bottom: 6px;
	padding-left: 30px;
	}

.sc-linkedin					{ background-position: 0px 0px; }
.sc-twitter						{ background-position: 0px -50px; }
.sc-rss							{ background-position: 0px -100px; }

.download-app-buttons li {
	background-image: url(/grfx/store-buttons.png);
	background-repeat: no-repeat;
	background-size: auto 54px;
	text-indent: -9999px;
	height: 54px;
	display: inline-block;
	}

.download-app-buttons li a		{ height: 54px; display: block; }

.appstore-btn					{ background-position: 0px 0px; width: 183px; }
.googleplay-btn					{ background-position: -183px 0px; width: 181px; }

#lower-footer					{ padding: 36px 0px 24px 0px; }
#lower-footer h4 				{ font-size: 1.1em; }
#lower-footer a 				{ color: #fff; }
#lower-footer a:hover			{ color: #fff; }

#copyright						{ font-size: 0.8em; }
#copyright:before {
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
	}

ul.horizontal-nav				{ margin-bottom: 0px; float: right; }
ul.horizontal-nav li {
	text-transform: uppercase;
	margin-left: 14px;
	display: inline;
	}

/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

/* screens */
@media only screen and (min-width: 1281px) {

	#photobar {
		background-position: 0px center;
		}

	.photoheader1				{ background-image: url(/grfx/header/large/header1.jpg); }
	.photoheader2				{ background-image: url(/grfx/header/large/header2.jpg); }
	.photoheader3				{ background-image: url(/grfx/header/large/header3.jpg); background-position: 0px 0px !important; }
	.photoheader4				{ background-image: url(/grfx/header/large/header4.jpg); background-position: 0px -108px !important; }
	.photoheader5				{ background-image: url(/grfx/header/large/header5.jpg); background-position: 0px -108px !important; }
	.photoheader6				{ background-image: url(/grfx/header/large/header6.jpg); background-position: 0px -80px !important; }
	.photoheader7				{ background-image: url(/grfx/header/large/header7.jpg); }
	.photoheader8				{ background-image: url(/grfx/header/large/header8.jpg); }
	.photoheader9				{ background-image: url(/grfx/header/large/header9.jpg); background-position: 0px -108px !important; }

}

/* screens */
@media only screen and (max-width: 1152px) {

	.wrapper					{ width: 1004px; }

	#login-box					{ width: 620px; }
	#login-box p:first-child	{ width: 460px; }

	#tagline					{ width: 570px; }

	#special-buttons li a		{ font-size: 0.9em; padding:0 10px 0 10px; }

	#content					{ width: 716px; }

	.sidebuttons li				{ width: 108px; }

	footer p:first-child,
	#copyright,
	footer .column {
		width: 468px;
		}

	#ogemid-archive-btn,
	#ogemid-btn,
	aside,
	#freesearch,
	#upper-footer ul,
	footer .small-column {
		width: 220px;
		}

}

/* notebooks, tablets */
@media only screen and (max-width: 1024px) {

	.wrapper					{ width: 940px; }

	#login-box					{ width: 570px; }

	#tagline					{ width: 510px; }
	#tagline h3 				{ font-size: 1.5em; }
	#tagline p					{ font-size: 0.95em; }

	#content					{ width: 668px; }

	.sidebuttons li				{ width: 100px; }

	footer p:first-child,
	#copyright,
	footer .column {
		width: 436px;
		}

	#ogemid-archive-btn,
	#ogemid-btn,
	aside,
	#freesearch,
	#upper-footer ul,
	footer .small-column {
		width: 204px;
		}

}

/* notebooks, tablets */
@media only screen and (max-width: 960px) {

	.wrapper					{ width: 780px; }

	#login-box					{ width: 450px; }
	#login-box p:first-child	{ font-size: 0.8em; width: 320px; }

	#tagline					{ width: 350px; }
	#tagline h3 				{ font-size: 1.15em; }
	#tagline p					{ font-size: 0.85em; line-height: 1.2em; }


	/* #pageheader					{ height:422px; } */

	/* #photobar					{ height: 198px; } */

	#main						{ /*margin-top: 422px;*/ }
	#main.submenu-open			{ /*margin-top: 466px;*/ }

	.clearanchor::before {
		margin-top:-422px;
		height: 422px;
		}

	#content					{ width: 548px; }

	.sidebuttons li				{ width: 100%; margin-bottom: 6px;}

	.data-vertical dl			{ width: 45%; }

	footer p:first-child,
	footer .column {
		width: 356px;
		}

	#ogemid-archive-btn,
	#ogemid-btn,
	aside,
	#freesearch,
	#upper-footer ul,
	footer .small-column {
		width: 164px;
		}

	#copyright					{ width: auto; }


	.download-app-buttons li {
		background-size: auto 36px;
		height: 36px;
		}

	.download-app-buttons li a		{ height: 36px; }

	.appstore-btn					{ width: 122px; }
	.googleplay-btn					{ background-position: -122px 0px; width: 121px; }


}

/* ==> breakpoint notebooks, tablets */
@media only screen and (max-width: 800px) {

	.wrapper					{ width: 776px; }

	#login-box p:first-child	{ width: 200px; }

	#signout-btn				{ margin-left: 0px; }

	#special-buttons			{ display: block; }
	#special-buttons li a		{ line-height: 44px; /*line-height: 54px;*/}

	.signin-btn					{ left: 108px; }
	.signout-btn				{ left: 108px; }
	.subscribe-btn				{ left: 180px; }


	/* special */
	/* #pageheader.nonfixed-header { position: relative; height:auto; } */

	#main.submenu-open			{ /*margin-top: 418px;*/ }
	#main.nonfixed-main 		{ margin-top: 24px; }

	#content,
	aside						{ width: 100%; margin-bottom: 36px; float: none; }

	#publications-box,
	#contributions-box {
		width: 47.5%;
		margin-left: 28px;
		float: left;
		}

	#contributions-box			{ margin-left: 0px; }

	.sidebuttons li				{ width: 124px; }

	.data-vertical dl			{ width: 90%; }

	footer p:first-child,
	footer .column {
		width: 354px;
		}

	#freesearch,
	#upper-footer ul,
	footer .small-column {
		width: 163px;
		}

	footer h4 						{ font-size: 1em; }

}

/* ==> breakpoint tablets */
@media only screen and (max-width: 768px) {

	.wrapper					{ width: 460px; }

	#tagline					{ display: none; }

	#ogemid-archive-btn,
	#ogemid-btn 				{ top: 234px; }

	#login-box					{ width: auto; }
	#login-box p:first-child	{ display: none; }

	.socialmedia				{ margin-left: 14px; }

	#photobar {
		color: #fff;
		text-shadow: 1px 1px 0px rgba(50, 50, 50, 1);
		text-indent: 0px;
		line-height: 1.3em;
		padding-top: 18px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}

	#photobar h3				{ font-size: 1.1em; }
	#photobar p					{ font-size: 0.9em; }

	.photoheader1,
	.photoheader2,
	.photoheader4,
	.photoheader7,
	.photoheader9 {
		text-shadow: 0px 0px 3px rgba(50, 50, 50, 1) !important;
		}

	.data-horizontal dt {
		width: 100%;
		margin-right: 0px;
		display: block;
		}

	.data-horizontal dd {
		width: 100%;
		display: block;
		}

	#publications-box,
	#contributions-box {
		width: 100%;
		margin-left: 0px;
		float: none;
		}

	#upper-footer .column		{ width: 100%; float: none; }

	#freesearch,
	#upper-footer ul,
	footer .small-column {
		width: 196px;
		}

	#upper-footer .column,
	ul.horizontal-nav li:first-child,
	ul.horizontal-nav,
	footer .column:first-of-type	{ margin-left: 0px; }

	#copyright,
	footer p:first-child 		{ display: none; }

	ul.horizontal-nav 			{ float: left; }
	ul.horizontal-nav li		{ font-size: 0.9em; }
}

/* tablets, mobiles */
@media only screen and (max-width: 480px) {

	.wrapper					{ width: 340px; }

	#ogemid-archive-btn,
	#ogemid-btn {
		background-size: 90px 18px;
		width: 108px;
		height: 60px;
		top: 216px;
		}

	#ogemid-archive-btn a
	#ogemid-btn a				{ height: 60px; }

	#pageheader					{ height:386px; }

	#photobar					{ height: 162px; }
	#photobar h3				{ font-size: 1em; }
	#photobar p					{ display: none; }

	.photoheader1				{ background-image: url(/grfx/header/small/header1.jpg); }
	.photoheader2				{ background-image: url(/grfx/header/small/header2.jpg); }
	.photoheader3				{ background-image: url(/grfx/header/small/header3.jpg); }
	.photoheader4				{ background-image: url(/grfx/header/small/header4.jpg); }
	.photoheader5				{ background-image: url(/grfx/header/small/header5.jpg); }
	.photoheader6				{ background-image: url(/grfx/header/small/header6.jpg); }
	.photoheader7				{ background-image: url(/grfx/header/small/header7.jpg); }
	.photoheader8				{ background-image: url(/grfx/header/small/header8.jpg); }
	.photoheader9				{ background-image: url(/grfx/header/small/header9.jpg); }

	#main,
	#main.submenu-open {
		/*margin-top: 386px;*/
		}

	.clearanchor::before {
		margin-top:-386px;
		height: 386px;
		}

	#pageheader h1 {
		background-size: 300px 66px;
		width: 300px;
		height: 66px;
		}

	#signout-btn				{ text-indent: -9999px; width: 24px; }
	#signout-btn a 				{ padding-right: 2px; }

	.authors-photo				{ display: none; }

	#freesearch,
	#upper-footer ul,
	footer .small-column {
		width: 136px;
		}

	#upper-footer h4 			{ font-size: 1.8em; }

	ul.horizontal-nav:before {
		content:"";
		display:block;
		clear:both;
		height: 0;
		visibility: hidden;
		}

	ul.horizontal-nav 			{ float: none; }
	ul.horizontal-nav li		{ margin-left: 0px; display: block; }

}

/* mobiles */
@media only screen and (max-width: 360px) {

	.wrapper					{ width: 300px; }

	#logobar					{ height: 90px; }

	#pageheader					{ height:310px; }

	#photobar					{ height: 126px; }
	#photobar h3				{ font-size: 0.9em; }

	#main,
	#main.submenu-open {
		/*margin-top: 310px;*/
		}

	.clearanchor::before {
		margin-top:-310px;
		height: 310px;
		}

	#ogemid-archive-btn,
	#ogemid-btn {
		height: 46px;
		top: 150px;
		}

	#ogemid-archive-btn a,
	#ogemid-btn a				{ height: 46px; }

	#pageheader h1 {
		background-size: 200px 44px;
		width: 200px;
		height: 44px;
		}

	#freesearch					{ width: 112px; }

	#upper-footer ul,
	footer .small-column {
		width: auto;
		margin-left: 0px;
		float: none;
		}

	#upper-footer h4 			{ font-size: 1.6em; }

}

/* print */
@media print {

	body, td {
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
		color: #000;
		line-height: 1.6em;
		}

	/* font settings */
	.btn,
	#breadcrumb,
	h1, h2, h3, h4, h5, h6 {
		font-family: arial, helvetica, sans-serif;
		}

	#tagline h3,
	#tagline p {
		font-family: "Times New Roman", Georgia, serif;
		}

	a,
	#breadcrumb a
		{
		color: #00f;
		text-decoration: underline;
		}

	.wrapper {
		position: relative;
		width: 100%;
		margin: 0px;
		padding: 0px;
		display: block;
		}

	#printheader					{ margin-bottom: 18px; display: block; }


	#main							{ margin-top: 0px; }
	#main.submenu-open				{ margin-top: 0px; }


	#content						{ width: 100%; margin-right: 0px; }
	#content h1 {
		border-top: 6px solid #999;
		font-size: 1.5em;
		padding-top: 3px;
		}

	.box a h4						{ color: #00f; text-decoration: none; }

	footer							{ background-color: #fff; color: #000; }

	#lower-footer a 				{ color: #00f; }

	footer p:first-child			{ width: auto; }

	.btn,
	.mail-icon,
	#pageheader,
	aside,
	.bx-wrapper,
	#upper-footer,
	ul.horizontal-nav,
	footer .column
		{
		display: none;
		}

}
