/* -----------------------------------------------------
  Author: Stephen Tudor, smt@sunblu.sh
----------------------------------------------------- */

/* -----------------------------------------------------
  Reset
----------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

body { background-color: #fff; line-height: 1;}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* -----------------------------------------------------
  Headlines
----------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; text-transform: uppercase; }
h2 { font-size:2em; font-weight: bold; line-height: 1.3; color: #788e1d; }

/* -----------------------------------------------------
  Body Text
----------------------------------------------------- */
p { font-size: 1.3em; line-height: 1.5; margin-bottom: 1.5em; }
strong { font-weight: bold; }
em { font-style: italic; }
sup, sub { font-size: 0.8em; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 0.7ex; }
sub { top: 0.5ex; }
.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }

/* -----------------------------------------------------
  Links
----------------------------------------------------- */
a, a:link, a:visited { text-decoration: none; color: #00446a;}
a:hover { text-decoration: underline; color: #00446a; }
a:focus, a:active { text-decoration: underline; color: #00446a; outline: none; }

/* -----------------------------------------------------
  Images
----------------------------------------------------- */
a img { border: none; }
p img, li img { padding: 0; max-width: 100%; }
img.center { display: block; margin: 15px auto; padding: 0; }
img.right { display: inline; margin: 15px 20px; }
img.left { display: inline; margin: 15px 20px; }
.right { float: right; clear: right; }
.left { float: left; clear: left; }

/* -----------------------------------------------------
  Misc...
----------------------------------------------------- */
.hidden, hr { display: none; }
.clear { clear: both; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.ir {text-indent: -99999px; overflow: hidden; }

/* -----------------------------------------------------
  Structure
----------------------------------------------------- */
html, body {
  height: 100%;
}

body {
  background: #cfc6bc url(/i/bg_body.png) repeat-y center top;
  text-align: center;
}

#container {
  position: relative;
  max-width: 1000px;
  min-width: 750px;
  height: auto !important;
  min-height: 100%;
  margin: 0 auto;
  background: #fff url(/i/bg_container.jpg) no-repeat right top;
  font-style: normal;
  font-weight: normal;
  font-size: 62.5%;
  font-family: "Myriad Pro", Arial, Verdana, sans-serif;
  color: #000;
  text-align: left;
}

#header, #main, #footer {
  width: 92%;
  margin: 0 2.5% 0 5.4%;
}

/* -----------------------------------------------------
  Common
----------------------------------------------------- */
#header {
  padding-top: 82px;
}

#header h1 {
  width: 467px;
  height: 108px;
}

#main {
  padding-top: 52px;
  margin-bottom: 80px;
  clear: both;
  overflow: hidden;
}

#aside {
  width: 164px;
  float: left;
}

#navigation {
  margin-top: -11px;
  width: 164px;
}

#navigation li {
  width: 164px;
  height: 35px;
}

#navigation li a {
  display: block;
  width: 164px;
  height: 35px;
  background: url(/i/nav.png) no-repeat 0 0;
  text-indent: -99999px;
  overflow: hidden;
}

#navigation li a.home {}
#navigation li a.register  { background-position: 0 -35px; }
#navigation li a.details   { background-position: 0 -70px; }
#navigation li a.program   { background-position: 0 -105px; }
#navigation li a.guests    { background-position: 0 -140px; }
#navigation li a.location  { background-position: 0 -175px; }
#navigation li a.downloads { background-position: 0 -210px; }
#navigation li a.blog      { background-position: 0 -245px; }

#navigation li a:hover.home      { background-position: -164px 0; }
#navigation li a:hover.register  { background-position: -164px -35px; }
#navigation li a:hover.details   { background-position: -164px -70px; }
#navigation li a:hover.program   { background-position: -164px -105px; }
#navigation li a:hover.guests    { background-position: -164px -140px; }
#navigation li a:hover.location  { background-position: -164px -175px; }
#navigation li a:hover.downloads { background-position: -164px -210px; }
#navigation li a:hover.blog      { background-position: -164px -245px; }

body.home      #navigation li a.home      { background-position: -328px 0; }
body.register  #navigation li a.register  { background-position: -328px -35px; }
body.details   #navigation li a.details   { background-position: -328px -70px; }
body.program   #navigation li a.program   { background-position: -328px -105px; }
body.guests    #navigation li a.guests    { background-position: -328px -140px; }
body.location  #navigation li a.location  { background-position: -328px -175px; }
body.downloads #navigation li a.downloads { background-position: -328px -210px; }
body.blog      #navigation li a.blog      { background-position: -328px -245px; }

body.home      #navigation li a:hover.home      { background-position: -328px 0; }
body.register  #navigation li a:hover.register  { background-position: -328px -35px; }
body.details   #navigation li a:hover.details   { background-position: -328px -70px; }
body.program   #navigation li a:hover.program   { background-position: -328px -105px; }
body.guests    #navigation li a:hover.guests    { background-position: -328px -140px; }
body.location  #navigation li a:hover.location  { background-position: -328px -175px; }
body.downloads #navigation li a:hover.downloads { background-position: -328px -210px; }
body.blog      #navigation li a:hover.blog      { background-position: -328px -245px; }

#content {
  width: 76%;
  float: right;
}
#content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#footer {
  height: 80px;
  clear: both;
  overflow: hidden;
}

p#copyright {
  float: left;
}

#links {
  width: 354px;
  margin-top: 27px;
  float: right;
  overflow: hidden;
}

#links h3 {
  width: 114px;
  height: 9px;
  margin: 5px 8px 0 0;
  float: left;
  background: url(/i/links.png) no-repeat 0 -7px;
}

#links ul {
  height: 16px;
  float: left;
  overflow: hidden;
}

#links li {
  height: 16px;
  float: left;
}

#links li a {
  display: block;
  width: 74px;
  height: 16px;
  background: url(/i/links.png) no-repeat;
}

#links li a.facebook {
  background-position: -122px 0;
  margin-right: 16px;
}

#links li a.twitter {
  background-position: -212px 0;
  margin-right: 14px;
}

#links li a.flickr {
  width: 54px;
  background-position: -300px 0;
}

/* -----------------------------------------------------
  Content
----------------------------------------------------- */
#feature {
  position: relative;
  width: 76.395%;
/*  width: 534px;*/
/*  height: 364px;*/
  margin-bottom: 60px
}

#feature h1 {
  max-height: 364px;
}

#feature img.photo {
  margin: 3% 0 0 2.996%;
  width: 93.633%;
}

#feature img.corners {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#article {
  width: 100%;
  float: left;
}

#article h2,
#article p,
#article li {
  margin-left: 4.1%;
}

#article p {
  font-size: 1.3em;
  line-height: 1.53846;
}

#article .column {
  position: relative;
  width: 48.5%;
}

#article .column.left {
  margin-right: 2.9%;
}