body{
	font-family: "ECM-Book", serif;
	font-size: 100%;
	line-height: 1.25em;     
	text-rendering: optimizeLegibility; 
	/* 	-webkit-font-smoothing: antialiased; */
}

body p{
/* 	reading text size */
	font-size: 113%;
	line-height: 1.27em;     
	color: black;
}

::-moz-selection { background: rgba(177,6,6,0.66); color: #fff; text-shadow: none; }
::selection { background: rgba(177,6,6,0.66); color: #fff; text-shadow: none; }

p::selection {
	background: #4954a0;
}
p::-moz-selection {
	background: #4954a0;
}

/* top menu */
#smallsupermenu{
    padding: none;
    margin: none;
}
#smallsupermenu li{
    list-style-type: none;
    padding-left: 0;
    margin: none;
    display: block;
    float: left;
}
#smallsupermenu li a{
	-webkit-font-smoothing: antialiased;
	font-family: "ActionCondRgG1", sans-serif;
	font-size: 2.5em;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	color: white;
    background-color:rgba(0,0,0,0.7);
   }
#smallsupermenu li a:hover{
	font-family: "ActionCondLgG3", sans-serif;
   }


header{
	background-color: white;
	background-color: rgba(255,255,255,0.8);   
	padding: 10px;
}
div.row{
	background-color: white;
	background-color: rgba(255,255,255,0.4);
}
strong{
	font-family: "ECM-Bold", serif;
	font-style: normal;
	font-weight: normal;
}
a{
	text-decoration:none;
}

p a:link {
/*     color: #000000; */
    text-decoration: none;
    border-bottom: rgba(94,94,94,0.4);
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}


h1, h2, h3 {
	color: #181818;
	font-family: "ActionCondBdG1", sans-serif;
/* 	text-transform: uppercase; */
	font-size: 416%;
	line-height: 1em;
	padding: 0;
	font-weight: normal;
}
h1:hover, h2:hover, h3:hover {
	font-family: "ActionCondBdG3", sans-serif;
}

h4, h5, h6 {
	color: #181818;
	font-family: "ECM-Bold", serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
h4:hover, h5:hover, h6:hover {
	font-family: "ECM-Bold", serif;
	font-weight: normal;
}


h1.page-title{
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 2.08em;
	background-color: white;
	background-color: rgba(255,255,255,0.4);
	margin: none;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.post-content h3{
	font-family: "ECM-Bold", serif;
	font-size: 0.9em;
	color: gray;
}
div.post-content blockquote{
	font-size: 0.7em;
	line-height: 0.7em;
}


article {
	margin-bottom: 35px;    
	/* margin-top: 30px; */
	margin-top: 0;
	background-color: white;
	background-color: rgba(255,255,255,0.8);   
	padding: 10px;
}

#textWrapper{
	/* use to wrap plain text columns */
	margin-bottom: 35px;    
	margin-top: 0;
	/*margin-left: 10px;
	margin-right: 10px;*/
	background-color: white;
	background-color: rgba(255,255,255,0.5);   
	padding: 10px;

}

article	h1, article h2, article h3, entry-title	h1, entry-title h2, entry-title h3 {
	font-family: "ActionCondBdG1", sans-serif;
	color: black;
}

article	h1, entry-title h1{
	font-size: 8.33em;
	line-height: 1em;
}
article	h2, entry-title h2{
/* 	font-size: 6.66em; */
	font-size: 3.0em;
	line-height: 1em;
}
article	h3, article	h4, article	h5, article	h6, {
	font-size: 2.5em;
	line-height: 1em;
}


aside.sidebar-article h1, aside.sidebar-article  h2, aside.sidebar-article  h3, aside.sidebar-article  h4, aside.sidebar-article  h5, aside.sidebar-article  h6 {
	font-family: "ActionCondRgG1", sans-serif;
	color: gray;                         
/* 	font-size: 3em; */
	padding: 0;
}    

ul.xoxo{
	background-color: white;
	padding-bottom: 20px;
}
ul.xoxo li{
	padding-left: 20px;
}
ul.xoxo li ul{
margin: 0;
padding: 0;
}
ul.xoxo li ul li{
margin: 0;
padding: 0;
}



li{
	margin-left: 2em;
    list-style-type: circle;
}
ul.menu li{
	margin-left: 0;
    list-style-type: none;

}

/* this is the h2 style used by the hello text, front page. */

#getintouch{
	text-decoration:none;
	border-bottom: none;
}
#getintouch a{
	font-family: "ActionCondLgG1", sans-serif;
	font-size: 3em;
	line-height: 1.6em;
	text-decoration: none;
	border-bottom: none;
}
#getintouch a:hover{
	font-family: "ActionCondLgG3", sans-serif;
	text-decoration:none;
}

