/*  
Theme Name: Tingz
Theme URI: http://tingz.wordpress.com/
Description: Tingz theme
Version: 1.0
Author: Erik Kastner
Author URI: http://metaatem.net
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

body {
  background: white;
  font-size: medium;
  font-family: helvetica, arial, sans-serif;
}

a { color: #0066cc; }

#header-wrap, #content-wrap, #footer-wrap, #info-bar-wrap, #drawer-wrap, #ribbon-wrap {
  font-size: 75%; /* 12px */
}

#header, #content, #footer, #info-bar, #drawer, #ribbon {
  width: 71.667em; /* 860.0px at 12px base */
  margin: 0 auto;
}

#header-wrap {
  background: #004a83 url('images/header-background.png') repeat-x;  
}

#header {
  overflow: hidden;
  height: 12.500em; /* 150.0px at 12px base */
}

#info-bar-wrap {
  background: url('images/info-bar-background.png') repeat-x top;
  height: 5.750em; /* 69.0px at 12px base */
  z-index: 10;
  position: relative;
  margin-top: -3.750em; /* 45.0px at 12px base */
}

#info-bar {
  height: 5.750em; /* 69.0px at 12px base */
  background: url('images/info-bar-divet.png') no-repeat top center;
  z-index: 10;
  position: relative;
  margin: 0 auto;
}

#drawer-wrap {
  background: black url('images/drawer-background.png') repeat-x top;
  margin-top: -19px;
  z-index: -1;
}

#drawer {
  height: 26.667em; /* 320.0px at 12px base */
  z-index: -2;
}

#ribbon-wrap {
  height: 5.000em; /* 60.0px at 12px base */
  background: black url('images/ribbon-background.png') repeat-x top;
  margin-top: -19px;
}

#ribbon {
  padding-top: 1em;
}

#ribbon span {
  padding-top: 0.1em;
  color: #FFF;
  line-height: 1.2em;
  font-size: 2.500em; /* 30.0px at 12px base */
  font-weight: normal;
  float: left;
  width: 19.167em; /* 575.0px at 30px base */
}

#ribbon span a {
  color: #FFF;
}

#ribbon form {
  float: right;
  margin-right: 1.3em;
}

#ribbon form .rounded-input {
  display: inline;
  background: white;
  padding: 0.2em 0.5em;
  -moz-border-radius: 0.636em; /* 7.0px at 11px base */
  -webkit-border-radius: 0.636em; /* 7.0px at 11px base */
}

#ribbon form .rounded-input input {
  border: none;
  margin: 0 auto;
}

#ribbon form input[type=image] {
  vertical-align: -0.8em;
}

#ribbon form .label {
  display: block;
}

#content-wrap {
  background: white url('images/content-background.png') no-repeat top center;
  padding-bottom: 5em;
}

#home #content-wrap {
  background: white url('images/content-homepage-background.png') no-repeat top center;
}

#content {
  padding-top: 2.500em; /* 30.0px at 12px base */
  clear: left;
  overflow: auto;
  line-height: 1.6em;
}

#content h4 {
  font-size: 150%;
}

#content ul {
  margin-bottom: 2em;
}

#page #content {
  background: url('images/content-sidebar-background.png') repeat-y right;
}

#footer-wrap {
  background: transparent url('images/footer-background.png?1') repeat-x top;
  color: #0d0d0d;
  height: 5.000em; /* 60.0px at 12px base */
  bottom: 0;
  position: fixed;
  width: 100%;
}

#footer {
  width: 71.667em; /* 860.0px at 12px base - ODD */
  padding-top: 2em;
  position: relative;
  background: url('images/footer-divet.png?1') no-repeat top center;
  color: #999999;
  text-align: center;
  overflow: hidden;
}

#footer p, #footer ul {
  font-size: 0.833em; /* 10.0px at 12px base */
}

#footer .copyright {
  text-align: left;
  float: left;
  width: 27.000em; /* 400.0px at 10px base */
}

#footer .powered {
  float: left;
  width: 30em;
}

#footer ul {
  margin-top: 1em;
  float: right;
}

#footer ul li {
  float: left;
  margin-right: 10px;
}

#footer ul li a {
  color: #999999;
}

#sidebar {
  margin-left: 3.5em;
  width: 18em;
}

