/**
 *  Theme Name:     iA?
 *  Theme URI:      http://informationarchitects.jp/ia3/
 *  Description:    A simple HTML5 WordPress theme based on Information Architects' website.
 *  Version:        1.2.1
 *  Author:         Information Architects
 *  Author URI:     http://informationarchitects.jp/en/
 *  Tags:           monochrome, fixed width, simple, typographic, html5
 
 *  Webfonts
		HelveticaNeueW01-45Ligh
		HelveticaNeueW01-77BdCn 692722
 
 */

@media all {

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,svg,time,mark,audio,video {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline
}

body {
	line-height: 1
}

article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,svg {
	display: block
}

.ie img {
	-ms-interpolation-mode: bicubic
}

nav ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

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

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

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 inherit;
	cursor: help
}

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

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

input,select {
	vertical-align: middle
}

}

@media screen {

/* this controls the black bar at the very top of the screen */
body {
	background: #FFF;
	border-top: solid .3em #FFF;
	font-size: 100%
	
}

.implied {
	clip: rect(1px,1px,1px,1px);
	position: absolute !important
	
}

.ielt8 .implied {
	height: 1px;
	left: -999px;
	overflow: hidden;
	position: absolute;
	text-indent: -999px;
	top: -999px;
	width: 1px
}

.ir {
	display: block;
	text-align: left;
	text-indent: -9999px
}

address,blockquote,caption,cite,code,dl,figcaption, h3, h4,h5,h6,label,legend,ol,p,pre,table {
	display: block;
	font: normal normal 400 .85em/1.6em 'HelveticaNeueW01-45Ligh', Sans-serif; /* "minion-pro-1", "minion-pro-2", Serif; */
	list-style: none;
	margin: 0 0 0em; /* was 1.5em */
	text-rendering: optimizeLegibility
}


dd,dt,li {
	display: list-item;
	margin: 0;
	padding: 0
}

dd:last-child,dl:last-child,dt:last-child,li:last-child,ol:last-child,ul:last-child,p:last-child {
	margin-bottom: 0 !important
}

.ielt9 dd.lastChild,.ielt9 dl.lastChild,.ielt9 dt.lastChild,.ielt9 li.lastChild,.ielt9 ol.lastChild,.ielt9 ul.lastChild,.ielt9 p.lastChild {
	margin-bottom: 0 !important
}

a {
	color: #00F;
	text-decoration: underline
}

a:hover {
	color: #00A;
	text-decoration: none
}

a:visited {
	color: #00A
}

abbr,acronym {
	border: none;
	cursor: help
}

a abbr,a acronym {
	cursor: pointer
}

hr {
	border: none;
	background-color: #cccccc;
	height: .1em;
	margin: 2em 0 0em
}

pre,code,kbd,samp {
	font-family: monospace,sans-serif
}

button,input,label,select,textarea {
	display: block;
	font-size: 1em;
	line-height: normal
}

button,input,select,textarea {
	float: left;
	margin-right: .5em
}

button,input,select {
	font-family: 'HelveticaNeueW01-45Ligh', sans-serif
}



textarea {
	border: solid .1em #666;
	border-radius: .225em;
	-moz-border-radius: .225em;
	-webkit-border-radius: 0em;
	font: normal normal 400 .75em/2em monospace,serif;
	padding: 0 .3em
}



input[type=submit] {
	background: #FFF;
	background: -moz-linear-gradient(top,#FFF,#FFF);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#FFF));
	border: solid .2em #000;
	border-radius: 0em; /*was .3em */
	-moz-border-radius: 0em;
	-webkit-border-radius: 0em;
	cursor: pointer;
	font-size: 75%;
	font-weight: 500;
	height: 2em;
	padding: 0 .5em;
	text-shadow: #FFF 0 .0em 0;
	-moz-text-shadow: #FFF 0 .0em 0;
	-webkit-text-shadow: #FFF 0 .0em 0
}

input[type=submit]:hover {
	border-color: #222
}

.ielt9 input[type=submit] {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F7F7,endColorstr=#E6E6E6)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F7F7,endColorstr=#E6E6E6)
}

input[type=text] {
	background: #FFF;
	border: solid .1em #666;
	border-radius: 0em; /*was .225em */
	-moz-border-radius: 0em; /*was .225em */
	-webkit-border-radius: 0em; /*was .225em */
	height: 1em;
	line-height: 1em;
	padding: 0 .25em; /* 0 .25em; */
	padding: .25em .2em .15em; /* .25em .2em .15em; */
	width: 8.875em
}

.ie7 input[type=text] {
	border: solid 1px #666
}

input[type=text]:active,input[type=text]:focus {
	outline: none
}

form ol li label,form#commentform label {
	font-size: 87.5%;
	line-height: 1.71428571em;
	margin-bottom: 0
}

form ol li label:after,form#commentform label:after {
	content: ":"
}