aside.sidebar-article{
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#tag{
	/* The byline under the lggo */
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 2.6em;
	line-height: 2em;
	padding-bottom: 0px;
	margin: 0;
/* 	text-transform: uppercase; */
}

#header-row{
/* the row that contains the logo and menu parts of the header */
/* 	background-image: url("/ltrimg/slant_white_tile.png"); */
}

#brand{
	/* the big logo on the top */
	font-family: "ActionCondBdG3", sans-serif;
	font-size: 25em;
	line-height: 0.7em;
/* 	text-transform:uppercase; */
	margin: 0;
}
span.flip{
	font-family: "ActionCondBdG3", sans-serif;

}
span.flip:hover{
	font-family: "ActionCondBdG1", sans-serif;
}



/* 		switch the arrow menus around */
div.menu_at_right{
	display: none;
	font-size: 3em;
	color: #cc1111;
	float: left;
}
div.menu_at_bottom{
	display: inline;
	font-size: 3em;
	color: #cc1111;
	float: none;
}

/*
	<span class="" data-icon="A">
	
	*/

[data-icon]:before {
	font-family: "LTRArrows", sans-serif;
	content: attr(data-icon);
	speak: none; /* Not to be trusted, but hey. */
}

#nav-below span.arrow a{
	font-family: "LTRArrows", sans-serif;
	font-size: 35px;
	baseline-shift: sub;
	color: #dc1919;
}


/* styles for the portfolio menu items */
ul.portfolio{
	width: 100%;
}

ul.portfolio li{


	/* fill with an image? */
	background: gray;
	color: white;
	margin: 3px;
	/*float: left;*/
	
	/* fix these for the @media versions */
	height: 150px;
	width: 100%;
}           
li.portfolio-item a{
	font-family: "ECM-Light";
	font-size: 3em;
	line-height: 0.65em;   
	padding: 10px;
	color: white;
	color: rgba(255,255,255,0.8);   
}
li.portfolio-item a:hover;{
	color: gray;
}

#skip{
	display: none;
}
/* styles for the navigation */
#nav-above, #nav-below{
	/* needed for left float */

	/* not needed for left float */
	font-family: "ECM-Bold", serif;
	text-align: center;
	padding: 5px;
	font-size: 0.90em;
	line-height: 0.95em;
	text-transform: uppercase;
}

#menu-main-navigation{
/* 	margin-left: 10px; */
/* 	padding-top: 5px; */
}

#menu-main-decorative-leftarrow{
	background-image: none;
}

#menu-main-navigation li{
/* 	font-family: "ECM-Bold", serif; */
	font-family: "ActionCondBdG1", serif;
	
	font-size: 2em;
	text-align: right;
	text-transform: uppercase;
	color: red;

/* 	padding: 5px; */

	float: left;
	margin-right: 10px;
	
/*
	background-image: url("/ltrimg/arrowup_2.png");
	background-repeat: space;
	background-position: center 20px;
	height: 120px;
*/



}
#menu-main-navigation a:hover{
	color: red;
}

#nav-above a, #nav-below a{
	font-family: "ECM-Bold", serif;
	font-size: 0.95em;
	line-height: 0.95em;
	margin-right: 15px;
	margin-bottom: 20px;
	text-transform: uppercase;
}


