/* 
 * SASS template by Marcin Gałęza - Creative Director, AppIron
 * mail: marcin.galeza(at)appiron.com
 * web:  www.appiron.com
 * date: March 4, 2009
 * //
 * //
 * constans
 * ------------------------------------------------ */
/* global styles
 * ------------------------------------------------ */
* {
  margin: 0;
  padding: 0; }

body {
  font: 62.5% "Lucida Grande",Lucida,Verdana,sans-serif;
  color: #444444;
  background: #ff9c00 url(/images/bgBody.gif) 0 0 repeat-x; }

p {
  font-size: 1.2em;
  margin-bottom: 2em;
  line-height: 180%; }

#content p {
  text-align: justify; }

h2 {
  font: 2.5em "Trebuchet MS";
  font-style: italic;
  font-weight: normal;
  color: #4f4f4f;
  padding-bottom: .5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #c9c0a9; }
  h2 span {
    color: #ababab; }

#content h3 {
  font-size: 1.6em;
  margin-bottom: .5em;
  color: #333; }

#content ul,
#content ol {
  font-size: 1.2em;
  margin-bottom: 2em;
  padding-left: 20px;
  line-height: 180%; }
  #content ul li,
  #content ol li {
    padding: 0 0 15px 50px;
    list-style: none;
    text-align: justify; }
  #content ul .first,
  #content ol .first {
    background: url(/images/bullet-1st.gif) 0 0 no-repeat; }
  #content ul .second,
  #content ol .second {
    background: url(/images/bullet-2nd.gif) 0 0 no-repeat; }
  #content ul .third,
  #content ol .third {
    background: url(/images/bullet-3th.gif) 0 0 no-repeat; }

/* layout
 * ------------------------------------------------ */
#container {
  background: url(/images/bgContainer.gif) 50% 0 no-repeat; }
  #container #sub-cont #header {
    width: 950px;
    height: 249px;
    margin: 0 auto;
    position: relative;
    background: url(/images/bgHeader.png) 0 0 no-repeat; }
    #container #sub-cont #header h1 {
      position: absolute;
      top: 53px;
      left: 65px;
      width: 180px;
      height: 43px; }
      #container #sub-cont #header h1 a {
        display: block;
        float: left;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        overflow: hidden;
        background: url(/images/logo.gif) 0 0 no-repeat; }
    #container #sub-cont #header #rss {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 190px;
      height: 73px;
      margin: 0; }
      #container #sub-cont #header #rss a {
        display: block;
        float: left;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        overflow: hidden;
        background: url(/images/rss.png) 0 0 no-repeat; }
    #container #sub-cont #header #main-nav {
      position: relative;
      float: left;
      height: 49px;
      top: 200px;
      left: 0; }
      #container #sub-cont #header #main-nav li {
        list-style: none;
        display: block;
        float: left;
        height: 49px;
        margin-left: 35px; }
        #container #sub-cont #header #main-nav li a {
          display: block;
          float: left;
          width: 100%;
          height: 100%;
          text-indent: -9999px;
          overflow: hidden; }
      #container #sub-cont #header #main-nav #tab-about {
        width: 76px; }
        #container #sub-cont #header #main-nav #tab-about a {
          background: url(/images/n1.gif) 0 0 no-repeat; }
        #container #sub-cont #header #main-nav #tab-about a:hover {
          background-position: 0 -49px; }
      #container #sub-cont #header #main-nav #tab-labs {
        width: 146px; }
        #container #sub-cont #header #main-nav #tab-labs a {
          background: url(/images/n2.gif) 0 0 no-repeat; }
        #container #sub-cont #header #main-nav #tab-labs a:hover {
          background-position: 0 -49px; }
      #container #sub-cont #header #main-nav #tab-apps {
        width: 139px; }
        #container #sub-cont #header #main-nav #tab-apps a {
          background: url(/images/n3.gif) 0 0 no-repeat; }
        #container #sub-cont #header #main-nav #tab-apps a:hover {
          background-position: 0 -49px; }
      #container #sub-cont #header #main-nav #tab-comunity {
        width: 109px; }
        #container #sub-cont #header #main-nav #tab-comunity a {
          background: url(/images/n4.gif) 0 0 no-repeat; }
        #container #sub-cont #header #main-nav #tab-comunity a:hover {
          background-position: 0 -49px; }
  #container #sub-cont #wrapper {
    position: relative;
    width: 950px;
    padding: 77px 0 0;
    margin: 0 auto;
    background: url(/images/bgWrapper.gif) 0 0 no-repeat; }
    #container #sub-cont #wrapper #searching-box {
      display: none;
      position: absolute;
      top: 5px;
      right: 5px; }
      #container #sub-cont #wrapper #searching-box fieldset {
        border: 0 none; }
        #container #sub-cont #wrapper #searching-box fieldset legend {
          display: none; }
    #container #sub-cont #wrapper #content-wrapper {
      float: left;
      width: 100%;
      background: url(/images/bgContentwrapper.gif) repeat-y; }
      #container #sub-cont #wrapper #content-wrapper #c-wrapp {
        float: left;
        width: 100%;
        padding: 0 0 7px;
        background: url(/images/bgCwrapp.gif) 0 100% no-repeat; }
        #container #sub-cont #wrapper #content-wrapper #c-wrapp #content {
          float: left;
          width: 621px;
          margin: 0 25px; }
        #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar {
          float: right;
          width: 249px;
          margin-right: 8px; }
          #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box {
            width: 249px; }
            #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box h3 {
              width: 100%;
              height: 56px;
              text-indent: -9999px;
              overflow: hidden; }
            #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box #subnav li {
              list-style: none;
              padding: 6px 5px 6px 50px;
              line-height: 100%;
              background: url(/images/bgSubnav-li.gif) 0 100% no-repeat; }
              #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box #subnav li a {
                font-size: 1.6em;
                text-decoration: none;
                color: #785217; }
              #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box #subnav li a:hover {
                color: #dc4c1f; }
            #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box #subnav li.lastrow {
              padding: 6px 5px 11px 50px;
              background: url(/images/bgSubnav-li-lastrow.gif) 0 100% no-repeat; }
            #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box #subnav li.highlighted {
              padding: 0 0 1px 13px; }
              #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar .sidenav-box #subnav li.highlighted p {
                font-size: 1.6em;
                line-height: 100%;
                color: #e69c85;
                margin: 0;
                padding: 6px 3px 6px 37px;
                background: url(/images/bgSubnav-highlighted.gif) 0 50% no-repeat; }
  #container #sub-cont #wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#home #container #sub-cont #wrapper {
  background: url(/images/bgWrapper-home.gif) 0 0 no-repeat; }

