/* This is the core style sheet for gmr-09-06-22, v.01. Copyright telga web development 2009 */
/* reset */
body, html, img, ul, ul ul, ul li, h1, h2, h3, h4,  h5, h6,  
form, fieldset, input, p,blockquote,  table, th, td {margin: 0;padding: 0;}
/* typograhy line-height */
body {line-height:1.72;}
h1, h2, h3, h4 {line-height:1.0em;}
#upcoming-09 h3,#upcoming-10 h3 {line-height:1.42;}
/* typography font-type url(fonts/ »
  MEgalopolisExtra.otf)src:  format("opentype");url(fonts/ »
  Aller_II_37.otf )*/
@font-face {font-family: "Aller";
  src:  format("opentype");url(fonts/ »
  Aller.otf )
}
body {font-family:"Aller","Bitstream Vera Sans","Helvetica Neue", "Helvetica","Arial", sans-serif; }
h1,h1 span, span.date, h2, h3, h4, .vcard, strong, .site-label {font-family:"Aller","Bitstream Vera Sans","Helvetica Neue", "Helvetica","Arial",  sans-serif;}
 p, li {font-family:"Aller","Bitstream Vera Sans","Helvetica Neue", "Helvetica","Arial", sans-serif;}
/* font sizes */
body {font-size: 12px;}
p.intro{font-size: 18px ;}
p.summary {font-size: 14px;}
#content #one span,.retrospective{font-size: 14px ;}
.site-label, #branding .navigation li{font-size: 14px;}
h2{font-size: 21px ;}
li h2 {font-size: 18px ;}
h3{font-size: 18px ;}
h4  {font-size: 17px ;}
 h1  {font-size: 26px ;}
#news li p {font-size: 15px ;}
li, p,body.home #one .second h2,#one .second h2{font-size: 16px ;}
.first p:first-child:first-letter {font-size: 19px ;}
.copyright {font-size: 13px;}
.jump  {font-size: 20px;}
#previous ul ul li h4 {font-size: 18px ;}
/* typography position and style */
.site-label, h1,#content .info li a,#news li span, .day, .month,.jump  {font-weight:bold;}
.site-label,h1,#news li span, .retrospective,#site-information #colophon {font-style:oblique;}
#zero p,#branding span, #upcoming-09 h3,#upcoming-10 h3 ,#previous ul ul li h4 {text-transform:uppercase;}
{text-transform:none;}
 h1 a {text-decoration:none;}
h1 {text-align:left;}
span.caption{text-align:center;}
h1 {padding:0 0 0px 0;margin:0;position:relative;top:-8px;word-spacing:-1px;width:48%;}
h2 {padding: 0;margin:0 0px 30px 0px;}
body.home #one .second h2,#one .second h2 {margin:0; padding:6px 9px; float:right;}
li > h2 {padding-bottom: 6px;}
#about-seminars li h2  {padding-bottom:10px;margin-bottom: 10px;}
h3, h4, p, ul, #content p{padding: 0;margin:10px 0 20px 0px;}
li h4 {margin:14px 0 14px 0;}
#upcoming-09 h3, #upcoming-10 h3,#previous ul ul li h4 {margin-bottom:6px;padding-bottom: 6px;}
#upcoming-09 p, #upcoming-10 p {margin-bottom:0px;}
#content blockquote {margin: 0 0 40px 0;}
#site-information #colophon {float:left; width:64%;text-align:left;padding:0;margin:0;position:relative; top:-22px;}
#site-information #colophon p {margin:18px 0 0 0;padding: 0 18px; }
#branding span{word-spacing:2px;padding: 3px 0;margin:0;}
#content p.summary {margin-top:10px;}
#news li span,.day, .month {padding-right:6px;}
h2.poster, h3.poster, h4.poster {margin-bottom:0;}
body.poster #accessibility-navigation, body.poster #zero,body.poster #content,body.poster #main-navigation,body.poster  #branding,body.poster #site-information {width:960px;}
.poster  img#poster-image {width:440px; height:530px;border: solid 8px #2E0F0A; margin-bottom: 8px;}
.poster  img#sea-lice {width:440px; height:auto;border: solid 8px #2E0F0A; margin-bottom: 0px;}
p.credits {text-align:center; font-size: 14px;}
/* more information */
span.more-information, a#skip,a span.more-information{text-indent: -90000px;margin:0; padding:0;z-index:0;} 
#content a:hover,#content a:active,#content  a:focus,#site-information a:hover,#site-information a:active,#site-information  a:focus {position: relative; clear: left;
 }
span.day {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
#content a:hover span.more-information,
#content a:active span.more-information,
#content a:focus span.more-information   {position: absolute;text-indent: 0px;left: 0;top:0;margin:0; padding:0.6em;
    width: 180px;height: auto;text-decoration: none; clear: both;background:#fff;line-height: 1.72, font-weight:bold;font-size: 90%;border: solid 0.2em #ccc;text-align:left;z-index:2000;}
/* forms  */
form {float: right;padding:0; margin:0;}
fieldset {margin: 0; padding:0;border:none;}
legend {position: absolute;margin:0;padding: 0;}
fieldset ol {margin: 0;padding: 0.8em;list-style:none;}
fieldset li {width: 100%;clear: left;margin-bottom: 0.8em;position: relative;}  
label {float: right;width:11em; text-align: left; padding: 0 0 0 1.4em;font-weight:normal;position: relative;}
li label em, li label span {position: absolute;text-transform:lowercase;top:0;}
input[type=submit]{}
input[type=text]{border: solid 2px #892B1E;;padding:4px 0;background: #dad7cc;}
input#keywords[type=text]{border: 0;padding:3px 0;margin-left:10px;}
input[type=text]:focus, input[type=checkbox]:focus, textarea:focus {border: solid 0px #892B1E;}
input[type=text]:focus:hover, textarea:focus:hover {border: solid 0px #892B1E;}
/* list styles errors */
ul#errors {margin: 1em 0;}
 ul#errors li {display:block;background: transparent url(/images/tango-warning-icon.png) no-repeat center left ;padding-left:2.2em;line-height: 1.5;font-weight:bold;margin-bottom: 0.5em;margin-left: 0;}
 ul#errors li.heading, ul#errors li.heading h3 {display:block;padding:0; }
/* buttons */
.button { margin-left:10px;padding: 4px 4px;}
.button{ background: #892B1E;color: #dad7cc;border:solid 1px #2E0F0A;}
/* end of forms */