/* ==|== HelpLess - LESS Helpers Library (http://m6tt.github.com/HelpLess) = */
@import 'libs/helpless.0.0.3.less';

/* ==|== Import HTML5 ✰ Boilerplate LESS library =========================== */
@import 'libs/boilerplate.less';

/* Normalize */
#blr.normalize(#0abbcd, #555);

/* ==|== primary styles =====================================================
   Author: Type | Mart van de Ven
  ========================================================================== */

@font-face {
    font-family: "FuturaStdBook";
    font-style: normal;
    font-weight: normal;
    src: url("futurastd-book-webfont.eot?#iefix") format("embedded-opentype"), url("futurastd-book-webfont.woff") format("woff"), url("futurastd-book-webfont.ttf") format("truetype"), url("futurastd-book-webfont.svg#FuturaStdBook") format("svg");
}

@font-size: 16;
@line: 22;
@em: @font-size*1em;
@head: FuturaStdBook, sans-serif;
@content: FuturaStdBook, sans-serif;

@column: 80;
@gutter: 32;

@1gutter: @gutter/@em;
@1col:( 1 * (@column + @gutter) - @gutter) / @em;
@1cols: @1col;
@2cols:( 2 * (@column + @gutter) - @gutter) / @em;
@3cols:( 3 * (@column + @gutter) - @gutter) / @em;
@4cols:( 4 * (@column + @gutter) - @gutter) / @em;
@5cols:( 5 * (@column + @gutter) - @gutter) / @em;
@6cols:( 6 * (@column + @gutter) - @gutter) / @em;
@7cols:( 7 * (@column + @gutter) - @gutter) / @em;
@8cols:( 8 * (@column + @gutter) - @gutter) / @em;
@9cols:( 9 * (@column + @gutter) - @gutter) / @em;
@10cols: (10 * (@column + @gutter) - @gutter) / @em;
@11cols: (11 * (@column + @gutter) - @gutter) / @em;
@12cols: (12 * (@column + @gutter) - @gutter) / @em;
@13cols: (13 * (@column + @gutter) - @gutter) / @em;
@14cols: (14 * (@column + @gutter) - @gutter) / @em;
@15cols: (15 * (@column + @gutter) - @gutter) / @em;
@16cols: (16 * (@column + @gutter) - @gutter) / @em;

.width (@cols:1) {
	width: (@cols * (@column + @gutter) - @gutter) / @em;
}
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	min-height: 100%;
	font-size: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
b, strong {
	font-weight: bold;
}
abbr[title] {
	border-bottom: 1px dotted;
}
input, textarea, button, select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}
textarea {
	overflow: auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img, img {
	-ms-interpolation-mode: bicubic;
	border: 0;
}

/*
	Type presets
*/

body {
	font-size: @font-size / 16*1em;
	line-height: @line / @em;
	font-family: @content;
}

.small, #nav span, #content strong, .icon {
	font-size: 14/@em;
	line-height: @line/14*1em;
	font-family: @head;
}

.normal, h1, h2, h3, h4 {
	font-size: 1em;
	font-family: @head;
}

.big {
	font-size: 23/@em;
	line-height: 24/23*1em;
}

.large {
	font-size: 27/@em;
	line-height: 36/27*1em;
}

.huge {
	font-size: 44/@em;
	line-height: 48/44*1em;
}

.enormous {
	font-size: 72/@em;
	line-height: 72/72*1em;
}

.gigantic {
	font-size: 116/@em;
	line-height: 120/116*1em;
}

/*
	Typography
*/

article p {
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;
}

h2 {
	padding-top: 12/@em;
	font-font-weight: 700;
}

	h2:first-child {
		padding-top: 18/@em;
	}

h3 {
	margin-top: 24/@em;
}

h1, #nav span, h2, h3, #nav a, #content strong {
	font-weight: 400;
}

#masthead h1, h2 {
	text-transform: uppercase;
	letter-spacing: 1.1/@em;
}

#content strong {
	display: block;
	float: left;
	text-align: center;
	padding: 3/13*1em;
	margin-top: 2/13*1em;
	line-height: (24-2-2-3-3)/13*1em;
	margin-right: 6/13*1em;
	min-width: (48-3-3)/13*1em;
	background: @emphasis;
	color: @background;
}

footer p {
	display: block;
	text-align: center;
	.small;
	.lineBreak;
	clear: both;
	margin-top:24/@em;
	margin-bottom:12/@em;
}

/*
	Colours & links
*/

