@import url('fonts/fonts.css');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:10px;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a { font-size : inherit; color : inherit; text-decoration : none; overflow : hidden; }
a:focus { outline : none; opacity : 0.5; }
ul { list-style-type : none; }

body {
	width : 60em; /*600px*/
	margin : 7.25em auto 0 auto;
	line-height : 1em;
	font-size : 1em;
	font-family : Europan, Helvetica, Arial, sans-serif;
}

h2 {
	font-size : 1.5em; /*15*/
	line-height : 1.3333em; /*20*/
	background-color : #e21f26;
	color : #FFF;
	text-transform : uppercase;
	text-align : center;
}

h3 { font-size : 1.8em; /*18*/ line-height : 1.2222em; /*22*/ font-weight : bold; }
p { font-size : 1.1em; /*11*/ line-height : 1.1818; /*13*/ margin-bottom : 1em;}

h1 a {
	float : right;
	margin : -1.5em -1.3em 0 0; /*-15 -13*/
	text-indent : -9999px;
	width : 35.3em; /*353*/
	height : 4.2em; /*42*/
	background : transparent url('images/logo.png') no-repeat bottom left;
}
div#competitions {
  	font-size : 1.5em; /*15*/
	line-height : 1.3333em; /*20*/
	float : right;
	margin-top : -1.8em; /*27*/
 	margin-right : 0.2666em; /*4*/
	width : 17.0666em; /*256*/
	text-transform : uppercase;
	text-align : center;
	color : #FFF;
}
div#competitions h2 {
	font-size : inherit;
	float : right;
	width : 13em; /*195*/
}
div#competitions li a { display : block; }
div#competitions li.selected { background : transparent; color : #e21f26;}
div#competitions li {
	float : left;
	font-size : 1.5em; /*15*/
	line-height : 1.2em; /*18*/
	background-color : #e21f26;
	color : #FFF;
	text-align : center;
	border : 0.0666em solid #e21f26; /*1px*/
	margin-top : 0.1333em; /*2px*/
}
div#competitions.count4 li { width : 4.0666em; /*EMx15=61*/ margin-left : 0.0666em; margin-right : 0.0666em; }
div#competitions.count4 li.first { width : 4.1333em; /*62*/margin-left : 0; }
div#competitions.count4 li.last { width : 4.1333em; /*62*/ margin-right : 0; }
div#competitions.count5 li { width : 3.0666em; /*46*/ margin-right : 0.0666em; }
div#competitions.count5 li.adjust { margin-right : 0em; }
div#competitions.count5 li.last { margin-left : 0.0666em; margin-right : 0; }
div#competitions li.big {
	margin : 0;
	font-size : 2.5em; /*25px*/
	width : 2.24em; /*56px*/
	line-height : 1.6em; /*40px*/
	margin-right : 0.12em; /*3px*/
	border-width : 0.04em; /*1px*/
}

ul#menu {
	float : right;
	width : 34em; /*340px*/
	text-transform : uppercase;
	background-color : #e21f26;
	color : white;
	line-height : 1em; /*15px*/
}
/* ul#menu li:first-child { margin-left : 0.8em; } */
ul#menu li {
  	font-size : 1.2em; /*12*/
/* 	letter-spacing : -0.05em; */
	line-height : 1.25em; /*15*/
	float : left;
	margin-left : 0.3em;
}


div#content {
	clear : both;
	padding-top : 1em;
}

div#left-column { float : left; }
ul.menu { width : 12em; }
ul.menu li a { display : block; white-space : nowrap; }
ul.menu > li {
	display : block;
	font-size : 1.5em; /*15*/
/* 	font-weight : bold; */
	text-transform : uppercase;
	line-height : 2em; /**/
	outline : none;
	text-indent : 0.5333em;
}

ul.menu > li.toggle {
	background-color : #e21f26;
  	border-bottom : 0.0555em solid #FFF;  
	color : #FFF;
}