img {
	width: 100%;
	height: auto;
}
img.doNotScale{
	width:auto;
	height: auto;
}
a img {
	border-bottom: none;
	border-image: none;
}

/* article styling */
footer.entry-utility, div.entry-meta{
 	font-family: "ActionCondLgG1", serif;
	font-size: 1.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-transform: uppercase;      
	color: gray;
}
div.entry-meta:hover{
 	font-family: "ActionCondLgG3", serif;
	
}

footer.entry-utility{
	display: none;
}

/* styling of the link all the way at the bottom, pointing to wordpress */
#wordpressnote{
 	font-family: "ActionCondLgG1", serif;
/* 	text-transform: uppercase; */
 	font-size: 2em;
}
#wordpressnote hover{
 	font-family: "ActionCondLgG3", serif;
}

/* pad the column on the right when we are at full width */
div.entry-content p{
	margin-right: 2em; 
}


#textcolumnwrapper{
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.57) 0%, #b9b9b9 100%);
}

/* portfolio stuff */
#teaser-panel{
/*
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.57) 0%, #b9b9b9 100%);
*/
	background-position-x: 10%;
	background-size: auto 100%;
	height: 250px;
	overflow:hidden;
}

#teaser-panel h1{
/* 	color: white; */
/* 	font-size: 9em;	/* scaled  6.66em */ */
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 300;
	top: 0;
}

div.intro-panel{
	background-size: auto 100%;
	height: 250px;
	overflow:hidden;
}

div.intro-panel h2{
/* 	text-transform: none; */
	-webkit-font-smoothing: antialiased;
	font-family: "ECM-Bold";
	font-size: 0.95em;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
	color: white;
    background-color:rgba(0,0,0,0.7);
	z-index: -2000;
}

div.intro-panel h1{
	color: white;
	font-size: 8em;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 500;
    background-color:rgba(0,0,0,0.2);
}

img.teaserbackground{
	position: relative;
	top: 0px;
	z-index: -3;
	width: auto;
}


#frontpage-teaserpanel{
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.57) 0%, #b9b9b9 100%);
	height: 250px;
}
#frontpage-teaserpanel h1, #frontpage-teaserpanel-one h1, #frontpage-teaserpanel-two h1, #frontpage-teaserpanel-three h1{
	color: white;
	font-size: 6.66em;	/* scaled */
	padding: 10px;
}


#teaser-byline_Eames{
	font-family: "ECM-Bold", serif;
	font-size: 1.2em;
	color: white;
	margin-left: 0px;

	padding: 10px;
	/* background */-color: rgba(161,9,9,0.49);
	
	text-shadow: 3px 4px 14px rgba(0, 0, 0, 0.80);
    -moz-text-shadow: 3px 4px 14px rgba(0, 0, 0, 0.80);
    -webkit-text-shadow: 3px 4px 14px rgba(0, 0, 0, 0.80);

}

#teaser-byline p{
	-webkit-font-smoothing: antialiased;
	font-family: "ActionCondRgG1", sans-serif;
	font-size: 2.5em;
	padding-left: 10px;
	margin: 0;
	color: white;
    background-color:rgba(0,0,0,0.7);
}


#teaser-headline {
	font-size: 7em;	/* scaled 6.66 */
    background-color:rgba(17,7,48,0.3);
	color: white;
	padding-left: 10px;
}
#teaser-headline p:hover{
	font-family: "ActionCondRgG3", sans-serif;
}


#reader-followup{
	background-color: white;
	background-color: rgba(255,255,255,0.8);
	padding-left: 50px;	/* this sets the margins for the widest, nice to read format */
	padding-right: 50px;
	height: 100%;
}
article.post{
	padding-left: 50px;	/* this sets the margins for the widest, nice to read format */
	padding-right: 50px;
}
/*
#catalog-sidebarcontainer{
	padding-left: 10px;
}
*/
aside.sidebar-article div{
	background-color: white;
	background-color: rgba(255,255,255,0.05);

	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

aside.sidebar-article p{
/* 	padding-left: 20px; */
/* 	padding-right: 20px; */
}

#nav-sidebarcontainer{
/* left offset for the header menu nav items */
	padding-left: 10px;
/* 	background-image: url("/ltrimg/slant_white_tile.png"); */
}