@body: rgb(37,37,37);
@emphasis: rgb(23,23,23);
@aside: rgb(97,97,97);
@background: rgb(255,255,255);
@highlight: rgb(232,232,232);
@link: @company;
@company: rgb(113,141,40);

body {
	background: @background;
	color: @body;
}

header {
	height:auto;
}

h1, h2, h3, h4 {
	color: @emphasis;
}

header p, #copyright p {
	color: @aside;
}

a {
	color: @emphasis;
	text-decoration: none;
	border-bottom: 1.1/@em solid @emphasis;
}

	#nav a, .iconlang a, ul.logoalbum li a{
		border: 0;
	}

	#copyright a {
		color: @aside;
		border-bottom-color: @aside;
	}

a:hover, #copyright a:hover {
	color: @link;
	border-bottom-color: @link;
}

	#nav a:hover, #nav a:hover .icon, #content a:hover strong, .iconlang a:hover, ul.logoalbum li a:hover{
		background: @link;
		color: @background;
	}

ul.logoalbum li a:hover{
	border-bottom:3/@em solid @link;
}

.selecteditem {
	background: @link !important;
	color: @background !important;
	}

a:active {
	color: @aside;
	border-bottom-color: @aside;
}

	#copyright a:active {
		color: @emphasis;
		border-bottom-color: @emphasis;
	}

	#nav a:active, #nav a:active .icon, #content a:active strong, .iconlang a:active {
		background: @aside;
	}

::selection {
	background: @link;
	color: @background;
}
::-moz-selection {
	background: @link;
	color: @background;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}
body {
	-webkit-tap-highlight-color: fadeout(@link, 62%);
}

/*
	Common styles
*/

/*
	View
*/

#masthead, #introduction, article section, #colophon {
		width: 976px;
		padding-top: 0/@em;
	}

	#menu {
		width:976px;
		height:48px;
		padding:2/@em 0;
		background: @background;
		margin: 0 auto;

		}

	#nav {
		width: 864px;
		height:48px;
		margin: 0 auto;
		background: @background;
		float:left;
	}	

	#nav li {
		list-style: none;
		float: left;
		margin-left:2px;
	}

		#nav li:nth-child(1) {
			margin-left: 0 !important;
		}

	#nav li:nth-child(4n+1) {
			margin-left: 2px;
		}	

	#nav a, div.icon, #nav li, {
		display: block;
		text-align: center;
		width: 106px;
		height:32px;
	}

	#nav .icon {
		padding-top: 16px;
		line-height: (32)/28*1em;
		background: @emphasis;
		color: @background;
		vertical-align: bottom;
	}

	.iconlang {
		width: 110px;
		height:32px;
		margin-top:0;
		margin-left:2px;
		padding-top: 3px;
		padding-bottom: 13px;
		padding-right: 0;
		display: block;
		text-align: center;
		background: @emphasis;
		color: @background;
		float:right;
		.small;
		position: static;
	}

		.iconlang a{
			color: white;
		}

	.address {
		width:@3cols;
		float:right;
		text-align: right;
		font-size: 12/@em;
		line-height: @line/14*1em;
		font-family: @head;
		vertical-align: middle;
		color: @background;
		padding:6/@em;
	}

	#copyright {
		padding: 24/@em 0 48/@em;
	}


	#identity {
		left:0;
		top:0;
		width:976px;
		height:60px;
		overflow:hidden;
		background:black;
		padding-bottom:2/@em;
	}

	#logo {
		width: @3cols;
		float:left;
		top:-10px;
		position:relative;
	}

		#masthead h1 {
			.huge();
			width: auto;
			letter-spacing: 2/44*1em;
			top: 48/@em;
			display: hiddden;
		}

	#banners{
		height:@3cols;
		width:976px;
		position:relative;
		overflow: hidden;
	}

	#banner{
		width: 976px;
		vertical-align: middle;
		overflow:hidden;
		float:right;
	}

	.eugene {
		height:@5cols !important;
		podition:relative;
	}

/*
		FOOTER
*/

	#copyright {
			padding-left: @gutter/@em + @4cols;
		}

/*
		BLOCKS
*/

	#fullList{
		width: @7cols;
		padding-left: (@9cols/9);
		padding-right: (@9cols/9);
		float:left;
		margin-bottom:32/@em;
		.lineBreak;
	}

		#fullList li{
			margin-bottom:8/@em;
		}

	.googleMaps {
		position: relative;
		top: -12px;
	}