ul.menu ul > li {
	font-size : 0.9em; /*9*/
	font-weight : bold;
	letter-spacing : 0.2em;
	background-color : #FFF;
	color : #e21f26;
	text-transform : uppercase;
	border-bottom : 0.1111em solid #e21f26; /*1*/
}

ul#ex-menu > li {
	border : 0.0666em solid #e21f26; /*1*/
	color : #e21f26;
}

ul#ex-menu li.shop {
	border : none;
	text-indent : 0.9em;
	background-color : #e21f26;
	color : #FFF;
	font-size : 1em;
	line-height : 1.5em;
}

ul#contacts-menu li,ul#abouts-menu li,ul#press-menu li,ul#teams-menu li,
ul#publications-menu ul > li {
	font-size : 0.8em; /*8*/
 	line-height : 2em; /*16*/
	border : 0.0833em solid #e21f26;
	border-top : none;
	padding-top : 0.0833em;
}

ul#contacts-menu li:first-child,ul#abouts-menu li:first-child,ul#teams-menu li:first-child,
ul#press-menu li:first-child {	border-top : 0.0833em solid #e21f26; }

ul#publications-menu.menu > li.toggle { margin-top : 1em; border : none; }
ul#publications-menu.menu > li.toggle:first-child { margin-top : 0; }

ul.menu li.selected {
	background : white url('images/hatch_tl_br.png');
	overflow : hidden;
}

ul.menu li.selected a {
	display : inline;
	color : #e21f26;
	background-color : #FFF;
}

ul#news-menu ul > li,
ul#events-menu ul > li {
	border : none;
	line-height : 1em;
	text-indent : 0;
	margin : 0.8em;
	font-weight : normal;
}

ul#events-menu ul > li a,
ul#news-menu ul > li a {
	font-weight : bold;
	white-space : normal;
}

div#posterboard {
	width : 60em; /*600*/
	margin-bottom : 0.8em; /*8*/
}

div.columns {
	float : left;
	width : 19.4em; /*194*/
}
div.columns + div.columns {
	margin-left : 0.2em;
}
div.columns h2 {
	margin-bottom : 0.1333em; /*2*/
}
div.columns img {
	display : block;
  	margin-bottom : 0.2em; /*2*/
}

div.columns .items {
	color : #FFF;
	background-color : #e21f26;
	padding-top : 0.3em; /*3*/
	padding-bottom : 1em; /*10*/
	
}
div.items h3 { margin-left : 0.5em; /*9*/ }
div.items p { margin-left :0.8181em; /*9*/}
div.items p a { font-weight : bold; text-transform : uppercase; }

div.columns .items+.items {
	margin-top : 0.1em;
}
div.columns + div.columns.col3 {
	width : 20.2em; /*202*/
	margin-left : 0.8em; /*8*/
}

div#address {
	font-size : 0.9em;
	padding-bottom : 0.1111em;
	margin-top : 0.8888em;/*1.1112em;*/
	border : 0.1111em solid  #e21f26;
	border-style : none solid;
	overflow : hidden;
}

div#address p {
	font-size : inherit;
	text-transform : uppercase;
	margin-left : 0.3em;
}

div#address address {
	padding-top : 0.5555em; /*5*/
	padding-right : 0.2222em;
	padding-bottom :0.2222em;
	display : block;
	margin-top : 0.5em;
	margin-left : -0.2222em;
	width : 11.1111em;
	font-size : inherit;
	color : #e21f26;
	background-color : #FFF;
	text-align : right;
}

div#address address + address {
	padding : 0 0 0.2222em 0.2222em; /*2*/
	width : 10.8888em; /*98*/
	font-size : inherit;
	margin-right : 0;
	margin-left : 11.2222em;
	margin-top : -5.222em; /*45px*/
	text-align : left;
}

div#address address em {
	font-size : inherit;
	opacity : 0.5;
}

