/*
Theme Name: NANObrook
Theme URI: http://nanobrook.com/
Description: NANObrook theme
Version: 1.0
Author: psq
Tags: custom

*/

/*
blue: #DCEBF1
light orange: #F9BB8B
dark orange: #C85848
brown: #6B2922

*/

* { padding: 0; margin: 0; }

body {
  background: #fff;
  color: #222;
  font: 13px "helvetica neue", helvetica, arial, san-serif;
  text-align: center;
}

html {
  overflow-y : scroll;
}

.container {
  margin: 0 auto;
  width: 800px;
  text-align: left;
  padding-top:22px;
  line-height:22px;
}

h1, h2, h3, h4 {
  font: bold 100% "helvetica neue", helvetica, arial, san-serif;
}

h1 {
  font-size: 72px;
  margin-left: 82px;
}

h1 a {
  color: white;
}

h2 {
  color: #6B2922;
  font-size: 150%;
}

h2 a {
  color: #6B2922;
  text-decoration: none;
}

h2 a:hover, h3 a:hover {
  color: #F9BB8B;
  text-decoration: underline;
}

h3 {
  color: #C85848;
  font-size: 125%;
}

h3 a {
  text-decoration: none;
  color: #C85848;
}

#main {
  background-color: #DCEBF1;
  height: 450px;
  padding: 30px 50px;
}

.product {
  padding: 10px;
  margin-left: 30px;
  float: left;
  width: 300px;
  height: 100px;
}

.about {
  padding: 10px;
  margin-left: 30px;
  float: left;
  width: 300px;
  height: 160px;
}

.contact {
  padding: 10px;
  margin-left: 30px;
}

.about a {
  color: #C85848;
}

.about a:hover {
  color: #6B2922;
}

.about h2 {
  margin-bottom: 16px;
}

.about li {
  margin-left: 20px;
}

#tagline {
  background-color: #C85848;
  color: #F9BB8B;
  text-align: center;
  height: 26px;
  padding: 20px;
  font-size: 120%;
}

#tagline a {
  text-decoration: none;
  color: #F9BB8B;
}

#footer {
  margin: 10px;
  font-size: 85%;
}

#footer form {
  margin: 5px;
}

#footer input {
  margin: 5px;
}

#menu {
  float: right;
  color: #C85848;
}

#menu a {
  color: #C85848;
}

#menu a:hover {
  color: #6B2922;
}

.contact input, .contact textarea {
  margin: 10px 0;
}