/*
		TEXT STYLES
*/

	#content p{
		padding-left: ((@9cols/9+(2/@em)));
		padding-right: ((@9cols/9+(2/@em)));
		padding-top: 8/@em;
		padding-bottom: 16/@em;
		text-align: justify;
		.lineBreak;
	}

	#content .dateList h3 {
		float: left;
		width: ((2*(@9cols/9)+(2/@em)));
		margin-top:20/@em;

	}

	#content .dateList p {
		padding-left: (2*(@9cols/9)+(@1gutter));
		padding-right: 0;
		min-height: 40px;
		.lineBreak;
	}

	ul.itemsList, .itemsList1{
		padding-left: (2*(@9cols/9)+(@1gutter*2));
		padding-right: 0;
		padding-bottom: 16/@em;
	}

	#content p.fullParagraph {
		width: @9cols;
		float:left;
		margin-top: 18/@em;
	}

	.title {
		color:@emphasis;
	}

	.body {
	}

	.leader{
	color: @aside;
	}

	.publication{
	font-style:italic;
	}

	.comment, .sponsor, .sponsor2 {
		color: @aside;
	}

	.talk{
		padding:12/@em 0;
		/*font-size:18/@em;*/
		display:block;
	}

	.talk2{
		padding:12/@em 0;
		padding-left: (2*(@9cols/9)+(@1gutter));
		/*font-size:18/@em;*/
		display:block;
	}

	.sponsor {
		padding-top:12/@em;
		display:block;
	}

	.sponsor2 {
		padding-top:12/@em;
		padding-left: (2*(@9cols/9)+(@1gutter));
		display:block;
	}

	.personalName {
		.big
	}
	.companyName{
		display: block;
	}

	#content .contactData p {
		padding-left: @1gutter;
	}

/*
		IMAGE STYLES
*/

	ul.album{
		width:976px;
		.lineBreak;
	}

	ul.album li:nth-child(3n+1){
		margin-left: 0;

	}

	ul.album li:nth-child(3n+2){
		margin-left: @1gutter;
	}

	ul.album li{
		margin-left: @1gutter;
		margin-right: 0;
		margin-top: @1gutter;
		background: @aside;
		width: 304px;
	}

	ul.album li:nth-child(1), ul.album li:nth-child(2), ul.album li:nth-child(3), {
		margin-top: 0px;
	}
	ul.album li, ul.album img {
		width:@3cols;
		height:@3cols;
		float:left;
		list-style: none;
	}

	.logoalbum{
		float: left;
		width:976px;
		.lineBreak
	}

	ul.logoalbum li{
		width:136px;
		height:136px;
		margin-left:@1gutter;
		list-style: none;
		float:left;
	}

	ul.logoalbum li:nth-child(1){
		margin-left:0;
	}

	ul.logoalbum li a:hover{
		border-bottom:3/@em solid @link;
	}

/*
		COMMON STYLES
*/

	.lineBreak{
		margin-top: 6/@em;
		border-top: 1.1/@em solid @highlight;
		padding-top: 12/@em;
		}

	.textColumn{
		text-align: justify;
		-webkit-column-count: 2;
		-webkit-column-gap: @1gutter;
		-moz-column-count: 2;
		-moz-column-gap: @1gutter;
		column-count: 2;
		column-gap: @1gutter;
	}


/*

*/

#masthead, #introduction, article section, #colophon {
	padding: 0 18/@em;
	margin: 0 auto;
	min-width:@4cols;
	max-width: @16cols;
}

#masthead {
	text-align: left;
}

/*
	Old IE fixes
	http://jonikorpi.com/leaving-old-IE-behind/
*/

.ie8 ul.logoalbum li, {
	margin-left: 22px;

}

 .ie8 ul.album li{
	margin-left: 16px;

}

/*.ie #masthead,
.ie #introduction,
.ie article section,
.ie #colophon {
	width: @8cols;
}

.ie #nav {
	width: (48/@em) + @8cols;
}

.ie #nav li {
	display: inline;
}

.ie #nav li:first-child {
	margin-left: 24/@em;
}*/

/* ==|== media queries ====================================================== */

@media only screen
and (min-width : 240px)
and (max-width : 767px){

/*
		HEADER
*/
	#masthead, #introduction, article section, #colophon {
		width: @4cols;
		}

	#menu {
		width:@4cols;
		padding-top:2/@em;
	}

	#identity {
		width:@4cols;
		padding-bottom:8px;
	}

	.address{
		display: hidden;
	}

	#logo{
		width: @3cols;
		margin: 0 auto;
		padding-left:(@1cols/3);
	}

	#nav {
		width: @4cols;
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
	}

	#nav li {
		margin-left:4px;
	}

		#nav li:nth-child(4n+1) {
			margin-left: 0;
		}

	#nav a, div.icon, #nav li {
		width: 101px;
		height: 30px;
		margin-bottom:20px;
	}