form#commentform label span {
	display: block;
	width: 100%
}

form#commentform p {
	padding-bottom: .25em
}

form ol li input[type=text],form#commentform p input[type=text] {
	width: 18.5em
}

form#commentform p textarea {
	width: 99%
}

form#commentform p input[type=text] {
	float: right;
	display: block;
	margin: 0 0 0 0 !important
}

form#commentform p input[type=text]:after(content:'<br />';clear:both;)form#commentform p label {
	display: block
}

form#commentform input[type=submit] {
	margin-top: 1.85em
}

.comment-author img {
	display: none
}

span.says {
	display: none
}

.G1,.G2,.G3,.G4,.G5,.G6,.G2header, .G2footer, .G6footer {
	clear: none !important;
	float: left;
	margin-left: 1.125em
	
}

	

.GS {
	margin-left: 0
}




.GR {
	float: right
}

.G1 {
	width: 8.875em
}

.G1footer {
	clear: none !important;
	float: left;
	margin-left: 1.125em
}

.G1footer {
	width: 9.625em	/*was 8.875 */ 
}

.G1 .G1 {
	margin-left: 0
}

.G1 .G2 {
	margin-left: -10em
}

.G1 .G3 {
	margin-left: -20em
}

.G1 .G4 {
	margin-left: -30em
}

.G1 .G5 {
	margin-left: -40em
}

.G1 .G6 {
	margin-left: -50em
}

.G2 {
	width: 18.875em /*was 18.875em */
}

.G2img {
	width: 21.875em
}

.G2img {
	clear: none !important;
	float: left;
	margin-left: -23.5em
}

.G2header {
	width: 23.875em /*was 18.875em */
}

.G2footer {
	width: 20.875em /*was 18.875em */
}

.G2 .G2 {
	margin-left: 0
}

.G2 .G3 {
	margin-left: -10em
}

.G2 .G4 {
	margin-left: -20em
}

.G2 .G5 {
	margin-left: -30em
}

.G2 .G6 {
	margin-left: -40em
}

.G3 {
	width: 28.875em
}

.G3 .G3 {
	margin-left: 0
}

.G3 .G4 {
	margin-left: -10em
}

.G3 .G5 {
	margin-left: -20em
}

.G3 .G6 {
	margin-left: -30em
}

/*This changes the article width on the article page BUT also the column on the home page */
.G4 {
	width: 38.875em /*was 38.875em */
}

.G4 .G4 {
	margin-left: 0
}

.G4 .G5 {
	margin-left: -10em
}

.G4 .G6 {
	margin-left: -20em
}

.G5 .G5 {
	margin-left: 0
}

.G5 {
	width: 48.875em
}

.G5 .G6 {
	margin-left: -10em
}

.G6 {
	width: 58.875em
}


.G6footer {
	width: 63.875em
}

.G6img {
	clear: none !important;
	float: left;
	margin-left: -22em
	
}

.G6img {
	width: 68.875em
}

.G6 .G6 {
	margin-left: 0
}

.HSC {
	font-size: 75%;
	height: 2em;
	letter-spacing: .1em;
	line-height: 2em;
	text-transform: uppercase
}


/*fonts
HelveticaNeueW01-45Ligh
HelveticaNeueW01-77BdCn 692722
*/

/*this controls MIKE KRUZENISKI */
#mike_kruzeniski {
	display: block;
	font: normal normal 400 .98em/1.2em 'HelveticaNeueW01-77BdCn 692722', Sans-Serif;
	list-style: none;
	margin: 0 0 1.5em;
	text-rendering: optimizeLegibility
	text-transform: uppercase
}

/*this controls the dates, "About Mike", and "Latest Articles" */
h1 {
	display: block;
	font: normal normal 400 .8em/1.5em 'HelveticaNeueW01-77BdCn 692722', Sans-Serif; 
	list-style: none;
	margin: 0 0 1.5em;
	text-rendering: optimizeLegibility
	text-transform: uppercase
}


/*this controls the main article header  */
h2 {
	display: block;
	font: normal normal 400 1em/1.5em 'HelveticaNeueW01-45Ligh', Sans-Serif;
	list-style: none;
	margin: 0 0 1.5em;
	text-rendering: optimizeLegibility
	
	
}

/*this controls the navigation lists */
ul {
	display: block;
	font: normal normal 400 .92em/1.5em 'HelveticaNeueW01-45Ligh', Sans-Serif;
	list-style: none;
	margin: 0 0 1.5em;
	text-rendering: optimizeLegibility
	
	
}

/*this controls the navivation titles */
#about_title, #contact_title, #works_title, #footer_project_1, #footer_project_2, #footer_project_3, #footer_project_4, #search_title  {
	display: block;
	font: normal normal 400 .82em/1.5em 'HelveticaNeueW01-77BdCn 692722', Sans-Serif;
	list-style: none;
	margin: 0 0 1.5em;
	text-rendering: optimizeLegibility
	text-transform: capitalize
	
	}

