html, body, div, span, applet, object, iframe, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, strong, tt, var, dl, dt, dd, blockquote, fieldset, form, i, b, caption, tbody, tfoot, thead, tr, th, td, ul, ol, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

ul, ol {
  list-style: none; }

html {
  overflow-y: scroll; }

body.pages, body.sessions, body.users, #email_a_friend {
  margin-top: 0 !important; }

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background: #fff url(../images/bg.gif) repeat-x; }

a {
  text-decoration: none;
  color: #0066e2; }
  a:hover {
    text-decoration: underline; }
  a.twitter {
    background: url(../images/i_twitter.gif); }
  a.rss {
    background: url(../images/i_rss.gif); }

.notice {
  background: #FFF6BF;
  border: 1px solid #FFD324;
  margin: 10px auto;
  padding: 5px 20px;
  color: #990000; }

#wrap {
  width: 820px;
  position: relative;
  margin: 0 auto; }

#menu {
  width: 820px;
  height: 81px;
  position: relative;
  z-index: 2; }
  #menu li {
    float: left;
    padding: 11px 20px 0 0;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
    #menu li.profile {
      float: right;
      padding-right: 0px;
      padding-left: 11px; }
    #menu li.fbconnect-login-button {
      float: right;
      padding-top: 7px;
      margin-bottom: 0px;
      padding-right: 0px;
      padding-left: 11px; }
    #menu li.signup {
      padding-top: 0; }
      #menu li.signup a {
        width: 117px;
        height: 81px;
        text-indent: -9999px;
        overflow: hidden;
        background: url(../images/signup.gif) no-repeat; }
    #menu li.search {
      float: right;
      font-size: 14px;
      width: 320px;
      padding-right: 0px; }
      #menu li.search select,
      #menu li.search input {
        width: 120px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: solid 1px #8c8c8c;
        margin: 10px 5px 0 0;
        color: #5a5a5a; }
      #menu li.search input.submit {
        margin: 0;
        background: #0066e2;
        color: #fff;
        width: 60px; }
    #menu li a {
      float: left;
      text-decoration: none;
      font-size: 14px;
      color: #fff; }
      #menu li a:hover {
        color: #61df5e; }

#intro {
  width: 820px;
  height: 207px;
  position: relative;
  margin: -41px auto 9px;
  background: url(../images/bg_intro.gif) 504px top no-repeat; }
  #intro h1 {
    width: 207px;
    top: 38px;
    left: 46px;
    position: absolute; }
    #intro h1 a {
      height: 123px;
      display: block;
      text-indent: -9999px;
      overflow: hidden;
      background: url(../images/logo2.gif) no-repeat; }
  #intro p.tagline {
    width: 348px;
    height: 100px;
    top: 68px;
    right: 138px;
    position: absolute;
    text-indent: -9999px;
    background: url(../images/h_platform.gif) no-repeat; }
  #intro a.video {
    width: 97px;
    height: 92px;
    top: 73px;
    right: 2px;
    position: absolute;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/b_video.gif) no-repeat; }
    #intro a.video:hover {
      background-image: url(../images/b_video_on.gif); }
  #intro h2 {
    left: -9999px;
    position: absolute; }

#flash {
  position: absolute;
  top: 0;
  left: 10px;
  height: 76px;
  width: 111px;
  background: url(../images/flash.png) no-repeat; }
  #flash a {
    height: 116px;
    display: block;
    text-indent: -9999px;
    overflow: hidden; }

div.toolbar {
  width: 820px;
  height: 70px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 18px; }
  div.toolbar img {
    vertical-align: middle; }
  div.toolbar h2 {
    margin: 0 -5px 8px;
    padding-bottom: 3px;
    font-weight: normal;
    font-size: 15px;
    color: #a1a1a1;
    border-bottom: solid 1px #a1a1a1; }
  div.toolbar div.latest {
    width: 290px;
    float: left;
    padding: 0 5px; }
  div.toolbar div.visiting {
    width: 366px;
    position: relative;
    float: left;
    display: inline;
    margin: 0 15px;
    padding: 0 5px; }
    div.toolbar div.visiting p {
      font-size: 18px;
      font-weight: bold;
      color: #0066e2; }
      div.toolbar div.visiting p a {
        top: 1px;
        right: 5px;
        position: absolute;
        font-weight: normal;
        font-size: 12px; }
  div.toolbar div.follow {
    width: 104px;
    float: left;
    padding: 0 5px; }
    div.toolbar div.follow a {
      width: 16px;
      height: 16px;
      float: left;
      display: inline;
      margin: 3px 6px 0 0;
      text-indent: -9999px;
      overflow: hidden; }

#content {
  width: 780px;
  position: relative;
  margin: 0 auto;
  padding: 23px;
  background: url(../images/bg_content.gif);
  overflow: auto; }
  #content div.header,
  #content div.footer {
    width: 100%;
    height: 4px;
    left: 0;
    position: absolute;
    overflow: hidden; }
  #content div.header {
    top: 0;
    background: url(../images/sprite.gif) left -151px no-repeat; }
  #content div.footer {
    bottom: 0;
    background: url(../images/sprite.gif) left -156px no-repeat; }
  #content p {
    margin-bottom: 15px; }

