/*
Theme Name: Odd Web Things
Version: 1.1
Author: Piotr Godek
Author URI: http://oddwebthings.com
*/

.container {
  width: 90%;
  margin: 0 auto; }

.span-p-25, .span-p-33, .span-p-34, .span-p-50, .span-p-66, .span-p-75, .span-p-100 {
  float: left;
  margin: 0;
  padding: 0; }

.span-p-25, .span-p-33, .span-p-34, .span-p-50, .span-p-66, .span-p-75 {
  overflow: hidden; }

.span-p-25 {
  width: 25%; }

.span-p-33 {
  width: 33%; }

.span-p-34 {
  width: 34%; }

.span-p-50 {
  width: 50%; }

.span-p-66 {
  width: 66%; }

.span-p-75 {
  width: 75%; }

.span-p-100 {
  width: 100%; }

.spanpadder {
  padding-right: 20px; }
  .spanpadder.last {
    padding-right: 0; }

/* Colors */
body {
  background: #a8d5e3 url("./images/gradientup.png") top left repeat-x;
  color: #6e6e6e;
  min-width: 1050px;
  width: 100%;
  margin: 0;
  padding: 0; }

.page {
  background-color: white;
  color: #6e6e6e; }

#comments h4 {
  color: #6e6e6e; }

a:link, a:visited, a:active {
  color: #6e6e6e; }

h2 a:link, h2 a:visited, h2 a:active {
  color: black; }

h3 a:link, h3 a:visited, h3 a:active {
  color: black; }

h2 a:hover, h3 a:hover, a:hover {
  color: #e34906; }

.number a {
  color: #a8d5e3; }

#allbag {
  background: white url("./images/gradientdown.png") bottom left repeat-x; }

#headbag {
  background: white url("./images/thinbar-g.png") bottom left repeat-x; }

.bottombag {
  background: transparent url("./images/thickbar-g.png") top left repeat-x; }

#thingplace .bottombag {
  background-image: none; }

#bottombaghp {
  background: none; }

#footbag {
  background: #a8d5e3 url("./images/thinbar-g-full.png") 0px 0px repeat-x; }

.prev {
  background: transparent url("./images/less.png") 0 0 no-repeat; }

.next {
  background: transparent url("./images/more.png") 0 0 no-repeat; }

input, textarea {
  color: #1092b6;
  background-color: white;
  border: 0; }

input[type="submit"] {
  color: yellow;
  background-color: transparent;
  border: 0; }

div#mainmenucontainer {
  float: right;
  width: auto; }
  div#mainmenucontainer ul#mainmenu {
    display: block;
    float: right;
    margin-top: 10px;
    list-style-type: none; }
    div#mainmenucontainer ul#mainmenu li {
      float: left;
      margin-left: 30px; }
      div#mainmenucontainer ul#mainmenu li a {
        display: block;
        font-size: 16px;
        color: #999999;
        text-decoration: none; }
        div#mainmenucontainer ul#mainmenu li a:hover {
          color: #e34906; }
    div#mainmenucontainer ul#mainmenu li.current_page_item a {
      color: black; }

div#footer {
  color: #4d4d4d; }

#footer ul, #sidebar ul.bar {
  list-style-type: none; }

.post img.wp-smiley {
  border: 0; }

.postmetadata, .commentmetadata, .responder, .tools {
  color: #999999; }

div.dynnav a:link, div.dynnav a:visited, div.dynnav a:active {
  color: black; }
div.dynnav a:hover {
  color: #e34906; }

#commentform textarea, #commentform input {
  border: 2px #a8d5e3 solid; }
#commentform #submit {
  display: block;
  background: url("./images/send.png") no-repeat;
  width: 70px;
  height: 70px;
  border: none;
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0; }

ul.commentlist {
  border-top: 2px #a8d5e3 solid;
  list-style-type: none; }

#sidebar ul {
  list-style-type: none; }
#sidebar .feeds {
  background: transparent url("./images/feed.png") right top no-repeat; }

.menu_0_0 {
  background: transparent url("./images/menus/menu_0_0.png") left top no-repeat; }

.menu_0_1 {
  background: transparent url("./images/menus/menu_0_1.png") left top no-repeat; }

.menu_0_2 {
  background: transparent url("./images/menus/menu_0_2.png") left top no-repeat; }

.menu_0_3 {
  background: transparent url("./images/menus/menu_0_3.png") left top no-repeat; }

.menu_0_4 {
  background: transparent url("./images/menus/menu_0_4.png") left top no-repeat; }

div.parallax ul {
  list-style-type: none; }

