/**
 * global.css - stylesheet affecting general layout of entire site
 * @author      Greg Tammi <greg@pictographics.com>
 * @copyright   Copyright (c) 2009+ Pictographics Ltd
 * @since       Jan 7, 2009
 */
@import url(http://kode.pictographics.com/css/reset.css) ;

* {
  font-family: Helvetica, Arial, sans-serif ;
  font-size: 12px ;
}

/* remove border from any hyperlinked images */
a img { border: 0 ; }

#wrapper {
  position: relative ;
  width: 1000px ;
  margin: 0 auto ;
}

#fp_header {
  position: relative ;
  width: 1000px ;
  height: 166px ;

  background: #000 url(/img/fp_header.jpg) top left no-repeat ;
}

#fp_header h1 {
  text-indent: -999em ;
}

#fp_header p#presentation {
  position: absolute ;
  top: 28px ;
  right: 140px ;
  text-align: right ;
  width: 210px ;
  color: #fff ;
  line-height: 16px; 
}

#masthead {
  float: left ;
  position: relative ;
  width: 1000px ;
  height: 298px ;
  background: #000 url(/img/vancouver_night.jpg) top left no-repeat ;
  z-index: 1 ;
}

#masthead #nav {
  margin-top: 10px ;
  width: 1000px ;
  text-align: center ;
}

#nav li {
  display: inline ;
}

#nav li a {
  padding: 3px 10px 3px 11px ;
  border-left: 1px solid #333 ;
  color: #f2f2f2 ;
  text-decoration: none ;
}

#nav li#first a {
  border-left: 0 ;
}

#nav li a:hover {
  color: #3caf51 ;
  text-decoration: none ;
}


#masthead h2#slogan {
  text-transform: uppercase ;
  font-size: 18px ;
  font-weight: bold ;
  position: absolute ;
  top: 60px ;
  left: 60px ;
  color: #fff ;
  width: 300px ;
  letter-spacing: 1px ;
}

#masthead h3#conference_date {
  text-transform: uppercase ;
  font-size: 18px ;
  font-weight: normal;
  position: absolute ;
  bottom: 20px ;
  left: 60px ;
  color: #fff ;
}

h3#conference_date span {
  display: block ;
  font-size: 125% ;
}

#content {
  float: left ;
  width: 620px ;
  color: #444 ;
  background: #fff ;
  /* min-height hack for ie6 ... from http://www.dustindiaz.com */
  min-height: 550px ;  
  height:auto !important;
  height:600px;
  font-size: 14px !important ;
}

#content div.gutter {
  padding: 10px 10px 10px 35px ;
  font-size: 14px ;
}

#content h3 {
  font-size: 20px ;
  font-weight: bold ;
  color: #247724 ;
  margin-bottom: 10px; 
}

#content p {
  line-height: 16px ;
  margin: 8px 0 ;
}


#content img {
    padding: 15px ;
}
#content img.left { /* remove left padding if left aligned image */
    padding-left: 0 ;
    padding-top: 0 ;
    float: left; 
}
#content img.right { /* remove right padding if right-aligned image */
    padding-right: 0 ;
    padding-top: 0 ;
    float: right ;
}
#sidebar {
  z-index: 1000 ;
  background: url(/img/sidebar_bg.gif) top left no-repeat ;
  width: 310px ;
  height: 755px ;
  position: absolute ;
  top: 270px ;
  right: 40px ;
}

#sidebar img.sep { margin: 20px auto ; }
#sidebar #ol_register {
  position: relative ;
  top: -20px ;
  left: -5px ;
  border: 0 ;
}

/* for the flickr feed images */
div#feed_wrapper {
  width: 280px ;
  padding: 5px 10px 5px 25px ;
}

#feed_wrapper img {
  margin: 2px ;
}

div#elistSignup {
  z-index: 1000 ;
  width: 200px ;
  height: 100px ;
  position: absolute; 
  right: 55px ;
  bottom: 0 ;  
  border: 1px solid #98b0c2 ;
  padding: 20px 10px 5px 10px ;
  text-align: center ;
  font-family: arial ;
}

#elistSignup h3 {
    font-weight: bold ;
    color: #5174ae ;
    font-size: 18px ;
    padding-top: 10px ;
}

#elistSignup label {
    display: block ;
    padding: 5px 0 ;
}

#elistSignup input {
    display: inline ;
    padding: 2px ;
    margin: 0 0 0 3px ;
}

#elistSignup input#ea {
    border: 1px solid #999 ;
    font-size: 10px ;
}

#elistSignup input.submit {
    font-size: 11px ;
}

#elistSignup p, #elistSignup p a {
    font-size: 10px ;
    color: #999 ;
    text-decoration: none ;
}
    
#footer {
  clear: both ;
  float: left ;
  width: 1000px ;
  margin: 15px auto 10px auto ;
  background: #292929 ;
  height: 200px ;
}

#footer p {
  color: #fff ;
  display: block ;
  margin: 20px 0 25px 60px ;
  font-size: 15px ;
}

#footer div#sponsors {
  float: left; 
  width: 940px ;
  margin-left: 30px ;
}

html>body #footer div#sponsors {
  margin-left: 60px ;
}

div#sponsors a {
  float: left ;
  padding: 0 5px 0 0 ;
  border: 0 ;
}

div#sponsors img {
    width: auto ;
}

div#sponsors img#uoit { margin: auto 65px; }

#footer p#copyright {
  clear: left ;
  float: left; 
  width: 300px ;
  display: block ;
  font-size: 12px ;
  margin-top: 55px ;
}