/* 960 Grid System ~ Core CSS.
 * Learn more ~ http://960.gs/
 *
 * Licensed under GPL and MIT. */
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,
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-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

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

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: "" ""; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: ""; }

img a {
  border: none; }

body {
  background: url("/images/layout/header_bg.jpg") repeat-x scroll left top transparent;
  background-color: #e7d1b6;
  color: #6D6D6D; }

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px; }
  .container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px; }
  .container_12 .grid_1 {
    width: 60px; }
  .container_12 .grid_2 {
    width: 140px; }
  .container_12 .grid_3 {
    width: 220px; }
  .container_12 .grid_4 {
    width: 300px; }
  .container_12 .grid_5 {
    width: 380px; }
  .container_12 .grid_6 {
    width: 460px; }
  .container_12 .grid_7 {
    width: 540px; }
  .container_12 .grid_8 {
    width: 620px; }
  .container_12 .grid_9 {
    width: 700px; }
  .container_12 .grid_10 {
    width: 780px; }
  .container_12 .grid_11 {
    width: 860px; }
  .container_12 .grid_12 {
    width: 940px; }
  .container_12 .prefix_1 {
    padding-left: 80px; }
  .container_12 .prefix_2 {
    padding-left: 160px; }
  .container_12 .prefix_3 {
    padding-left: 240px; }
  .container_12 .prefix_4 {
    padding-left: 320px; }
  .container_12 .prefix_5 {
    padding-left: 400px; }
  .container_12 .prefix_6 {
    padding-left: 480px; }
  .container_12 .prefix_7 {
    padding-left: 560px; }
  .container_12 .prefix_8 {
    padding-left: 640px; }
  .container_12 .prefix_9 {
    padding-left: 720px; }
  .container_12 .prefix_10 {
    padding-left: 800px; }
  .container_12 .prefix_11 {
    padding-left: 880px; }
  .container_12 .suffix_1 {
    padding-right: 80px; }
  .container_12 .suffix_2 {
    padding-right: 160px; }
  .container_12 .suffix_3 {
    padding-right: 240px; }
  .container_12 .suffix_4 {
    padding-right: 320px; }
  .container_12 .suffix_5 {
    padding-right: 400px; }
  .container_12 .suffix_6 {
    padding-right: 480px; }
  .container_12 .suffix_7 {
    padding-right: 560px; }
  .container_12 .suffix_8 {
    padding-right: 640px; }
  .container_12 .suffix_9 {
    padding-right: 720px; }
  .container_12 .suffix_10 {
    padding-right: 800px; }
  .container_12 .suffix_11 {
    padding-right: 880px; }
  .container_12 .alpha {
    margin-left: 0; }
  .container_12 .omega {
    margin-right: 0; }

.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px; }
  .container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px; }
  .container_16 .grid_1 {
    width: 40px; }
  .container_16 .grid_2 {
    width: 100px; }
  .container_16 .grid_3 {
    width: 160px; }
  .container_16 .grid_4 {
    width: 220px; }
  .container_16 .grid_5 {
    width: 280px; }
  .container_16 .grid_6 {
    width: 340px; }
  .container_16 .grid_7 {
    width: 400px; }
  .container_16 .grid_8 {
    width: 460px; }
  .container_16 .grid_9 {
    width: 520px; }
  .container_16 .grid_10 {
    width: 580px; }
  .container_16 .grid_11 {
    width: 640px; }
  .container_16 .grid_12 {
    width: 700px; }
  .container_16 .grid_13 {
    width: 760px; }
  .container_16 .grid_14 {
    width: 820px; }
  .container_16 .grid_15 {
    width: 880px; }
  .container_16 .grid_16 {
    width: 940px; }
  .container_16 .prefix_1 {
    padding-left: 60px; }
  .container_16 .prefix_2 {
    padding-left: 120px; }
  .container_16 .prefix_3 {
    padding-left: 180px; }
  .container_16 .prefix_4 {
    padding-left: 240px; }
  .container_16 .prefix_5 {
    padding-left: 300px; }
  .container_16 .prefix_6 {
    padding-left: 360px; }
  .container_16 .prefix_7 {
    padding-left: 420px; }
  .container_16 .prefix_8 {
    padding-left: 480px; }
  .container_16 .prefix_9 {
    padding-left: 540px; }
  .container_16 .prefix_10 {
    padding-left: 600px; }
  .container_16 .prefix_11 {
    padding-left: 660px; }
  .container_16 .prefix_12 {
    padding-left: 720px; }
  .container_16 .prefix_13 {
    padding-left: 780px; }
  .container_16 .prefix_14 {
    padding-left: 840px; }
  .container_16 .prefix_15 {
    padding-left: 900px; }
  .container_16 .suffix_1 {
    padding-right: 60px; }
  .container_16 .suffix_2 {
    padding-right: 120px; }
  .container_16 .suffix_3 {
    padding-right: 180px; }
  .container_16 .suffix_4 {
    padding-right: 240px; }
  .container_16 .suffix_5 {
    padding-right: 300px; }
  .container_16 .suffix_6 {
    padding-right: 360px; }
  .container_16 .suffix_7 {
    padding-right: 420px; }
  .container_16 .suffix_8 {
    padding-right: 480px; }
  .container_16 .suffix_9 {
    padding-right: 540px; }
  .container_16 .suffix_10 {
    padding-right: 600px; }
  .container_16 .suffix_11 {
    padding-right: 660px; }
  .container_16 .suffix_12 {
    padding-right: 720px; }
  .container_16 .suffix_13 {
    padding-right: 780px; }
  .container_16 .suffix_14 {
    padding-right: 840px; }
  .container_16 .suffix_15 {
    padding-right: 900px; }
  .container_16 .alpha {
    margin-left: 0; }
  .container_16 .omega {
    margin-right: 0; }