#header_about li, #header_selectedWorks li, #header_contact li
{
	height: 1.3em;
	line-height: 1.3em;	
	
}

/*
#footer_project_1, #footer_project_2, #footer_project_3, #footer_project_4, #search_title {
	border: solid .1em red
}
*/






label.HSC {
	margin-bottom: 0
}

.containsAddress dd,.containsAddress dt {
	float: left
}

.ielt8 .containsAddress dd {
	clear: left;
	margin-bottom: .75em
}

.containsAddress dt {
	clear: left;
	margin-right: .33em
}

.containsAddress dt.url,.containsAddress dd.address {
	clear: left;
	margin-top: 1.5em;
	width: 100%
}

.containsAddress dd address {
	margin: 0
}

.containsArticles {
	margin-bottom: 3em
}

.containsArticles dd {
	background: transparent 0 100% repeat-x;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em
}



.containsArticles dd:last-child {
	background: transparent !important;
	margin-bottom: 0;
	padding-bottom: 0
}

.ielt9 .containsArticles dd.lastChild {
	background: transparent !important;
	margin-bottom: 0;
	padding-bottom: 0
}

.containsArticles dd :last-child {
	margin-bottom: 0
}

.ielt9 .containsArticles dd .lastChild {
	margin-bottom: 0
}

.containsArticles dt {
	margin-bottom: .75em;
	position: relative
}

/*this controls the article titles */
.containsArticles dt .title {
	color: #000 !important;
	display: block;
	font-size: 210%; /*was 131.25% */
	line-height: 1.14285714em /*was 1.14285714em */
}

.containsArticles dt .date {
	color: #888;
	display: block;
	font: normal italic 400 87.5%/1.71428571em 'HelveticaNeueW01-45Ligh', Sans-Serif;
	left: -21.5714286em;
	margin-top: .85714286em;
	position: absolute;
	text-align: right;
	width: 20.2857143em
}

.containsArticles dt a {
	text-decoration: none
}

.containsArticles dt a:hover {
	text-decoration: underline
}

.containsComments,.commentlist {
	margin-bottom: 3em
}

.containsComments dd,.commentlist li,.commentlist li p {
	margin-top: .75em;
	padding-left: 0em
}

.commentlist li:first-child,.commentlist li ul.chidren li:first-child {
	padding-left: 0em
}

.commentlist li.depth-1 {
	padding-left: 0
}

.commentlist li.depth-1 ul.children {
	padding-left: 0em !important
}

.comment-reply-link {
	display: block;
	margin: 1em 0 0 0em;
	padding: 0 0 0 0;
	top: 0;
	right: 0;
	font-size: 85%
}

.commentlist {
	margin-top: 0em
}

.commentlist:hover .comment-reply-link {
	display: block
}

.commentlist li {
	position: relative
}

.commentlist li cite {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: .065em
}

.commentlist li cite:after {
	content: '-';
	color: #888;
	margin-left: .065em
}

.containsComments dt .date,.commentmetadata a,.commentmetadata a:focus,.commentmetadata a:visited,.commentmetadata a:hover {
	color: #888;
	font: normal italic 400 87.5%/1.71428571em Georgia,Serif;
	white-space: nowrap;
	text-decoration: none
}



.containsFollowers {
	list-style: none !important;
	margin: 0 0 0 0
}

.containsFollowers li {
	float: left;
	height: 2.5916667em;
	margin: 0;
	width: 2.5916667em
}

.containsFollowers:hover li {
	opacity: .5
}

.containsFollowers li:hover {
	opacity: 1
}

.containsFollowers img {
	height: 2.4916667em;
	width: 2.4916667em
}

.containsGalleries,.containsGallery {
	list-style: none !important;
	padding: 0 !important
}

.containsGalleries h1,.containsGalleries h2,.containsGalleries h3 {
	font-size: 75% !important;
	left: -26.6666667em;
	letter-spacing: .1em;
	line-height: 2em;
	margin: 0 !important;
	text-transform: uppercase;
	top: 0;
	position: absolute;
	text-align: right;
	width: 25.1666667em
}

.containsGalleries li {
	display: block;
	margin-bottom: 1.5em;
	position: relative
}

.containsGallery {
	clear: left;
	margin: 0 0 0 -1.125em
}

.ielt8 .containsGallery {
	margin-bottom: 1.5em
}

.containsGallery li {
	display: block;
	margin: 0 0 1.5em 1.125em !important;
	overflow: hidden
}

.containsFollowers a,.containsFollowers img,.containsGallery a,.containsGallery img {
	display: block;
	margin-bottom: 0 !important
}

.containsGallery img {
	width: 100%
}