body.countries_show #content {
  width: 826px;
  margin-top: 14px;
  padding: 46px 0 0;
  background: url(../images/bg_content_ask.gif); }
  body.countries_show #content div.header {
    height: 50px;
    background-position: left -161px; }
  body.countries_show #content div.footer {
    background-position: left -212px; }

body.questions_show #content {
  width: 826px;
  padding: 0;
  background: url(../images/bg_content_ask.gif) -316px top repeat-y; }
  body.questions_show #content div.header {
    background-position: -316px -207px; }
  body.questions_show #content div.footer {
    background-position: -316px -212px; }

ul.countries {
  float: left;
  width: 33%; }
  ul.countries li {
    height: 18px;
    background-position: left 3px;
    background-repeat: no-repeat; }
    ul.countries li a {
      display: block;
      margin-right: 20px;
      padding-left: 20px;
      color: #000; }

#ask {
  width: 260px;
  float: left;
  padding: 23px;
  overflow: hidden; }
  #ask h2 {
    left: -9999px;
    position: absolute; }
  #ask select,
  #ask input,
  #ask textarea {
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: solid 1px #8c8c8c; }
  #ask input,
  #ask textarea {
    margin-bottom: 15px; }
  #ask input.submit {
    width: auto;
    float: right;
    margin: 0;
    background: #f8f8f8; }
  #ask p {
    margin: 5px 0 15px 0; }

#answer,
#search-results {
  width: 465px;
  float: left;
  padding: 23px;
  overflow: hidden; }
  #answer h2,
  #search-results h2 {
    margin-bottom: 25px;
    font-size: 16px;
    color: #0066e2; }
    #answer h2 span,
    #search-results h2 span {
      font-weight: normal;
      font-size: 10px; }
  #answer ol,
  #search-results ol {
    list-style: decimal;
    color: #0066e2;
    padding-left: 20px; }
  #answer .question a,
  #search-results .question a {
    color: #000;
    text-decoration: none;
    font-size: 16px; }
  #answer .question a:hover,
  #search-results .question a:hover {
    color: #0066e2; }

#question {
  width: 464px;
  float: left;
  padding: 23px; }
  #question h3 {
    margin-bottom: 25px;
    font-size: 16px;
    color: #0066e2; }

#sidebar {
  width: 260px;
  position: relative;
  float: right;
  margin-bottom: 30px;
  padding: 0 20px 30px;
  border-bottom: solid 1px #a1a1a1; }
  #sidebar h3 {
    margin: 0 -20px 8px;
    padding: 0 20px 3px;
    font-weight: normal;
    font-size: 15px;
    color: #a1a1a1;
    border-bottom: solid 1px #a1a1a1; }
  #sidebar h4 {
    font-weight: normal;
    font-size: 14px;
    color: #0066e2; }
  #sidebar p.twitter {
    position: absolute;
    top: 1px;
    right: 0; }
    #sidebar p.twitter a.twitter,
    #sidebar p.twitter a.rss {
      width: 16px;
      height: 16px;
      top: 0;
      position: absolute;
      display: block;
      text-indent: -9999px;
      overflow: hidden; }
    #sidebar p.twitter a.twitter {
      right: 42px;
      background: url(../images/i_twitter.gif); }
    #sidebar p.twitter a.rss {
      right: 20px;
      background: url(../images/i_rss.gif); }
  #sidebar a.change {
    font-size: 11px;
    color: #a0a0a0; }
  #sidebar div.question {
    margin: 30px 0;
    padding: 0;
    border: none; }
    #sidebar div.question p {
      margin: 0;
      font-size: 14px; }
      #sidebar div.question p a {
        font-size: 11px; }
    #sidebar div.question .meta,
    #sidebar div.question .stats {
      margin: 0;
      font-size: 11px; }
  #sidebar a.all {
    font-weight: bold; }

