/* DEFAULTS */
h1 {
  font-size: 60px;
  line-height: 1em;
  text-transform: lowercase;
}
h2 {
  font-size: 18px;
  line-height: 1em;
}
/* END DEFAULTS */


/* home */
#home {
	color: #555;
	font-family: Georgia, serif;
    padding: 16px 5px;
}
#home h1 {
    /* Text in the image */
    font-size: 18px;
    
}
#home h2 {
    /* Top Users header, Instructions */
    font-size: 32px;
    line-height: 1em;
}
#home .row {
    padding: 14px 0;
}
#home #first-row {
    padding: 0;
    width: 920px;
    height: 558px;
    background-image: url(/images/home.png);
    background-repeat: no-repeat;
    position: relative;
    border: 0px;
    -moz-border-radius: 20px;
    -moz-background-clip: border;
    -webkit-border-radius: 20px;
    -webkit-backgroun-clip: border;
}
#home #first-row #home-search {
    position: absolute;
    top: 170px;
    left: 60px;
}
#home .row #home-search .form-field {
    border: 0px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    background-color: #fff;
    padding: 0 12px 0;
}
#home .row #home-search #query {
    width: 760px;
    padding: 6px 12px 6px 30px;
    font-size: 24px;
    line-height: 1em;
    background-color: #FFF;
  	background-image:url(/images/search-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    border: 0px;
	color: #333;
}
#home .row #home-search #language-dropdown {
    float: right;
    font-size: 16px;
}
#home .row #home-search #language-dropdown select {
    font-size: 16px;
    padding: 6px;
    width: 200px;
}
#home .row #home-search #language-dropdown input {
    padding: 6px;
    background-color: green;
}
#home .row #home-search #language-dropdown input:hover {
    padding: 6px;
    background-color: #3C436B;

}
#home .row #examples {
    font-size: 24px;
    line-height: 1.2em;
    width: 580px;
    padding: 15px;
    border: 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #f6efd8;
    float: left;
}
#home .row #examples p {
    padding: 0 0 8px;
}
#home .row #examples ul {
    padding: 0 20px 0;
    font-size: 18px;
    line-height: 1.3em;
    list-style: circle;
}
#home .row #blog-posts {
    padding: 10px 10px 0;
    width: 260px;
    float: right;
}
#home .row #blog-posts ul {
    line-height: 1.4em;
    font-size: 20px;
}
#home .row #blog-posts ul li#all-posts {
    font-style: italic;
    font-size: 16px;
}


/* 404 Page */
#error-wrapper h2 {
    font-size: 24px;
    line-height: 1em;
}
#error-wrapper #content #blurb {
    padding: 16px 0;
}
#error-wrapper #content #blurb p {
    padding: 12px 12px 0px;
}
#error-wrapper #content #links {
    padding: 0 0 16px;
    line-height: 1.6em;
}
#error-wrapper #content #links ul li {
  float: left;
  padding: 0px 8px 0px 0px;
}

/* About Us */
#about-wrapper #content #description {
  width: 500px;
  float: left;
  font-size: 18px;
}
#about-wrapper #content #description p {
  padding: 10px 0px 14px;
  line-height: 1.4em;
}
#about-wrapper #content #bios {
  border: 2px solid #1f5587;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  float: right;
}
#about-wrapper #content #bios .bio {
  padding: 12px;
  width: 330px;
}
#about-wrapper #content #bios .bio .bio-desc {
  float: left;
  width: 250px;
  line-height: 1.1em;
  font-size: 15px;
}
#about-wrapper #content #bios .bio .bio-desc p {
  padding: 4px 0px;
}
#about-wrapper #content #bios .bio .bio-img {
  float: right;
  width: 75px;
  border: 1px solid #999;
}
#about-wrapper #content #bios img {
  padding: 4px;
}


#about-wrapper h3 {
	border-top: 1px solid #555;
	padding-top: 10px;
	font-size: 30px;
	color: #555;
}

/* Tour page */
#tour-wrapper #content h2 {
  padding: 10px 0px 14px;
  line-height: 1.4em;
}

#tour-wrapper #content .step {
  padding: 20px 8px 4px;
  line-height: 1.3em;
}
#tour-wrapper #content .step .desc {
  width: 350px;
  float: left;
}
#tour-wrapper #content .step .screenshot {
  width: 500px;
  float: right;
}
#about-wrapper #content #description {
  width: 500px;
  float: left;
  font-size: 18px;
}
#about-wrapper #content #description p {
  padding: 10px 0px 14px;
  line-height: 1.4em;
}

/* Contact Page */
#contact-wrapper #content {
  padding: 8px 0px 0px;
}
#contact-wrapper #content #description {
  float: left;
  width: 480px;
  font-size: 18px;
  line-height: 1.4em;
}
#contact-wrapper #content #description ul {
  padding: 8px 24px 8px;
  list-style: circle;
}
#contact-wrapper #content #feedback-form {
  float: right;
  width: 400px;
}