#containsTweets {
	list-style: none !important
}

#containsTweets li {
	display: block;
	margin-bottom: 1.5em;
	padding: 0 0 0 3.75em;
	position: relative
}

#containsTweets img {
	border: solid .1em #888;
	height: 2.8em;
	left: 0;
	position: absolute;
	top: 0;
	width: 2.8em
}

#containsTweets blockquote {
	background: transparent;
	margin: 0;
	padding: 0
}



.ielt8 #containsTweets blockquote {
	margin-top: -1.5em
}

#containsTweets p {
	color: #888;
	font-size: 87.5%;
	line-height: 1.71428571em;
	margin: 0
}

#containsTweets p a {
	text-decoration: none
}

#containsTweets p a:hover {
	text-decoration: underline
}

#containsTweets blockquote p {
	color: #000;
	font-size: 1em;
	line-height: 1.5em
}

#containsTwoosers {
	background: transparent 0 0 repeat-x;
	list-style: none !important;
	margin-bottom: 0;
	padding-top: 1.5em
}

#containsTwoosers li {
	display: block;
	margin-bottom: 1.5em;
	position: relative
}

#containsTwoosers .GS {
	clear: left !important
}

#containsTwoosers img {
	border: solid .1em #888;
	height: 1.8em;
	left: 0;
	position: absolute;
	top: 0;
	width: 1.8em
}

#containsTwoosers h2,#containsTwoosers h3,#containsTwoosers h4 {
	margin: 0 !important
}

#containsTwoosers h2 {
	font-size: 100% !important;
	line-height: 2em !important;
	margin-bottom: 0 !important;
	padding: 0 0 0 2.5em
}

#containsTwoosers h2 a {
	text-decoration: none
}

#containsTwoosers h2 a:hover {
	text-decoration: underline
}

#containsTwoosers h3,#containsTwoosers h4 {
	font-size: 87.5% !important;
	line-height: 1.71428571em !important
}

#content {
	margin-top: 1em;
	padding-bottom: 2em
}

#content aside {
	clear: left;
	float: left;
	margin-left: -20em;
	width: 18.875em
}

.ie7 #content aside {
	left: -20em;
	position: relative;
}

#content aside p,#content aside ol,#content aside ul {
	font: normal normal 75%/1.5em arial,sans-serif;
	margin-bottom: 1.5em;
	padding: 0 !important
}

#content header {
	margin-bottom: 1.5em; /*was 2em */
	position: relative
}

/*this controls the article header on the article page */
#content header h1 {
	font: normal normal 400 1em/1.5em 'HelveticaNeueW01-45Ligh', sans-serif;
	font-size: 230%; /*was 200% */
	line-height: 1.2em; /*was 1.3334em */
	margin-bottom: 0
}

#content header h2 {
	font-size: 87.5%;
	font-style: italic;
	line-height: 1.71428571em;
	margin: 0
}

#content header nav {
	left: -20em;
	margin-top: -1.5em;
	position: absolute;
	width: 18.875em /*was 18.875em */
}

#content header nav ul {
	text-align: right
}

#content header nav li {
	font: normal normal 400 87.5%/1.71428571em 'HelveticaNeueW01-77BdCn 692722', sans-serif;
	display: inline
}



#content header nav li:after {
	content: " | "
}

#content header nav li:last-child:after {
	content: ""
}

.ielt9 #content header nav li.lastChild:after {
	content: ""
}

#content h2 {
	font-size: 150%;
	line-height: 1.2em; 
	margin-bottom: 0.2em; /*was 1em */
	margin-top: 1.4em /*was 2em */
}

#content h2b {
	font-size: 130%;
	line-height: 1.6em; 
	margin-bottom: 0em; /*was 1em */
	margin-top: 0em /*was 2em */
}
/*this controls "Leave a Reply" and "No Comments on..." */
#content h3 {
	font: normal normal 400 87.5%/1.71428571em 'HelveticaNeueW01-77BdCn 692722', sans-serif;
	font-size: 100%;
	line-height: 1.2em;
	margin-bottom: 0em;
	margin-top: 1.5em /*was 2.2em */
}

h3#comments {
	font-size: 100%;
	line-height: 1.3334em;
	margin-bottom: 0
}

.formatted {
	position: relative
	
}