#adsense {
  width: 260px;
  float: right; }

div.question,
div.answer {
  min-height: 68px;
  position: relative;
  margin-bottom: 15px;
  padding: 0 75px 10px 0;
  font-size: 11px;
  border-bottom: solid 1px #d4d4d4;
  overflow: hidden; }
  div.question img,
  div.answer img {
    top: 0;
    right: 0;
    position: absolute;
    border: solid 1px #707070; }
  div.question p.question,
  div.answer p.question {
    font-size: 14px; }
    div.question p.question a,
    div.answer p.question a {
      font-size: 11px; }
  div.question p.answer,
  div.answer p.answer {
    font-size: 13px; }
  div.question .country,
  div.answer .country {
    padding-right: 22px;
    background-position: right 2px;
    background-repeat: no-repeat; }
  div.question div.rating,
  div.answer div.rating {
    margin-bottom: 5px; }
  div.question div.share,
  div.answer div.share {
    margin-top: 5px; }

body.pages,
body.sessions,
body.users,
#email_a_friend {
  margin: 30px 0 0 -60px; }
  body.pages h2,
  body.sessions h2,
  body.users h2,
  #email_a_friend h2 {
    margin-bottom: 25px;
    font-size: 18px;
    color: #0066e2; }
  body.pages span,
  body.sessions span,
  body.users span,
  #email_a_friend span {
    font-size: 16px;
    font-weight: bold; }
  body.pages p,
  body.sessions p,
  body.users p,
  #email_a_friend p {
    font-size: 14px; }
  body.pages #content form,
  body.sessions #content form,
  body.users #content form,
  #email_a_friend #content form {
    margin-top: 30px;
    padding-bottom: 30px; }
    body.pages #content form select,
    body.pages #content form input,
    body.pages #content form textarea,
    body.sessions #content form select,
    body.sessions #content form input,
    body.sessions #content form textarea,
    body.users #content form select,
    body.users #content form input,
    body.users #content form textarea,
    #email_a_friend #content form select,
    #email_a_friend #content form input,
    #email_a_friend #content form textarea {
      width: 100%;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      border: solid 1px #8c8c8c; }
    body.pages #content form select,
    body.pages #content form input,
    body.pages #content form textarea,
    body.sessions #content form select,
    body.sessions #content form input,
    body.sessions #content form textarea,
    body.users #content form select,
    body.users #content form input,
    body.users #content form textarea,
    #email_a_friend #content form select,
    #email_a_friend #content form input,
    #email_a_friend #content form textarea {
      margin-bottom: 15px; }
    body.pages #content form input.submit,
    body.sessions #content form input.submit,
    body.users #content form input.submit,
    #email_a_friend #content form input.submit {
      width: auto;
      float: right;
      margin: 0;
      background: #f8f8f8; }

#footer {
  clear: both;
  margin: 0 0 10px;
  padding-top: 9px;
  text-align: center;
  font-size: 11px; }
  #footer a {
    color: #0066e2; }

#email_a_friend {
  width: 250px;
  top: 50px;
  left: 470px;
  position: absolute;
  padding: 10px;
  background: #fff;
  border: solid 1px #0066e2; }

#content #signup_form,
#content #login_form,
#content #no_account {
  width: 320px;
  float: right;
  padding: 10px;
  background: #fff;
  border: solid 2px #0066e2; }
  #content #signup_form form,
  #content #login_form form,
  #content #no_account form {
    margin: 0; }
    #content #signup_form form .fieldWithErrors,
    #content #login_form form .fieldWithErrors,
    #content #no_account form .fieldWithErrors {
      color: #990000; }

#login_form_wrap {
  width: 279px;
  float: right; }
  #login_form_wrap #login_form,
  #login_form_wrap #no_account {
    width: 255px; }
  #login_form_wrap #no_account {
    margin-top: 20px; }

#text_left {
  width: 480px;
  float: left; }

#what_next {
  width: 250px;
  float: right;
  padding: 10px;
  background: #fff;
  border: solid 2px #0066e2; }