.iconlang {
		margin-top:-162px;
		width: 80px;
		height:32px;
		padding-top: 3px;
		padding-bottom: 13px;
		padding-right: 12px;
		display: block;
		text-align: center;
		font-size: 28/@em;
		background: black;
		color: @aside;
		float:right;
		.small;
	}

	.iconlang a{
		padding-right:10px;
	}


	#banners{
		height:140px;	
		width:@4cols;
	}

	#banner{
		width: @4cols;
	}

	.eugene {
		height:223px !important;
	}

/*
		BLOCKS
*/

	#fullList{
		width:@4cols;
		padding-left:0;
	}

	.googleMaps {
		width:@4cols;
		overflow: hidden;

	}

/*
		TEXT STYLES
*/

	h2 {
		padding-top:10px;	
	}
	#content p{
		padding-left: 0;
		padding-right: 0;
		padding-top: 8/@em;
		padding-bottom: 16/@em;
	}

	#content .dateList h3 {
		float: left;
		width: @2cols;
		margin-top:20/@em;

	}

	#content .dateList p {
		padding-left: @2cols;
		padding-right: 0;
		min-height: 52px;
		.lineBreak;
	}

	ul.itemsList, .itemsList1{
		padding-left: (2*(@9cols/9));
		padding-right: 0;
		padding-bottom: 16/@em;
	}

	.talk2, .sponsor2{
		padding-left: (2*(@9cols/9));
	}

	#content p.fullParagraph {
		width:@4cols;
	}

	#content .contactData p {
		padding-left: 0;
	}

/*
		IMAGE STYLES
*/

	ul.album {
		width:@4cols;
	}

	ul.album li{
		margin-right: @1gutter!important;
		margin-left: 0!important;
		margin-top: @1gutter;
		width: @2cols;

	}
	ul.album li:nth-child(2n){
		margin-right:0 !important;
		margin-left:0!important;
	}

	ul.album li:nth-child(1), ul.album li:nth-child(2) {
		margin-top: 0px;
	}
	ul.album li, ul.album img {
		width:@2cols;
		height:@2cols;
	}

	ul.album li:nth-child(3), {
		margin-top: @1gutter;
	}

	.logoalbum{
		width:@4cols;
		float: left;
		position:static;
		left:0;
	}

	ul.logoalbum li{
		margin-left:30px;
		margin-bottom: @1gutter;
	}

	ul.logoalbum li:nth-child(1) {
		margin-left:30px !important;
	}

	ul.logoalbum li:nth-child(2n){
		margin-left: 82px;
		margin-right:30px;
	}
}

	/* Desktops and laptops ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 976px){

	#masthead, #introduction, article section, #colophon {
		width: @7cols;
		padding-top: 0/@em;
	}

	#menu {
		width:@7cols;
		}

	#nav {
		width: ((@7cols/9*8)+2/@em);
	}	

	#nav a, div.icon, #nav li, {
		width: 82px;
	}

	#nav li:first-child{
		margin-left:0;
	}

	.iconlang {
		width: 80px;
	}

	#identity {
		width:@7cols;
	}

	#banners{
		height:@2cols;
		width:@7cols;
	}

	#banner{
		width: @7cols;
	}

	.eugene {
		height:@4cols !important;
	}

/*
		BLOCKS
*/

	#fullList{
		width: @7cols;
		padding-left: 0;
		padding-right: 0;
	}

	.googleMaps {
		width: @7cols;
		overflow: hidden;
	}

/*
		TEXT STYLES
*/

	#content p{
		padding-left: 0;
		padding-right: 0;
	}

	#content .dateList h3 {
		width: ((2*(@7cols/7)+(2/@em)));
	}

	#content .dateList p {
		padding-left: (2*(@7cols/7)+(@1gutter));

	}

	ul.itemsList, .itemsList1{
		padding-left: (2*(@7cols/7)+(@1gutter*2));
	}

	#content p.fullParagraph {
		width: @7cols;
	}

	#content .contactData p {
		padding-left: 0;
	}