#sidebar li.widget {
  margin-bottom: 1em;
}

/* ------------------------------------------------------------------------- */

img.image-a {
  float: right;
}

img.image-b {
  float: left;
}

.edit {
  clear: left;
}

#header #logo {
  margin: 0 auto;
  text-align: center;
  padding-top: 1em;
/*  width: 8.667em; /* 104.0px at 12px base */*/
}

#header #logo img {
  width: 8.667em; /* 104.0px at 12px base */
}

#header #offsite {
  float: right;
  margin-top: -8em;
}

#offsite li {
  width: 8.000em; /* 96.0px at 12px base */
  padding: 0;
}

#offsite li img {
  height: 2.667em; /* 32.0px at 12px base */
}

#offsite li hr {
/*  margin-left: 2.500em; /* 30.0px at 12px base */
  left: 2.5em;
  position: relative;
  border: 0;
  height: 0;
  border-bottom: 1px solid #80b6de;
}

#info-bar .about img {
  margin-top: 1.500em; /* 18.0px at 12px base */
  height: 1.333em; /* 16.0px at 12px base */
  position: absolute;
}

#info-bar #menu {
  float: right;
  margin-top: 1.333em; /* 16.0px at 12px base */
}

#info-bar #menu li img {
  height: 1.750em; /* 21.0px at 12px base */
}

#info-bar #menu li {
  float: left;
  margin-right: 1.667em; /* 20.0px at 12px base */
}


#learn-more {
  width: 21.667em; /* 260.0px at 12px base */
  padding-top: 75px;
  float: left;
}

#learn-more .button {
  display: relative;
  margin-left: -0.500em; /* 6.0px at 12px base */
}


#see-devices {
  float: left;;
  padding-top: 2.083em; /* 25.0px at 12px base */
  margin: 0 auto;
  margin-left: -3em;
  width: 24.417em; /* 293.0px at 12px base */
}

#sign-up {
  text-align: center;
  width: 21.250em; /* 255.0px at 12px base */
  float: right;
  padding-top: 6.250em; /* 75.0px at 12px base */
}

#sign-up img {
  margin: 1.333em 0;
}

#sign-up input {
  margin-bottom: 1.333em; /* 16.0px at 12px base */
}

#learn-more img {
  margin-top: 0.833em; /* 10.0px at 12px base */
}

#signup {
  height: 61px;
}

.main-column {
  float: left;
  font-size: 1.083em; /* 13.0px at 12px base */
  width: 44.615em; /* 580.0px at 13px base */
/*  margin-right: 1em;*/
}

.main-column h4 {
  margin-bottom: 0.5em;
  margin-top: 1em;
}

#inner-content {
/*  background: transparent url('images/one-experience-background.png') repeat-y center;*/
  overflow: auto;
  margin-top: -2.5em;
  padding-top: 2.5em;
}

.col {
  text-align: center;
  float: left;
  width: 22.500em; /* 270.0px at 12px base */
  margin-right: 2.083em; /* 25.0px at 12px base */
}

.col img {
/*  margin-bottom: -1em;*/
  margin-bottom: -0.5em;
}

.col h4, #sidebar h4 {
  margin: 0.5em 0;
}

.col ul#targets, .col ul.targets {
  text-align: left;
  margin-top: -1em;
}

.col ul#targets li, .col ul.targets li {
/*  margin-bottom: 1em;*/
  margin-left: 4em;
}

.col ul#targets h4 a, .col ul.targets h4 a, .col ul#targets h4 {
  color: black;
}

.col ul#targets img, .col ul.targets img {
  float: left;
  margin-left: -3.5em;
  margin-top: 2em;
}

#last-col, #sidebar {
  text-align: left;
  margin-right: 0;
}


.post h3 {
  font-size: 21px;
  color: #433d32;
  font-weight: normal;
}

.post h3 a {
  color: #433d32;
}

.post .post-date {
  color: #6e5423;
  margin-bottom: 5px;
}

.sIFR-alternate {
  /* hack for sIFR weirdness */
  width: 500px !important;
}

/* Style for Wufoo confirmation page */
.wufoo .info h2 {
  text-align: left;
  font-size: 100%;
}


/*p {margin: 10px 0 0 0;}*/
.post { margin-bottom: 3em }