/* product page buy stuff */
a.productpage-buybutton, a.productpage-linkbutton{
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 2.08em;
	line-height: 1em;
	color: white;
	padding: 5px;
	margin: 0;
	margin-bottom: 5px;
    background-color:rgba(0,0,0,0.7);
	display:block;
	
}
a.productpage-buybutton:hover{
	font-family: "ActionCondBdG3", sans-serif;
}
a.productpage-buybutton:hover{
	font-family: "ActionCondBdG3", sans-serif;
}

/* product page buy stuf */
a.productpage-linkbutton{
    background-color:rgba(0,0,0,0.7);
}
a.productpage-linkbutton:hover{
	font-family: "ActionCondBdG3", sans-serif;
}


a.post-edit-link{
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 2.5em;
	line-height: 1em;
	color: rgba(197,197,197,0.42);
	padding: 20px;
	display:block;
	
}

/* menus in sidebars */
/*
#menu-catalog-menu li, #menu-portfolio-menu li, #menu-aux-navigation li, #menu-writing-menu li, #menu-tools-menu li{
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 2em;	
	color: white;
	float: left;
	margin-right: 10px;
	}
*/


#menu-catalog-menu li, #menu-portfolio-menu li, #menu-aux-navigation li, #menu-writing-menu li, #menu-tools-menu li{
	color: rgba(201,34,34,0.8);
	font-family: "ActionCondBdG1", sans-serif;
	text-transform: uppercase;
	font-size: 53px;
	line-height: 45px;
	padding: 0;
	padding-right: 12px;
	padding-left: 5px;
	margin: 0;
	font-weight: normal;
	float: left;
	}



aside.sidebar-article{
/* 	background-color: rgba(255,255,255,0.88); */
/* 	background-image: url("/ltrimg/slant_white_tile.png"); */
	padding:0px;
	margin: 0;
}


/* main article image in text */
img.size-full{
	margin-left: -10px;
	height: auto;
	width: 100%;
}

/* cazy big size for 404 */
#crazybig{
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 48.58em;	/* scaled */
	line-height: 90%;
	color: red;	
}

#warning{
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 50em;	
	color: white;
	padding: 100px;
	margin: 0;
	text-transform: none;	
	background-color:rgba(0,0,0,0.7)
}


#pagefooterthingy{
	/* This hides the page footer. WordPress says we need it. I don't. */
	display: none;
}

aside.sidebar-article p{
	margin-bottom: 0;
}


/* Reading column stuff */
/*
A single, nicely tuned column (full width) for longer reading.
No sidebars.
*/

#reading-column {
	padding-left: 14%;
	padding-right: 14%;
}
#reading-column-headline{
	margin-bottom: 0;
}
#reading-column h3{
	font-family: "ActionCondBdG1", sans-serif;
	font-size: 3em;
	text-transform: none;
}
#reading-column p{
	line-height: 160%;
}
#reading-column-byline{
	font-family: "ActionCondBdG1", sans-serif;
	text-transform: none;
	line-height: 80%;
	vertical-align: top;
	font-size: 3em;
	color: gray;
}
#reading-column-byline p{
	margin-bottom: 0;
	padding: 10px;
	line-height: 90%;	
}
#reading-column-published{
	font-family: "ECM-Bold", serif;
	text-align: left;
	padding: 10px;
	font-size: 0.3em;
	line-height: 0.95em;
	text-transform: None;
}

/* the style for inline images. was a gray background box */
div.wp-caption{
	width: 100%;
	background-color: inherit;
	border: none;
	text-align: left;
	padding: 10px;
	margin: 0;
	
	font-size: 60%;
	font-family: Verdana;
}