.formatted blockquote {
	background: #FFF url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAACXBIWXMAAAsTAAALEwEAmpwYAAABnklEQVQ4EZWToZLCQAyGw85NMdR0MK2hCtUqFCgUmPICfTsEb1CFAoVCFQOKGjCAAQOG65+77Cy0ywwR3W3ybTbZJI1nKWSR6/VK6/WaDocDpWlqof7Up9OJVqsVua5LPzYyz3N2+Hg8GIHjIAgq+P1+Z26z2bDteDxWnQKaz+cEI6TValGv16t1iOjA3m43Zj3Po8Fg8OoUUJZlJNFFUcQOm80mHzI/2+2W0wXrOA5zcRwzotM3HQIaDocUhqHpR+/3+z0tl0v+Ryaj0Yja7ba2s1NJWSJMkuQF0nS5weWLxYJVuHwymXBxTEbhB5C8S7/ftzoUVi5HhKj2uyhUtSgK1iMVeZd3EP94x8vlwibf92uLB6Pa7XYM4WN7QwHQZiKfLm/MZrOnpC4HsCIS8ynw7tPp1ET0vtvtMitdouocgkafYkJEzuezbCsrsjVZLlSF+lfIANjsph4jLfLRqUDfrgq9ZpNOp6NNda2jjeUGNRBRtorjMsyxCJyaB0WPFTNvdoNChVE9U9CvmKr36NDsZvQ4g4vG4zFJ5aH7BYMAsaH2qs0LAAAAAElFTkSuQmCC) 0 0 no-repeat;background-size: 1.3125em 1em

;
	color: /*#888*/#606060;
	margin: 3em 0 1.5em;
	padding: 0 0 0 2.0625em
}

.ielt8 .formatted blockquote 

{
	/* Strange bug in IE 7 means a background-color MUST be set for this image to appear ... ? */background-color: #FFF;
	background-image: url(assets/img/bg-blockquote.png)
}

.formatted iframe,.formatted img,.formatted object,.formatted video {
	margin-bottom: 1.5em;
	max-width: 100%
}

.formatted img.G5 {
	max-width: 48.75em
}

.formatted img.G6 {
	max-width: 58.75em
}


.formatted iframe,.formatted object,.formatted video {
	width: 100% !important
}

.formatted ol {
	list-style: outside decimal
}

.formatted ul {
	list-style: outside disc
}

.formatted p code {
	font-size: 100%;
	margin: 0
}





.formatted cite {
	font: normal italic 400 87.5%/1.71428571em Georgia,Serif;
	text-align: right
}

.formatted hr {
	display: none
}

/* this contrlols the padding at the very top of the screen */
#screen {
	margin: 0 auto;
	padding: .9em 0; /*was 3em */
	width: 58.875em
}

#screen > footer .HSC,#screen > header .HSC {
	height: 2em;
	margin-bottom: 0
}

#screen > footer ul,#screen > header h1,#screen > header ul {
	margin-bottom: 0 !important
}

#screen > footer li li,#screen > header li li {
	font-size: 87.5%;
	letter-spacing: 0;
	line-height: 1.5em;
	text-transform: none
}


/*controls the padding below the navigation (was pushing the main image down) */
#screen > header {
	background: transparent 0 100% repeat-x;
	margin-bottom: -.25em; /*was 1.5em */
	padding-bottom: 0em /*was 1.5em */
	
}

#screen > header form {
	display: none
}

/* this controls the padding on MIKE KRUZENISKI */
#screen > header h1 {
	padding-bottom: .25em;
	padding-top: 0em /* was 1.75em */
	
}

#screen > header h1 img {
	height: 3.4375em
}



#screen > header a {
	color: #000 !important;
	display: block;
	text-decoration: none
}

#screen > header a:hover {
	text-decoration: underline
}

#screen > header strong a {
	background: transparent url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAAAAADBUmCpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHklEQVQIHWOI/PT/P4MxkGQwNra/CSV8bv5nAEkAANIFDmMxRyBPAAAAAElFTkSuQmCC) 0 50% no-repeat;background-size: .25em .375em;
	-moz-background-size: .25em .375em;
	-webkit-background-size: .25em .375em;
	font-weight: 400;
	margin-left: -.75em;
	padding-left: .75em
}

.ielt8 #screen > header strong a {
	background-image: url(assets/img/bg-bullet.png)
}

#screen > footer {
	clear: both
	
}

#screen > footer > nav > ul {
	background: transparent 0 0 repeat-x;
	margin-top: 1.5em;
	padding-top: 0em /*was 1.5 */
}

#screen > footer > nav > ul strong a {
	font-weight: 400
}

#footerOne {
	width: 100%
	margin-top: 1.5em
	
}

#footerTwo {
	width: 100%
	
	
}

#footerTwo li {
	font-size: 75%;
	float: left;
	letter-spacing: .1em;
	line-height: 2em;
	margin: 0 .75em 0 0; /*was 0 .75em 0 0 */
	text-transform: uppercase
	
}

/*controls the "follow me on twitter" in the footer */
#follow_twitter {
	
	font: normal normal 400 .98em/1.2em 'HelveticaNeueW01-77BdCn 692722', Sans-Serif;
}


#footerTwo li:last-child {
	float: right;
	letter-spacing: 0;
	margin: 0 0 0 .75em;
	text-transform: none
}

.ielt9 #footerTwo li.lastChild {
	float: right;
	letter-spacing: 0;
	margin: 0 0 0 .75em;
	text-transform: none
}