.left-section {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 220px;
  margin-left: 0; }

.right-section {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 300px;
  margin-right: 0; }

.middle-section {
  padding-top: 20px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 620px; }

#header, #main, #content {
  margin-left: 0;
  margin-right: 0; }

#footer {
  border-top: 5px solid #73513e;
  margin-top: 30px;
  width: 100%;
  height: 100px;
  background-color: #36261d; }
  #footer .logo_small {
    padding: 15px 0px 0px 150px;
    float: left; }
  #footer .menu_bottom {
    height: 42px;
    float: left;
    margin: 40px 0px 0px 50px; }
    #footer .menu_bottom ul {
      width: 500px; }
      #footer .menu_bottom ul li {
        float: left;
        margin: 0px 15px 0px 15px; }
        #footer .menu_bottom ul li a {
          color: #fff;
          text-decoration: none; }

#content {
  background: url("/images/layout/coffeecup_bottom.jpg") no-repeat 761px 0px;
  position: relative;
  width: 100%;
  padding-top: 10px; }
  #content .speeches {
    position: relative; }
    #content .speeches .header {
      width: 100%; }
    #content .speeches .content {
      padding-top: 10px;
      z-index: 1;
      border: 2px solid #816553;
      overflow: hidden;
      padding-top: 45px;
      background: url("/images/layout/bubble-tip.png") no-repeat;
      background-position: 25px 41px;
      background-color: #fef6da;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      #content .speeches .content .speech .centered {
        font-weight: bold;
        margin-left: 50px; }
      #content .speeches .content .speech p, #content .speeches .content .speech h4 {
        margin: 10px 0px 10px 0px; }
      #content .speeches .content .speech .social {
        margin-top: 10px; }
        #content .speeches .content .speech .social img.photo {
          border: 5px solid #6f513e; }
      #content .speeches .content .speech .details {
        margin: 15px 0px 0px 120px; }
      #content .speeches .content .speech .voting {
        margin-left: 20px; }
        #content .speeches .content .speech .voting .nice, #content .speeches .content .speech .voting .crap {
          position: relative;
          float: left;
          width: 100px;
          -moz-border-radius: 12.5px;
          -webkit-border-radius: 12.5px; }
        #content .speeches .content .speech .voting .nice {
          -moz-box-shadow: 0px 0px 10px #000000;
          border: 1px solid #c1633a;
          line-height: 24px;
          background: url("/images/layout/speech-nice.jpg") repeat-x;
          z-index: 20; }
        #content .speeches .content .speech .voting .crap {
          border: 1px solid #6a4d3e;
          background-color: #ffffff;
          margin: 1px 0px 0px -30px;
          line-height: 22px;
          z-index: 10;
          height: 22px;
          padding-left: 10px; }
  #content .registration {
    margin-left: 80px;
    height: 60px;
    width: 460px;
    border: 1px solid #735542;
    position: relative;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background-color: #fef6da; }
    #content .registration h3 {
      color: #735542;
      line-height: 60px;
      position: absolute;
      left: 25px;
      font-weight: bold; }
    #content .registration .brown {
      background: url("/images/layout/brown-bg.jpg") repeat-x;
      width: 350px;
      height: 46px;
      position: absolute;
      right: 8px;
      top: 8px;
      -moz-border-radius: 23px;
      -webkit-border-radius: 23px; }
      #content .registration .brown .select {
        position: relative; }
        #content .registration .brown .select #speaker, #content .registration .brown .select #listener {
          text-align: center;
          height: 46px;
          line-height: 46px;
          position: absolute; }
          #content .registration .brown .select #speaker a, #content .registration .brown .select #listener a {
            font-size: 14px;
            color: #ffffff;
            text-decoration: none; }
        #content .registration .brown .select #speaker {
          left: 0px;
          background: url("/images/layout/reg-speaker-bg.jpg");
          width: 220px;
          -moz-box-shadow: 0px 0px 10px #000000;
          -moz-border-radius: 23px;
          -webkit-border-radius: 23px; }
        #content .registration .brown .select #listener {
          right: 0px;
          width: 150px; }

.logo {
  background: url("/images/layout/logo-big-bg.png") no-repeat;
  width: 388px;
  height: 162px;
  left: -40px;
  position: absolute; }
  .logo img {
    margin-left: 30px;
    margin-top: 50px; }