#home #container #sub-cont #content-wrapper {
  background: url(/images/bgContentwrapper-home.gif) repeat-y; }

#home #container #sub-cont #wrapper #content-wrapper #c-wrapp #content {
  float: left;
  width: 354px; }
  #home #container #sub-cont #wrapper #content-wrapper #c-wrapp #content h2 {
    height: 58px;
    width: 318px;
    text-indent: -9999px;
    overflow: hidden;
    margin: .5em 0 1.5em;
    border: 0 none;
    background: url(/images/bgWelcome.gif) 0 0 no-repeat; }
  #home #container #sub-cont #wrapper #content-wrapper #c-wrapp #content p {
    font-size: 1.8em;
    font-style: italic;
    margin: 0 0 2em;
    line-height: 120%; }
    #home #container #sub-cont #wrapper #content-wrapper #c-wrapp #content p span {
      display: block;
      font-size: .6em;
      margin: 1em 0 0; }
  #home #container #sub-cont #wrapper #content-wrapper #c-wrapp #content .small {
    font-size: 1.2em; }
    #home #container #sub-cont #wrapper #content-wrapper #c-wrapp #content .small span {
      display: inline;
      font-size: 1em;
      margin: 0;
      color: #40a6f2; }

#home #container #sub-cont #wrapper #content-wrapper #c-wrapp #sidebar {
  float: right;
  width: 487px;
  margin: 0 25px; }

#footer-wrapper p {
  text-align: center;
  color: #a46402;
  margin: 1em 0; }
  #footer-wrapper p a {
    color: #a46402; }

#twitter {
  float: left;
  width: 220px;
  padding: 90px 0 25px;
  background: url(/images/bgTwitter.gif) 0 0 no-repeat; }
  #twitter .post {
    color: #fff; }
  #twitter .tag {
    color: #333;
    font-size: 1.1em;
    margin: .5em 0 0; }
    #twitter .tag a {
      color: #fff; }

#feedback {
  float: right;
  width: 220px; }
  #feedback ul li {
    list-style: none;
    font-size: 2em;
    line-height: 32px;
    color: #68400d;
    padding: 0 0 0 50px;
    margin: 0 0 .6em;
    background: url(/images/bullet.gif) 0 50% no-repeat; }


.sn-labs {
  background: url(/images/sn-labs.gif) 0 0 no-repeat; }