#screen > footer #footerTwo li a {
	color: #000 !important;
	text-decoration: none
}

#footerTwo li a:hover {
	text-decoration: underline
}


.archives #content fieldset {
	background: transparent 0 100% repeat-x;
	margin-bottom: 0;
	margin-top: 1.5em;
	padding-bottom: 1.5em
}

.archives #content fieldset input[type=text] {
	width: 28.875em
}

.ielt8 .contact #content .G4 {
	margin-right: 1.125em
}

.ielt8 .contact #content .G2 {
	margin-left: -1.125em
}

.index #content {
	padding-bottom: 0
	
}

.index #content .G4 {
	padding-bottom: 3em
}



/*this controls the layout of the feature article */
.index #content .G6 {
	background: transparent 0 100% repeat-x;
	margin-bottom: 0.5em; /*was 1.5 em */
	padding-bottom: 1em /*was 1.5em */
	
}

.index #content .G6 img {
	margin-bottom: 1.5em;
	width: 58.875em
}


.index #content .G6 h1 {
	margin: 0 !important
}

/*this controls the feature article header */
.index #content .G6 h2 {
	font-size: 230%; /*was 200% */
	line-height: 1em; /* was 1.3334 */
	margin: 0 0 .375em !important
}


.index #content .G6 h2 a {
	color: #000 !important;
	text-decoration: none
}

.index #content .G6 h2 a:hover {
	text-decoration: underline
}

.index #content .G6 hgroup,.index #content .G6 .formatted {
	padding-left: 20em
	
}

.csscolumns .index #content .G6 hgroup,.csscolumns .index #content .G6 .formatted {
	padding-left: 0
}

.csscolumns .index #content .G6 .formatted {
	column-count: 3;
	column-gap: 1.125em;
	-moz-column-count: 3;
	-moz-column-gap: 18px;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.125em
	
}

.index .containsArticles dd {
	background: transparent !important;
	margin-bottom: 1.5em;
	padding-bottom: 0
}

.single #comments,.single #respond {
	margin-top: 3em
}

.single #comments form,.single #respond form {
	background: transparent 0 0 repeat-x;
	padding-top: 1em
}

.single #comments form label,form#commentform label {
	color: #000 !important;
	display: block
}

.single #comments form li,.single form#commentform p {
	margin-bottom: .75em
}

.containsArticles dd,#containsTwoosers,#screen > header,#screen > footer > nav > ul,.archives #content fieldset,.index #content .G6,.single #comments form,.single form#commentform {
	background-image: url(data:image/png;
base64,R0lGODlhSAABAIAAAP///2ZmZiH5BAEHAAAALAAAAABIAAEAAAINDG54kLwNn1TU1XhXAQA7)
}

.ielt8 .containsArticles dd,.ielt8 #containsTwoosers,.ielt8 #screen > header,.ielt8 #screen > footer > nav > ul,.ielt8 .archives #content fieldset,.ielt8 .index #content .G6,.ielt8 .single #comments form {
	
	
	background-image: url(assets/img/bg-border-h.gif)
}

fieldset:after,fieldset ol li:after,#screen:after,.containsAddress:after,.containsFollowers:after,.containsGallery:after,.containsGrid:after,.G1:after,.G2:after,.G3:after,.G4:after,.G5:after,.G6:after,#content aside:after,#screen > footer:after,#screen > header:after,#screen > header nav:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden
}

.ielt9 fieldset,.ielt9 fieldset ol li,.ielt9 #screen,.ielt9 .containsAddress,.ielt9 .containsFollowers,.ielt9 .containsGalleries li,.ielt9 .containsGallery,.ielt9 .containsGrid,.ielt9 .G1,.ielt9 .G2,.ielt9 .G3,.ielt9 .G4,.ielt9 .G5,.ielt9 .G6,.ielt9 #content aside,.ielt9 #screen > footer,.ielt9 #screen > header,.ielt9 #screen > header nav {
	zoom: 1
}

}

@media screen and (min-width:1440px) {

body {
	font-size: 112.5%
}

}

@media screen and (max-width:1024px) {

body {
	font-size: 100%;
	overflow-x: hidden
}

address,blockquote,caption,cite,code,dl,figcaption,h1,h2,h3,h4,h5,h6,label,legend,ol,p,pre,ul,table {
	-webkit-text-size-adjust: none !important
}

form ol li input[type=text],form#commentform p input[type=text] {
	width: 75%
}

form ol li textarea,form#commentform textarea {
	width: 99%
}

.G1,.G2,.G3,.G4,.G5,.G6, .G6footer {
	clear: both;
	float: none;
	margin: 0 0 1.5em;
	width: 100%
	
}

.G1footer {
	clear: both;
	float: none;
	margin: 0 0 1.5em;
	width: 100%
}