img.size-large{
	  margin: auto;
/*
	max-width:100%;
	max-height:100%;
*/
}


#menu-catalog-menu a:hover, #menu-portfolio-menu a:hover, #menu-aux-navigation a:hover, #menu-writing-menu a:hover, #menu-tools-menu a:hover{
	background-color:rgba(206,27,27,0.5);
	color: white;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu-catalog-menu a:visited, #menu-portfolio-menu a:visited, #menu-aux-navigation a:visited, #menu-writing-menu a:visited, #menu-tools-menu a:visited{
	color: rgba(34,34,34,0.44); 
	padding: 7px;
}

#menu-catalog-menu, #menu-portfolio-menu, #menu-aux-navigation, #menu-writing-menu, #menu-tools-menu{
	padding-top: 10px;
/* 	background-image: url("/ltrimg/menupointer.jpg"); */
/* 	background-image: url("/ltrimg/More_title.png"); */
	background-repeat: space;
	background-position: center top;

	
}



/* Federal catalog things. */
aside.sidebar-article div.catalogblurb{
	background-color: white;
	font-size: 86%;
	line-height: 130%;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 10px;
}


h2.catalogitem{
	font-family: "ActionCondRgG1", sans-serif;
}
h2.catalogitem:hover{
	font-family: "ActionCondRgG3", sans-serif;
}


span.catalogprice{
	font-family: "ECM-Bold", serif;
	padding: 0;
	margin: 0;
}



img.sample, #wpstats{
	width: auto;
	height: auto;
}




/* Noordzij section styles */
h2.gn_year{
	font-size: 3em;
	padding-top: 20px;
	padding-bottom: 10px;
}
div.gn_title{
	font-family: "ECM-Bold", serif;
	margin-top: 10px;	
}
div.gn_source{
	font-family: "ECM-Book", serif;
	font-size: 95%;
	margin-bottom: 10px;	
	margin-left: 20px;
}
p.gn_rk, p.gn_gn, p.gn_wn{
	font-family: "ECM-Book", serif;	
}

h2.gn_small{
	font-family: "ECM-Bold", serif;
	text-transform: inherit;
	font-size: 1em;
	margin-top: 30px;
	margin-bottom: 15px;
	
}



/* styles for PrintedWord and WrittenWord samples */
p.writtenword{
	font-family: "TheWrittenWord", serif;
	font-size: 150%;
}
p.printedword{
	font-family: "ThePrintedWord", serif;
	font-size: 100%;
}

p.writtenword::selection {
	background: rgba(243,231,13,0.79);
}
p.writtenword::-moz-selection {
	background: rgba(243,231,13,0.79);
}

p.printedword::selection {
	background: rgba(243,197,12,0.79);
}
p.printedword::-moz-selection {
	background: rgba(243,197,12,0.79);
}


/* styles for the archive links at the bottom of the front page */
ul.archiveLinks{
	display: block;
}
ul.archiveLinks li{
/* 	float: left; */
	list-style: none;
	font-family: "ECM-Book", serif;	
	padding: 0;
	margin: 0;
	padding-right: 10px;
	font-style: italic;
	
}

div.textwidget{
	padding-bottom: 10px;
}


/* stuff for responsive video embeds */
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Salmiak sample */
p.salmiakSample, p.salmiakSamplePlain{
/*
	padding: 10px;
	margin: 10px;
*/
	font-family:"SalmiakPlain";
	font-size:4em;
	line-height: 100%;
	text-align: center;	
}
p.salmiakSampleItalic{
/* 	padding: 5px; */
	font-family:"SalmiakItalic";
	font-size:4em;
	line-height: 100%;
	text-align: center;	
}
.small {
	font-size:60%;
	padding: 30pt;
}




/* action condensed specimen */
p.action{
		font-family: "ActionCondRgG1", sans-serif;
		font-size: 100pt;
		color: black;
}
p.action:hover{
		font-family: "ActionCondRgG3", sans-serif;
		font-size: 100pt;
		color: black;
}