/*
		IMAGE STYLES
*/


	ul.album li:nth-child(2n+1){
		margin-left: 0;

	}

	ul.album li:nth-child(2n+2){
		margin-left: @1gutter+@1cols;
	}

	ul.album li:nth-child(3), {
		margin-top: @1gutter;
	}

	.logoalbum{
		width:@7cols;
		position:static;
		left:0;
	}

	ul.logoalbum li{
		margin-left:130px;
		margin-bottom:@1gutter;
	}

	ul.logoalbum li:nth-child(3n+1){
		margin-left:0;
	}
}


/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}



/* DEVICES ----------- */


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

/*
		HEADER
*/
	#masthead, #introduction, article section, #colophon {
		width: @4cols;
		}

	#menu {
		width:@4cols;
		padding-top:2/@em;
	}

	#identity {
		width:@4cols;
		padding-bottom:8px;
	}

	.address{
		display: hidden;
	}

	#logo{
		width: @3cols;
		margin: 0 auto;
		padding-left:(@1cols/3);
	}

	#nav {
		width: @4cols;
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
	}

	#nav li {
		margin-left:4px;
	}

		#nav li:nth-child(4n+1) {
			margin-left: 0;
		}

	#nav a, div.icon, #nav li {
		width: 101px;
		height: 30px;
		margin-bottom:20px;
	}

.iconlang {
		margin-top:-162px;
		width: 80px;
		height:32px;
		padding-top: 3px;
		padding-bottom: 13px;
		padding-right: 12px;
		display: block;
		text-align: center;
		font-size: 28/@em;
		background: black;
		color: @aside;
		float:right;
		.small;
	}

	.iconlang a{
		padding-right:10px;
	}


	#banners{
		height:140px;	
		width:@4cols;
	}

	#banner{
		width: @4cols;
	}

	.eugene {
		height:223px !important;
	}

/*
		BLOCKS
*/

	#fullList{
		width:@4cols;
		padding-left:0;
	}

	.googleMaps {
		width:@4cols;
		overflow: hidden;

	}

/*
		TEXT STYLES
*/

	h2 {
		padding-top:10px;	
	}
	#content p{
		padding-left: 0;
		padding-right: 0;
		padding-top: 8/@em;
		padding-bottom: 16/@em;
	}

	#content .dateList h3 {
		float: left;
		width: @2cols;
		margin-top:20/@em;

	}

	#content .dateList p {
		padding-left: @2cols;
		padding-right: 0;
		min-height: 52px;
		.lineBreak;
	}

	ul.itemsList, .itemsList1{
		padding-left: (2*(@9cols/9));
		padding-right: 0;
		padding-bottom: 16/@em;
	}

	.talk2, .sponsor2{
		padding-left: (2*(@9cols/9));
	}

	#content p.fullParagraph {
		width:@4cols;
	}

	#content .contactData p {
		padding-left: 0;
	}

/*
		IMAGE STYLES
*/

	ul.album {
		width:@4cols;
	}

	ul.album li{
		margin-right: @1gutter!important;
		margin-left: 0!important;
		margin-top: @1gutter;
		width: @2cols;

	}
	ul.album li:nth-child(2n){
		margin-right:0 !important;
		margin-left:0!important;
	}

	ul.album li:nth-child(1), ul.album li:nth-child(2) {
		margin-top: 0px;
	}
	ul.album li, ul.album img {
		width:@2cols;
		height:@2cols;
	}

	.logoalbum{
		width:@4cols;
		float: left;
		position:static;
		left:0;
	}

	ul.album li:nth-child(3), {
		margin-top: @1gutter;
	}

	ul.logoalbum li{
		margin-left:30px;
		margin-bottom: @1gutter;
	}

	ul.logoalbum li:nth-child(1) {
		margin-left:30px !important;
	}

	ul.logoalbum li:nth-child(2n){
		margin-left: 82px;
		margin-right:30px;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {


	#masthead, #introduction, article section, #colophon {
		width: @7cols;
		padding-top: 0/@em;
	}

	#menu {
		width:@7cols;
		}

	#nav {
		width: ((@7cols/9*8)+2/@em);
	}	

	#nav a, div.icon, #nav li, {
		width: 82px;
	}

	#nav li:first-child{
		margin-left:0;
	}

	.iconlang {
		width: 80px;
	}

	#identity {
		width:@7cols;
	}

	#banners{
		height:@2cols;
		width:@7cols;
	}

	#banner{
			width: @7cols;
	}

	.eugene {
			height:@4cols !important;
	}

/*
		BLOCKS
*/

	#fullList{
		width: @7cols;
		padding-left: 0;
		padding-right: 0;
	}

	.googleMaps {
		width: @7cols;
		overflow: hidden;
	}