.containsArticles dt .date {
	left: auto;
	position: relative;
	text-align: left;
	top: auto;
	width: auto
}

.containsArticles dt .title {
	line-height: 1.3334em
}

.containsGalleries h1,.containsGalleries h2,.containsGalleries h3 {
	left: auto;
	margin-bottom: 2em !important;
	top: auto;
	position: relative;
	text-align: left;
	width: auto
}

.containsGallery li {
	float: left;
	width: 7.90625em
}

.containsGallery li img {
	margin: 0 !important
}

.containsFollowers li {
	height: 2.333em;
	width: 2.333em
}

.containsFollowers img {
	height: 2.233em;
	width: 2.233em
}

#containsTwoosers > li {
	float: left;
	width: 33.3%
}

#content {
	margin-bottom: 3em;
	margin-top: 1.5em
	
}

#content aside {
	background: #EEE;
	float: none;
	margin: 0 0 2em;
	padding: 1em;
	width: auto
}

.formatted img,.formatted object,.formatted video {
	margin: 0 0 1.5em !important;
	max-width: 100% !important
}

.formatted object,.formatted video {
	width: 100% !important
}

.formatted img.G4,.formatted img.G5,.formatted img.G6,.contact #content img {
	width: 100% !important
}

.formatted ol,.formatted ul {
	list-style-position: outside
}

#screen {
	margin: 1em auto 2.25em; /* was 6.375em auto 2.25em; */
	padding: 0;
	width: 35em
}

#screen > header form {
	display: block
}

#screen > header label {
	clip: rect(1px,1px,1px,1px);
	position: absolute !important
}

#footerOne > li {
	float: left;
	margin-bottom: 0;
	width: 25%
}

#footerOne > li:nth-child(1) {
	display: none;
	width: 100%
}

#footerTwo > :last-child {
	float: right !important; /*was left*/
	margin-left: 0 !important;
	margin-top: 0 !important
}

.index #content .G6 img {
	width: 100%
}

.index #content .G6 hgroup,.index #content .G6 .formatted {
	padding-left: 0 !important
}

.csscolumns .index #content .G6 .formatted {
	column-count: 1;
	column-gap: 0;
	-moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0
}

.index #content .G4 {
	background: transparent url(data:image/png;
	base64,R0lGODlhSAABAIAAAP///2ZmZiH5BAEHAAAALAAAAABIAAEAAAINDG54kLwNn1TU1XhXAQA7) 0 0 repeat-x;margin-top: 1.5em;
	padding-top: 1.5em
}

.single #content header {
	padding-top: 1.5em
}

.single #content header nav {
	left: 0;
	margin: 0;
	top: 0;
	width: auto
}

.single #content header nav ul {
	text-align: right
}

}

@media screen and (min-width:596px) and (max-width:1024px) {

#screen > header h1,#screen > header nav,#headerOne > li,#headerTwo > li li {
	float: left
	
}

#screen > header h1 {
	width: 33.333% /*33.333% */
}

#screen > header nav {
	width: 66.666% /*66.666% */
}

#headerOne > li {
	margin-bottom: 0;
	width: 33.333%
}

#headerTwo > li h2,#headerTwo > li li span {
	clip: rect(1px,1px,1px,1px);
	position: absolute !important
}

/*this controls the grey bar at the top of the screen in 596-1024px resolution */
#screen > header form {
	background: #FFF;
	border-bottom: solid 3em #f7f7f7;
	height: 0em;
	left: 0;
	position: absolute;
	right: 0;
	top: 0em
}

#screen > header form fieldset {
	margin-right: -17.5em;
	position: absolute;
	right: 50%;
	top: .75em
}

#headerTwo {
	margin-left: -18.625em;
	position: absolute;
	left: 50%;
	top: 1.05em;
	width: auto;
	text-shadow: #FFF 0 1px 0
}

#headerTwo > li h2 {
	clip: rect(1px,1px,1px,1px);
	position: absolute !important
}

#headerTwo > li li {
	font: normal normal 75%/2em arial,sans-serif !important;
	margin-left: 1.5em
}

}

@media screen and (max-device-width:1024px) and (width:1024px) {

body {
	font-size: 131.25%
}

}

@media screen and (max-device-width:1024px) and (width:768px) {

body {
	font-size: 112.5%
}

}

@media screen and (max-width:595px) {

body {
	font-size: 100%
}

.HSC {
	font-size: 87.5% !important;
	height: auto !important;
	line-height: 1.71428571em;
	margin-bottom: .85714286em
}

.containsFollowers li {
	height: 2.775em;
	width: 2.775em
}

.containsFollowers img {
	height: 2.675em;
	width: 2.675em
}

.containsGalleries h1,.containsGalleries h2,.containsGalleries h3 {
	font-size: 93.75% !important;
	line-height: 1.6em !important;
	margin-bottom: 1.6em !important
}

.containsGallery li {
	width: 6.09375em
}

#containsTwoosers > li {
	width: 50%
}