div#address address a.fb {
	display : block;
	text-indent : -9999px;
	height : 1.2222em;
	margin-left : -0.2222em;
	margin-bottom : 0.3333em;
	width : 11.1111em;
	background : #FFF url('images/fb-small.png') no-repeat 0.1111em -0.1111em ;
	border-bottom : 0.1111em solid #e21f26;
}

div#scoreboard,
div#freetext,
div#press {
	float : left;
	width : 47em; /*470*/
	margin-left : 1em; /*10*/
	overflow : hidden;
}

div#content > div#freetext:first-child {
	margin-left : 0;
	width : 60em;
}

div#freetext div.item+div.item {
	border-top : 2px solid #e21f26;
	margin-top : 1em;
}


div#scoreboard div.ranking {
	border : 0.1em solid #e21f26;
	margin-bottom : 0.8em;
}
div#scoreboard h4 { text-transform : uppercase; }
div#scoreboard div.heading {
	cursor : pointer;
	margin-bottom : 0.8em;
	padding : 0.8em 0 1em 9.8em;
	overflow : auto;
	width : 100%;
}

div#scoreboard div.heading div.img {
 	float : left;
 	margin-left : -9.8em; 
}
div#scoreboard div.heading div.text { float : left; }
div#scoreboard div.heading h3,
div#scoreboard div.heading h4 {
	float : left;
	font-size : 1.2em;
	line-height : 1.2em;
}
div#scoreboard div.heading h3 { margin-left : 0.4em; font-weight : bold; }
div#scoreboard div.heading span { display:block; clear : left; }


div#scoreboard div + div.heading {
	border-top : 0.2em solid #ABB0AE;
}

div#scoreboard div.active + div.heading {
	border-top : none;
}

/*div#scoreboard div.heading:first-child {
	border : none;
}*/

div#scoreboard div.ranking div.images {
	width : 45.2em;
	height : 33.9em;
	margin : 0.9em;
}

div#scoreboard div.ranking div.images a {
	display : block;
	width : 2.2em;
	height : 3.6em;
}
div#scoreboard div.ranking div.images a.next {
	background : #e21f26 url('images/arrow_right.png');
}

div#scoreboard div.ranking div.images a.previous {
	background : #e21f26 url('images/arrow_left.png');
}

div#scoreboard div.ranking div.images a.next.disabled,
div#scoreboard div.ranking div.images a.previous.disabled {
	display : none;
}
div#scoreboard div.ranking div.images a:hover {
	background-color : #000;
}

div#scoreboard div.ranking > h4 {
  font-size : 1.5em;
  line-height : 1em;
  border-top : 0.1em solid #e21f26;
  padding : 0.5333em 0 0 0.5333em; /*8*/
}

div#scoreboard div.ranking > h3 {
  font-size : 2em;
  line-height : 1.2em;
  margin : 0 0.4em; /*8*/
}

div#scoreboard div.ranking h3 span {
	white-space : nowrap;
	font-size : inherit;
}

div#scoreboard div.ranking div.freetext {
	height : 20em;
	overflow-y : auto;
}

div#scoreboard div.ranking div.meta {
	float : left;
	width : 46.8em;
	border-top : 0.1em solid #e21f26;
}
div#scoreboard div.ranking div.meta h4 {
	font-size : 1.5em;
	line-height : 1em;
}
div#scoreboard div.ranking div.team {
	float : left;
	padding : 1em;
	width : 23em;
}
div#scoreboard div.team dt { font-weight : bold; }
div#scoreboard div.team dd { margin-left : 1em; }
div#scoreboard div.ranking div.contact {
	float : left;
	padding : 1em;
}
div#scoreboard div.ranking div.download {
	text-align : right;
	border-top : 0.1em solid #e21f26;
	padding : 0.8em 1em;
	clear : left;
	text-transform : uppercase;
}

div#scoreboard div.ranking div.freetext {
	margin : 0.4em 0.8em;
}

