/* layout  */
/* general */
body{ width:100%; text-align:center;}
#primary,  #secondary   {clear:both;}
 ul li {list-style: none;}
/* layout width and height*/
#container,#branding-container, #content-container,#site-information-container {width:100%;min-width: 1010px;text-align:center;}
 #branding, #zero,#content,#site-information{width: 980px;}
#branding h2 {height:0px;margin:0; padding:0;line-height:0;}
  #zero {height: 390px;}
#site-information #archive, .second {width: 66.6%;}
#primary {width: 71.0%;}
 #secondary {width: 29.0%;  }
 #primary .three, #primary .one, #primary .two{width: 100%; }
#primary .two .first {width: 36.6%;}
#primary .two .second {width: 63.1%;}
 body#speakers #primary,body#seminars #primary, body#fundraising #primary {width:73%;}
 body#speakers #secondary,body#seminars #secondary,body#fundraising #secondary {width: 26%;}
body#speakers #primary ul,body#seminars #primary ul{width: 98%; }
#site-information #more-site-information  {width: 33.0%;}
#site-information #archive .one, #primary .three .first  {width: 48.5%;}
#site-information #archive .two {width: 48.5%;} 
body#fundraising #primary .two #sponsors ,body#fundraising #primary .two #raffle {width: 52.5%;} 
#primary .three .second,body#fundraising #primary .two #sponsor-logos,body#fundraising  #primary .two #sponsor-logos{width: 41.5%;}
span.image {width: 200px; height: 120px;}
body#speakers #primary ul li img {width: 130px; height: 130px;padding: 3px;}
/* layout margins */
#container { margin: 0 auto; }
#branding-container {margin: -12px 0 0 0}
#branding,#main-navigation .navigation, #zero,#content,#site-information{ margin: 0 auto;  text-align:left;}
#primary,  #secondary,.navigation,body#festival #secondary { margin: 0;  text-align:left;}
 #zero {margin-bottom: 6px;}
#primary li img {margin:0 10px 10px 0;}
/* layout padding */
#container { padding: 1.0em 0 0 0; }
#branding-container {padding: 0;}
#branding {padding: 0.4em 0 0 0;border: solid 0px #fff}
 #primary,  #secondary{padding-top: 0.6em;padding-bottom: 1.2em;}
#content {padding-bottom: 2.2em;}
 #site-information {padding-top: 2.2em;padding-bottom: 1.2em;}
h2, h3, h4 {padding-bottom: 0.4em;}

dl { padding:0;}
/* layout positioning float left*/
body#festival #primary,#secondary, #primary .one, .first,  #primary .two,  #primary .three ,  img, #site-information #archive, #site-information #archive .one,  #primary img.third,dl,body#seminar  #primary,body#seminar  #primary .one li , body#seminar  #primary .one li  span.image ,body#speakers #primary ul,body#seminars #secondary,body#fundraising #secondary, body#fundraising #primary ul, #primary .three .first,body#fundraising ul#sponsors,body#fundraising #primary .two #raffle  {float: left; clear: left;}
/* layout positioning float right*/
body#festival #secondary,#primary,  body#speakers #primary,body#seminars #primary,body#fundraising #primary, #site-information #archive .two, #primary  .second,   #more-site-information, #primary img.second,#primary .three .second,body#fundraising ul#sponsor-logos  {float: right; clear: right;}
/* layout positioning relative and absolute */
h1, h2, h3, h4,#container, #branding, #content,#primary,#primary.two,#secondary,body#speakers #primary li, body#speakers #primary  li h3{position: relative;}
#content {top: -2.4em;}
body#festival #secondary{}

span.more-information, form#commentform-shipyardschoolblog textarea#honey, span.location{position: absolute;left: -9999px;margin:0; padding:0;width: 900px;}
span.summary, a#skip,body#speakers #primary ul li img, span.feed, span.site-navigation-menu{position: absolute;}
 span.feed {right:252px;display:block;position:absolute;top:8px;z-index:1000;
            	}

span.site-navigation-menu  { right:8px;display:block;position:absolute;width: 20%;top:0;
            	background-color:#09071E;z-index:100;border: solid 1px #895020;border-top-width:0px;text-align:center;font-size: 14px;
            	color:#dad7cc;font-weight:bold;padding: 4px 0;}
span.site-navigation-menu  a {color:#dad7cc;text-decoration:none;}