.formatted ol li {
	list-style: inside decimal
}

header input[type=text] {
	width: 95%!important;
}

header input[type=submit] {
	margin-top: 1em!important;
}

#screen {
	margin-bottom: 1.125em;
	margin-top: 0;
	width: 27.75em
}

#screen > header {
	position: relative
}

/* this controls MIKE KRUZENISKI in the small screen resolutions */
#screen > header h1 {
	width: 50%
}

/*this controls the top padding on MIKE KRUZENISKI in < 596px resolutions */
#screen > header h1 {
	padding-bottom: .25em;
	padding-top: .8em /* was 1.75em */
}

#screen > header a {
	margin-bottom: 0 !important
}

#screen > header form {
	bottom: 1.75em;
	position: absolute;
	left: 66.666%;
	right: 0;
	top: 1.4em /*was 1.75em */
}

#screen > header fieldset:nth-child(1) {
	display: none
}

#screen > header select {
	background: #FFF;
	border: solid .1em #888;
	font-size: 87.5%;
	margin: 0;
	position: absolute;
	width: 100%
}

#screen > header select#mobile-menu {
	top: 0
}

#screen > header select#mobile-lang {
	bottom: 0
}

#headerOne,#headerTwo {
	display: none
}

#footerOne > li {
	width: 50%
}

#footerOne > li:nth-child(1) {
	display: block
}

#footerOne li {
	
	font-size: 93.75% !important; /* was 93.75% */
	line-height:1.6em;
	margin-bottom: 0
}

#footerTwo li:last-child {
	
	font-size: 79% !important; /* was 93.75% */
	line-height:0em /* was 5.6em; */
	margin-bottom: 0
	
}

/*
#footer_project_1, #footer_project_2 {
	width: 90%
}
*/

#footerOne > li:nth-child(1),#footerOne > li:nth-child(2),#footerOne > li:nth-child(3) {
	margin-bottom: 1.5em
}

#footerTwo li {
	font-size: 87.5% !important;
	line-height: 1.71428571em
}

}

@media screen and (max-width:479px) {

body {
	font-size: 100%
}

.containsFollowers li {
	height: 1.775em;
	width: 1.775em
}

.containsFollowers  {
	height: 1.675em;
	width: 1.675em
}

.containsGallery li {
	width: 8.3125em
}

#containsTwoosers > li {
	width: 100%
}

.formatted ol li {
	list-style: inside decimal
}

#screen {
	width: 17.75em
}

#screen > header form {
	left: 50%
}

}

@media print {

header,footer,section header nav ul,form#commentform,.commentlist img,.commentlist div.commentmetadata,a.comment-reply-link,#comments h3 {
	display: none
}

address,blockquote,caption,cite,code,dl,figcaption,h1,h2,h3,h4,h5,h6,label,legend,ol,p,pre,ul,table,dl,dd {
	display: block;
	font: normal normal 400 1.2em/1.7em Georgia,Serif;
	list-style: none;
	margin: 0 0 0em /*was 1.5 em */
}



a,a:active,a:visited {
	color: gray;
	text-decoration: none
}

a:link:after,a:visited:after {
	content: " [" attr(href) "] ";
	font-size: 75%;
	color: #999 !important
}



.containsArticles dt a {
	margin-top: 1em;
	margin-bottom: .3em;
	font-size: 1.8em
}

section header {
	display: block
}


#content header h1 {
	
	font-size: 200% !important;
	line-height: 1.3334em;
	margin-bottom: 0
}

blockquote p {
	font-size: 100%
}

#content header h2 {
	font-size: 87.5%;
	font-style: italic;
	line-height: 1.71428571em;
	margin: 0;
	margin-bottom: 1em
}

#comments {
	display: none;
}

.commentlist cite {
	margin: 0;
	padding: 0
}

.commentlist p {
	font-size: 75%
}

img,a,p {
	page-break-before: auto !important;
	page-break-after: auto !important;
	page-break-inside: avoid !important
}

.index .containsArticles dl,.index section h1,.index section hgroup h1,.index section hgroup h1 a {
	font-size: 350%;
	color: black !important;
	margin-bottom: 0
}

.index section hgroup h2 {
	font-size: 200%
}

.index .containsArticles dd {
	margin-bottom: 1em;
	font-size: 125

}

.index section div p {
	font-size: 175%
}

.index .containsArticles dt a {
	font-size: 200%;
	margin-bottom: .5em
}

.index .containsArticles dd a {
	display: none
}

.containsArticles dd,#containsTwoosers,#screen > header,#screen > footer > nav > ul,.archives #content fieldset,.index #content .G6,.single #fs form,.single form#commentform {
	background-image: none !important
}

}