/*
#freetext h3 {
	font-size : 2em; /*2*16=32px*/
/*	line-height : 1.125em;
	margin-bottom : 0.5625em; /*32*0.5625 = 18px*/
/*}

#freetext h4 {
	font-size : 1.2em; /*1.5*16=19.2px*/
/*}*/

div#entry {
	float : left;
	width : 62.8em; /*626*/
	margin-left : 1em;
	margin-right : -15.8em; /*158*/
}

div#entry dl#info { background-color : white; padding : 1em; }
div#entry dl#info.winner dt:first-child { color : #AA4; font-size : 1.5em; line-height : 1em; }
div#entry dl#info.runnerup dt:first-child { font-size : 1.5em; line-height : 1em; }
div#entry dl#info.honorable.mention dt:first-child { font-size : 1.5em; line-height : 1em; }
div#entry dl#info dt { font-weight : bold; }
div#entry dl#info dd { text-indent : 1em; }

#entry div.images {
	position : absolute;
	width : 46.8em; /*468*/
	height : 65.6em; /*656*/
	border : 0.1em solid #e21f26;
	overflow : hidden;
}

#entry div.imagescroll {
	position : absolute;
	width : 45.2em; /*452*/
	height : 65.6em; /*656*/
	margin : 0.8em;
	overflow : hidden;
}

#entry div.imagescroll div.container {
 	width : 1500px;
	position : absolute;
}

#entry div.imagescroll img { float : left; }

#entry div.thumbnails {
	width : 16em;
	height : 65.6em;
 	margin-left : 47em;
	position : relative;
  	border : 0.1em solid #e21f26;
	border-left : none;
/* 	height : 68em; */
/* 	padding : 1em; */
}

#entry div.thumbnails img {
	margin : 0.8em auto;
	cursor : pointer;
	display : block;
 	border : 0.1em solid #e21f26;
}

#entry div.thumbnails img + img {
	margin-top : 1em;
}

#entry div.thumbnails img:active { border-color : white; }
#entry a.download {
	float : right;
	width : 16em;
	text-align : center;
	margin : 1em -0.2em -2em 0;
	color : #e21f26;
	text-transform : uppercase;
}

div#paginator {
	clear : left;
	margin-left : 13em;
}

div#paginator table {
	margin : 0 auto;
	margin-top : 1em;
}

div#paginator a {
	text-align : center;
	display : block;
	width : 2em;
	color : #e21f26;
}
div#paginator table td.selected a { color : black; }
div#paginator table td.prev a,div#paginator table td.next a { text-indent : -9999px; background : white url('images/sprites.png'); }
div#paginator table td.next a { background-position : 20px 0px; }
/* */
div#press {
	width : 44.8em; /*448*/
	border : 0.1em solid #e21f26;
	padding : 1em;
}

div#press div.press {
	margin-bottom : 1em;
	padding-left : 11.4em;
	overflow: auto;
	width: 100%;
}

div#press div.press img.thumbnail {
	float : left;
	margin-left : -11.4em; /*114*/
}

div#shop {
	margin-top : 3em;
	margin-bottom : 2em;
}

div#shop div.clicktobuy {
	  margin-bottom : 1.5em;
}

div#shop h5 {
	  font-size : 1.2em;
	  text-transform : uppercase;
	  font-weight : bold;
/* 	  margin-bottom : 0.2em; */
}

div#shop div.clicktobuy div {
	  font-size : 2.1em;
	  line-height : 1.3125em;
	  height : 1.3125em;
}

div#shop div.clicktobuy div span {
	font-size : 0.5em;
	font-weight : bold;
}

div#shop div.clicktobuy div img {
	vertical-align : middle;
}

body#posterboard {
	width : 60em;
	margin : 0;
	padding : 1em;
}

body#freetext {
	width : 47em;
	margin : 0;
	padding : 1em;
}

#freetext {
	font-family : Arial, Helvetica, sans-serif;
}