/*
		TEXT STYLES
*/

	#content p{
			padding-left: 0;
			padding-right: 0;
	}

	#content .dateList h3 {
		width: ((2*(@7cols/7)+(2/@em)));
	}

	#content .dateList p {
		padding-left: (2*(@7cols/7)+(@1gutter));

	}

	ul.itemsList, .itemsList1{
		padding-left: (2*(@7cols/7)+(@1gutter*2));
	}

	#content p.fullParagraph {
			width: @7cols;
	}


	#content .contactData p {
		padding-left: 0;
	}

/*
		IMAGE STYLES
*/


	ul.album li:nth-child(2n+1){
		margin-left: 0;

	}

	ul.album li:nth-child(2n+2){
		margin-left: @1gutter+@1cols;
	}

	.logoalbum{
		width:@7cols;
		position:static;
		left:0;
	}

	ul.album li:nth-child(3), {
		margin-top: @1gutter;
	}

	ul.logoalbum li{
		margin-left:130px;
		margin-bottom:@1gutter;
	}

	ul.logoalbum li:nth-child(3n+1){
		margin-left:0;
	}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

/*
		HEADER
*/
	#masthead, #introduction, article section, #colophon {
		width: @4cols;
		}

	#menu {
		width:@4cols;
		padding-top:2/@em;
	}

	#identity {
		width:@4cols;
		padding-bottom:8px;
	}

	.address{
		display: hidden;
	}

	#logo{
		width: @3cols;
		margin: 0 auto;
		padding-left:(@1cols/3);
	}

	#nav {
		width: @4cols;
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
	}

	#nav li {
		margin-left:4px;
	}

		#nav li:nth-child(4n+1) {
			margin-left: 0;
		}

	#nav a, div.icon, #nav li {
		width: 101px;
		height: 30px;
		margin-bottom:20px;
	}

.iconlang {
		margin-top:-162px;
		width: 80px;
		height:32px;
		padding-top: 3px;
		padding-bottom: 13px;
		padding-right: 12px;
		display: block;
		text-align: center;
		font-size: 28/@em;
		background: black;
		color: @aside;
		float:right;
		.small;
	}

	.iconlang a{
		padding-right:10px;
	}


	#banners{
		height:140px;	
		width:@4cols;
	}

	#banner{
		width: @4cols;
	}

	.eugene {
		height:223px !important;
	}

/*
		BLOCKS
*/

	#fullList{
		width:@4cols;
		padding-left:0;
	}

	.googleMaps {
		width:@4cols;
		overflow: hidden;

	}

/*
		TEXT STYLES
*/

	h2 {
		padding-top:10px;	
	}
	#content p{
		padding-left: 0;
		padding-right: 0;
		padding-top: 8/@em;
		padding-bottom: 16/@em;
	}

	#content .dateList h3 {
		float: left;
		width: @2cols;
		margin-top:20/@em;

	}

	#content .dateList p {
		padding-left: @2cols;
		padding-right: 0;
		min-height: 52px;
		.lineBreak;
	}

	ul.itemsList, .itemsList1{
		padding-left: (2*(@9cols/9));
		padding-right: 0;
		padding-bottom: 16/@em;
	}

	.talk2, .sponsor2{
		padding-left: (2*(@9cols/9));
	}

	#content p.fullParagraph {
		width:@4cols;
	}

	#content .contactData p {
		padding-left: 0;
	}

/*
		IMAGE STYLES
*/

	ul.album {
		width:@4cols;
	}

	ul.album li{
		margin-right: @1gutter!important;
		margin-left: 0!important;
		margin-top: @1gutter;
		width: @2cols;

	}
	ul.album li:nth-child(2n){
		margin-right:0 !important;
		margin-left:0!important;
	}

	ul.album li:nth-child(1), ul.album li:nth-child(2) {
		margin-top: 0px;
	}
	ul.album li, ul.album img {
		width:@2cols;
		height:@2cols;
	}

	.logoalbum{
		width:@4cols;
		float: left;
		position:static;
		left:0;
	}
	
	ul.album li:nth-child(3), {
		margin-top: @1gutter;
	}

	ul.logoalbum li{
		margin-left:30px;
		margin-bottom: @1gutter;
	}

	ul.logoalbum li:nth-child(1) {
		margin-left:30px !important;
	}

	ul.logoalbum li:nth-child(2n){
		margin-left: 82px;
		margin-right:30px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}