ul.navimages img {
  border: 8px #eeeeee solid; }

div#progressbar {
  background-color: #e34906; }
div.button {
  color: white;
  background-color: #a8d5e3; }

.wp-caption {
  position: relative;
  padding: 0; }

.wp-caption-text {
  font-weight: bold;
  display: block;
  margin: 0;
  position: absolute;
  background-color: white;
  bottom: 0;
  right: 0;
  padding: 2px 5px 3px 5px; }

#attention_ie6 {
  width: 100%;
  background: url(./images/attention_ie6_shield.gif) 1% 50% no-repeat #fffee6;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0; }
  #attention_ie6 a {
    padding: 5px 0 0 5%;
    width: 95%;
    height: 25px;
    font-size: 12px;
    text-transform: none;
    text-decoration: none;
    border-bottom: 1px solid #929384;
    background: url(./images/attention_ie6_close.gif) 99% 50% no-repeat;
    display: block;
    position: relative; }

/* Layout */
body {
  margin: 0; }

.bag {
  width: 100%;
  float: left;
  clear: both; }

.fullbag {
  width: 70%;
  float: left; }

h1, h2, h3, h4, h5, h6 {
  color: black;
  font-weight: normal;
  text-align: left;
  display: block;
  height: auto; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  display: block;
  text-decoration: none;
  outline: none; }

h1 {
  margin-top: 0;
  margin-bottom: 0; }

h2 {
  margin-top: 10px;
  margin-bottom: 20px; }

h3 {
  margin-top: 20px;
  margin-bottom: 15px; }

h4 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h4.nav {
    margin: 0; }

h5, h6 {
  margin-top: 2em;
  margin-bottom: 1em; }

.postmetadata a, .responder a, .dynnav a, .thingtools a {
  display: block; }

ul, li {
  margin-right: 0px; }

#header {
  padding-top: 15px;
  height: 60px; }
  #header h1 {
    float: left; }

img.headpic {
  padding: 10px 0 20px 0;
  width: 642px;
  height: 276px;
  display: block; }
img.headpiclist {
  width: 306px;
  height: 132px;
  padding: 0px 0 20px 0; }

.notopmargin {
  margin-top: 0; }

.post {
  padding-top: 40px; }

h2.blogpagetitle {
  margin: 40px 0 0 0; }

.listpost {
  margin-top: 10px;
  margin-bottom: 40px; }
  .listpost .tools {
    height: 2.5em; }

div#footbag {
  margin-top: 40px; }
div#footer {
  padding: 30px 0 40px 0; }

.firstheader {
  margin-top: 0; }

.kwicks {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0; }

img.wp-smiley {
  margin: 0;
  padding: 0;
  border: 0;
  display: inline;
  float: none; }

#frontposts {
  margin-top: 30px; }
  #frontposts .postmetadata {
    margin-bottom: 10px; }

#moreposts {
  margin-top: 30px; }
  #moreposts a {
    display: block; }

.tools {
  margin: 20px 0 30px 0; }

.entry {
  margin: 0 0 20px 0; }
  .entry .column {
    padding-left: 25px; }
  .entry .first {
    padding-left: 0; }

#commentform textarea, #commentform input {
  border: 2px #d5e8ee solid;
  margin-left: auto;
  margin-right: auto; }
#commentform textarea {
  width: 100%;
  height: 128px;
  margin-top: 10px;
  margin-bottom: 15px; }
#commentform input {
  width: 190px;
  margin-top: 2px;
  margin-bottom: 3px;
  margin-right: 10px; }
#commentform label {
  padding: 10px 0 10px 0;
  margin-top: 2px;
  margin-bottom: 3px; }

#comments h4 {
  margin-top: 10px;
  margin-bottom: 5px; }

.commentlistitem {
  display: block;
  float: left; }

.commentitem {
  display: block;
  margin-bottom: 20px; }

.commentnumber {
  float: left;
  clear: left;
  width: 40px;
  margin-top: 19px;
  margin-right: 10px; }

.commenttext {
  float: left;
  width: 592px; }

.commentlist {
  display: block;
  margin-top: 20px;
  margin-left: 0;
  padding-top: 30px; }
  .commentlist li {
    display: block;
    float: left;
    clear: left; }

#sidebar {
  margin-top: 35px; }
  #sidebar ul {
    margin-top: 0;
    margin-left: 0; }
  #sidebar h2 {
    margin-top: 40px; }
  #sidebar .feeds {
    float: left; }
  #sidebar .prev, #sidebar .next {
    margin-top: 5px;
    margin-left: -20px;
    padding-left: 20px; }
  #sidebar .headnavigation {
    height: 95px; }

#banners {
  position: relative; }

#banners, .bannerbg {
  width: 100%;
  height: 380px; }

.bannerbg {
  position: absolute;
  left: 0;
  top: 0; }

.bannerimgbox {
  position: relative; }

.bannerimg {
  position: absolute;
  left: 0px;
  top: -20px;
  width: 100%;
  height: 436px; }

.bannerlink {
  display: block;
  width: 100%;
  height: 100%; }

img#wpstats {
  display: none; }

div.bottombag {
  min-height: 16px; }

div.parcontainer {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0px; }
div.parallax {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%; }

.galleryparallax, .smallimage {
  height: 160px; }

.singleparallax {
  height: 3000px; }

div.parallax div.layer {
  position: absolute; }
div.layer ul {
  margin: 0;
  padding: 0;
  width: auto; }
  div.layer ul li {
    float: left; }