#header {
  height: 162px;
  position: relative; }
  #header .placeholder {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 140px; }
  #header .menu_start {
    background: url("/images/layout/navigation_left.png") no-repeat;
    height: 42px;
    width: 110px;
    margin-left: 0;
    float: left; }
  #header .coffeecup_top {
    position: absolute;
    right: 0px;
    background: url("/images/layout/coffeecup_top.png") no-repeat top right;
    width: 397px;
    height: 163px; }
  #header .menu {
    height: 42px;
    bottom: 1px;
    position: absolute;
    left: 100px;
    z-index: 1; }
    #header .menu ul {
      width: 610px;
      float: left;
      background: url("/images/layout/navigation_bg.png") repeat-x; }
      #header .menu ul li {
        margin: 0px 15px 0px 15px; }
    #header .menu a {
      text-decoration: none;
      color: #eae7e4;
      bottom: 0px; }
    #header .menu .separator {
      background: url("/images/layout/navigation_separator.png") no-repeat;
      width: 6px;
      margin: 0px 0px 0px -2px;
      height: 42px; }
    #header .menu .active {
      background-color: #e5cfb5;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      padding: 0px 10px 0px 10px; }
      #header .menu .active a {
        color: #4E382C; }

.notification {
  position: absolute;
  right: 100px;
  top: -200px;
  width: 350px;
  border: 3px solid black;
  padding: 15px;
  z-index: 100;
  background-color: #fef6da;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0px 0px 10px #000;
  -webkit-box-shadow: 0px 0px 10px #000; }
  .notification div {
    padding: 5px; }

.header {
  width: 100%;
  height: 44px;
  background: url("/images/layout/bubble-center.jpg") repeat-x;
  position: absolute;
  z-index: 10;
  font-weight: bold;
  font-size: 15px;
  color: #ffffff;
  line-height: 44px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  .header h3 {
    padding-left: 20px;
    font-size: 15px; }

.twitter {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

#twitter {
  z-index: 1;
  border: 2px solid #816553;
  overflow: hidden;
  padding-top: 45px;
  background: url("/images/layout/bubble-tip.png") no-repeat;
  background-position: 25px 41px;
  background-color: #fef6da;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding-top: 20px;
  height: 150px; }
  #twitter img {
    margin-right: 10px;
    position: absolute; }
  #twitter .twitt-item {
    position: absolute;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    top: 200px; }
  #twitter .twitt-body {
    padding: 10px;
    display: block; }
  #twitter .twitt-details {
    padding-left: 10px; }
  #twitter .twitt-item a {
    color: #4e382c;
    text-decoration: underline; }
  #twitter hr {
    width: 180px; }

.clear-both {
  clear: both; }

.clear {
  clear: both; }

.right-section {
  padding-top: 100px; }

.right-box {
  padding-bottom: 20px; }
  .right-box h3 {
    padding: 0px; }
  .right-box .top, .right-box .bottom {
    height: 9px; }
  .right-box .top {
    background: url("/images/layout/updates-bg.png") repeat-x; }
  .right-box .bottom {
    background: url("/images/layout/updates-bg-bottom.png") repeat-x; }
  .right-box .middle {
    padding: 10px 20px 10px 20px;
    background-color: #fef6da; }
    .right-box .middle a {
      color: #4e382c;
      text-decoration: underline; }

.right-box + .rounded .middle {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.infosupport {
  background-color: white;
  text-align: center;
  margin-top: 10px;
  padding: 10px 10px 20px 10px;
  border: 2px solid #816553;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.story {
  padding-top: 20px;
  font-size: 12px; }
  .story .subject {
    padding-bottom: 5px;
    margin-left: 20px;
    font: 1.2em/1.5em; }
    .story .subject .left {
      float: left; }
    .story .subject .right {
      padding-left: 60px;
      font-size: 14px; }

.sponsors table td.image {
  text-align: center; }
  .sponsors table td.image img {
    border: 2px solid #816553; }
.sponsors table td.text {
  vertical-align: middle;
  padding-left: 20px; }
.sponsors table p {
  margin: 0px; }
.sponsors table.golden {
  border: 2px solid #816553;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #FFFFFF;
  padding: 30px; }
  .sponsors table.golden td img {
    border: none; }
  .sponsors table.golden td p {
    padding-top: 10px; }

form {
  padding: 10px 0px 0px 20px; }
  form p {
    padding: 10px 0px 0px 20px; }
  form label {
    display: block;
    font-weight: bold; }
  form .speakers textarea {
    height: 50px; }
  form .speakers .radio fieldset {
    margin-bottom: 10px; }
    form .speakers .radio fieldset ol {
      float: left;
      margin-top: 5px;
      margin-bottom: 0px; }
      form .speakers .radio fieldset ol li {
        float: left; }
  form input[type=text] {
    height: 20px;
    padding-left: 5px;
    display: block; }
  form textarea, form select, form input[type=text], form textarea {
    border: 1px solid #6f513e;
    width: 500px;
    height: 30px;
    font-size: 20px;
    margin: 4px 0px 10px 0px; }
  form textarea {
    padding: 5px;
    width: 500px;
    height: 120px; }
  form input[type=submit] {
    margin-left: 50px;
    width: 200px; }