ul.navnumbers li {
  width: 254px; }
ul.navnumbers a {
  position: relative;
  padding-top: 20px;
  display: block;
  width: 100%;
  height: 100%; }
ul.navnumbers img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none; }

.last {
  margin-right: 0;
  padding-right: 0; }

div#progressbar {
  display: none;
  position: absolute;
  top: 75px;
  left: 0;
  width: 0;
  height: 2px;
  z-index: 1001; }

.sidebanner {
  margin-top: 40px; }

.thingtools {
  width: 100%; }

a.imgbutton {
  display: block;
  float: right; }

.thingtools a.imgbutton {
  float: right; }

#moreposts a.imgbutton {
  float: right; }
  #moreposts a.imgbutton img {
    width: 70px;
    height: 70px;
    padding: 10px; }

#sidebar a.imgbutton img {
  width: 70px;
  height: 70px;
  padding: 10px;
  margin-top: 40px; }

.thingtools a.imgbutton img {
  width: 44px;
  height: 44px;
  padding: 10px; }

.smallimgbutton {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 64px;
  height: 64px; }
  .smallimgbutton.right {
    float: right; }
  .smallimgbutton img {
    display: block;
    width: 44px;
    height: 44px;
    padding: 10px;
    margin: 0; }

blockquote {
  margin-right: 0; }

.alignnone {
  margin: 0 0 10px 0; }

.aligncenter {
  margin: 0 auto 10px auto; }

.alignleft {
  float: left;
  margin: 0 10px 10px 0; }

.alignright {
  float: right;
  margin: 0 0 10px 10px;
  padding: 0; }

.wp-caption img {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto; }

.bignumber {
  display: block; }

/* Typography */
body {
  font-size: 75%;
  font-family: "Helvetica Neue", Helvetica, "Nimbus Sans", Arial, Sans-Serif; }

em {
  font-style: normal;
  font-weight: bold; }

a:link, a:visited, a:active {
  text-decoration: underline;
  outline: none; }
a:hover {
  text-decoration: underline; }
a.img {
  text-decoration: none; }

span.img {
  text-decoration: none; }

h1 a:link, h1 a:visited, h1 a:active {
  text-decoration: none;
  outline: none; }

h2 a:link, h2 a:visited, h2 a:active {
  text-decoration: none;
  outline: none; }

h3 a:link, h3 a:visited, h3 a:active {
  text-decoration: none;
  outline: none; }

h4 a:link, h4 a:visited, h4 a:active {
  text-decoration: none;
  outline: none; }

h5 a:link, h5 a:visited, h5 a:active {
  text-decoration: none;
  outline: none; }

h6 a:link, h6 a:visited, h6 a:active {
  text-decoration: none;
  outline: none; }

.number a:link, .number a:visited, .number a:active {
  text-decoration: none;
  outline: none; }

h1 {
  font-size: 44px; }

h2 {
  font-weight: normal;
  font-size: 48px;
  line-height: 1.4em; }

.postparts h2 {
  font-size: 32px; }

h2.home, h2.list {
  font-size: 24px; }

#sidebar h2 {
  font-size: 24px; }

.thisispage h2.title {
  font-size: 64px;
  text-align: center; }

h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5em; }

h4 {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5em; }

h5, h6 {
  font-size: 16px; }

.number {
  font-weight: normal;
  font-size: 120px;
  line-height: 1; }

div#description {
  font-size: 38px;
  line-height: 1.4;
  text-align: center;
  display: block;
  margin: 20px 0 30px 0; }
  div#description img {
    margin: 25px 0 30px 0; }

.post .entry {
  text-align: justify; }

.post .entry, .postpart {
  font-size: 14px; }

.readrest, .tools, .commentmetadata {
  font-size: 10px;
  text-transform: uppercase; }

.postmetadata, .responder, .dynnav, .thingtools {
  font-size: 16px; }

.postmetadata {
  line-height: 1; }

.thingtools {
  text-transform: uppercase; }

div.dynnav a, a.dynnav {
  text-transform: uppercase;
  text-decoration: none; }

input[type="submit"], .strong {
  font-weight: bold; }

blockquote {
  font-style: normal; }

label {
  font-weight: bold; }

.wp-caption-text {
  font-size: 11px; }

.about, .textwidget {
  font-weight: bold;
  font-size: 120%; }

.messages {
  font-size: 120%; }
  .messages a {
    font-weight: bold; }

#footer {
  font-size: 80%; }

.text-right {
  text-align: right; }

.bigquote {
  font-size: 2em; }

.postpart {
  float: left;
  margin: 0;
  padding: 0 30px 0 0; }

.postdesc {
  padding-left: 10px; }
  .postdesc h2 {
    margin-top: 0; }
  .postdesc p {
    margin: 0 0 5px 0; }
  .postdesc ul {
    float: none;
    list-style-type: disc; }
    .postdesc ul li {
      float: none;
      clear: both;
      list-style-type: disc;
      margin-left: 20px;
      width: auto; }