/*
Theme Name: Rye Project
Theme URI: http://www.ryeproject.com
Description: Theme created for Rye Project
Author: Example7
Author URI: http://www.example7.com
Version: 1.0

  Colors
  ------
  red          b53d15     old: ce3521
  brown        3a2d1c
  cream        fcf9f0


  Fonts
  --------
  Open Sans       font-family: 'Open Sans', sans-serif;      400 / 700
  Microbrew 3D    font-family: MicrobrewThreeD;              normal

  Georgia         font-family: Georgia, serif; 

*/

@import url('style-normalize.css');





/* -------------------[ Layout ]------------------- */

body { 
  background: url(images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#wrapper { 
  width: 1000px; margin: 80px auto 0 auto; padding: 8px; 
  background: rgb(255, 255, 255); 
  background: rgba(255, 255, 255, 0.3); 
}

#container { 
  position: relative; z-index: 1;
  width: 1000px; 
  background: url(images/background-right.jpg) repeat 0 0;
}

/* -------------------[ Header ]------------------- */

#logo { 
  position: absolute; top: 25px; left: 0; right: 0; z-index: 999;
  width: 386px; height: 220px; margin: auto;
}

#header { 
  clear: both; 
  width: 1000px; height: 107px; margin: 0; padding: 0;
  border-bottom: solid 5px rgba(85, 71, 62, 0.8);
  background: url(images/background-wood.jpg) repeat center top; 
}

#nav ul, 
#nav li { 
  float: left; 
  margin: 0; padding: 0; 
  list-style: none; 
}

li.nav01 a, 
li.nav02 a, 
li.nav03 a, 
li.nav04 a { 
  float: left; display: block; overflow: hidden; 
  width: 120px; height: 112px; 
  text-indent: -10000px; 
}

li.nav01 a { 
  margin: 0 0 0 15px;
  background: url(images/nav1.png) no-repeat 0 0; 
}
li.nav02 a { 
  margin: 0 0 0 15px;
  background: url(images/nav2.png) no-repeat 0 0; 
}
li.nav03 a { 
  margin: 0 0 0 460px;
  background: url(images/nav3.png) no-repeat 0 0; 
}
li.nav04 a { 
  margin: 0 0 0 15px;
  background: url(images/nav4.png) no-repeat 0 0; 
}

li.nav01 a:hover, 
li.nav02 a:hover, 
li.nav03 a:hover, 
li.nav04 a:hover { 
  background-position: 0 -112px; 
}

li.nav01 a.active, 
li.nav02 a.active, 
li.nav03 a.active, 
li.nav04 a.active { 
  background-position: 0 -224px; 
}

/* -------------------[ Content ]------------------- */

#content { 
  clear: both; 
  width: 1000px; margin: 0; padding: 0; 
  color: #3a2d1c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; 
}

.content-well { 
  clear: both;
  width: 1000px; height: 250px; 
}

.content-left { 
  float: left; 
  width: 587px; margin: 0; padding: 30px 40px; 
  background-image: url(images/background-line.png), url(images/background-paper.jpg);
  background-repeat: repeat-y, repeat;
  background-position: 663px -16px, 0 0; 
}

.content-right { 
  float: right; 
  margin: 0; 
}

.content-right-page { 
  width: 253px; padding: 30px 40px; 
}

.content-right-home { 
  width: 333px; padding: 0; 
}

.content-left ul,
.content-right ul { 
  margin: 0; padding: 0; 
}

.content-left ul li,
.content-right ul li { 
  list-style: none; 
  margin: 0 0 4px 0; padding: 0; 
}

.content-left .content-2-col { 
  width: 587px; overflow: auto; 
  background: url(images/background-line.png) repeat-y center -340px; 
}

.content-left .content-2-col .left { 
  float: left; 
  width: 260px; 
}

.content-left .content-2-col .right { 
  float: right; 
  width: 260px; 
}

.content-left ul li .textwidget,
.content-right ul li .textwidget { 
  clear: both; 
  margin: 0 0 15px 0; padding: 0 0 25px 0; 
  background: url(images/background-line-widget.png) no-repeat center bottom; 
}

.content-right-contact .textwidget { 
  background-image: none !important;
}

.content-left ul li .textwidget { 
  font-weight: 400; font-style: italic; 
}

.content-right ul li .textwidget { 
  font-weight: 700; 
}

.content-left ul li .textwidget h1,
.content-right ul li .textwidget h1 { 
  margin: -5px 0 10px 0;
}

.content-left ul li .textwidget h2,
.content-right ul li .textwidget h2 { 
  margin: 0 0 5px 0;
}

.content-left-home ul li .textwidget h2,
.content-right ul li .textwidget h2 { 
  color: #3a2d1c; font-size: 28px; line-height: 28px; 
}

.content-left ul li .textwidget h3,
.content-right ul li .textwidget h3 { 
  margin: 0 0 2px 0;
}

/* -------------------[ Home ]------------------- */

.teaser { 
  clear: both;
  width: 1000px; height: 58px; margin: 0; padding: 34px 0 0 0; 
  background: url(images/background-teaser.jpg) no-repeat 0 0; 
  color: #fcf9f0; font-family: georgia, serif; font-size: 20px; line-height: 22px; font-weight: 400; font-style: italic; text-align: center; 
}

.teaser a:hover { 
  color: #fcf9f0; 
}

.content-left-home { 
  height: 350px;
  background: url(images/background-paper.jpg) repeat 0 0; 
}

.content-left-home ul li .textwidget,
.content-right-home ul li .textwidget { 
  height: 130px; margin: 0 0 15px 0; padding: 0 0 25px 0; 
  background: url(images/background-line-widget.png) no-repeat center bottom; 
  font-size: 16px; line-height: 17px; 
}

.twitter-feed { 
  height: 350px; padding: 30px 40px; 
  background: url(images/background-twitter.jpg) repeat-y 0 0; 
  color: #fcf9f0; 
}

.twitter-feed ul li { 
  margin-bottom: 35px; 
}

.twitter-feed a { 
  color: #7ec3ea !important; 
}

.twitter-feed a:hover { 
  color: #fcf9f0 !important; 
}

/* -------------------[ Menu ]------------------- */

.content-left-menu { 
  font-family: georgia, serif;  
}

.go-left { 
  float: left; 
  width: 185px;  
}

.go-right { 
  float: right; display: block; 
  width: 75px; padding-top: 11px; 
  text-align: right; 
}

/* -------------------[ About ]------------------- */

.content-left-about { 
  min-height: 800px; 
}

.content-right-about { 
  color: #6f5b44;
}

.content-right-about a { 
  color: #3a2d1c !important; 
}

.content-right-about a:hover { 
  color: #b53d15 !important; 
}
/* -------------------[ Contact ]------------------- */

.content-left-contact { 
  min-height: 640px; 
}

#contact-form { 
  clear: both; overflow: hidden; 
  width: 580px; margin: 40px 0 0 0; 
}

#contact-form input,
#contact-form textarea { 
  border: none; 
  padding: 10px 12px; 
  background-color: #eee9de; 
  color: #ac9d8d; font-weight: 700; 
}

#contact-form .field-lg input,
#contact-form .field-msg textarea { 
  clear: both; 
  width: 570px; 
}

#contact-form .field-lg input {
  margin: 0 0 15px 0; 
}

#contact-form .field-msg textarea { 
  height: 90px; margin: 0 0 10px 0; 
}

#contact-form .required {
  float: left; 
  margin: 15px 0 0 15px; 
  font-size: 14px; font-weight: 400; font-style: italic; 
}

#contact-form .wpcf7-submit { 
  float: right; 
  height: 50px; margin: 0; padding: 5px 40px; 
  background-color: #b53d15; 
  border: 1px solid #b53d15;
  color: #fcf9f0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 18px; font-weight: 700; font-style: normal; letter-spacing: 0; text-transform: uppercase; text-align: center; 
}

#contact-form .wpcf7-submit:hover { 
  background-color: #fcf9f0; 
  border: 1px solid #b53d15;
  color: #b53d15; 
}

span.wpcf7-not-valid-tip { 
  clear: both; 
  margin: 0 0 10px 0; 
  border: none !important; 
  color: #b53d15 !important; font-size: 15px !important; 
}

div.wpcf7-mail-sent-ok, 
div.wpcf7-mail-sent-ng, 
div.wpcf7-spam-blocked, 
div.wpcf7-validation-errors { 
  width: 580px; margin: 20px 0 0 0 !important; padding: 10px 0 !important; 
  border: none !important; 
  color: #b53d15 !important; font-size: 15px !important; font-weight: bold; text-indent: 0px !important; text-align: left; 
}

div.wpcf7, 
div.wpcf7-response-output { 
  margin: 0 !important; padding: 0 !important; 
  border: none !important; 
}

span.wpcf7-form-control-wrap { 
  position: relative !important; 
}

/* -------------------[ Footer ]------------------- */

#footer { 
  clear: both; 
  width: 1000px; height: 90px; margin: 0; padding: 0; 
  background: url(images/background-wood.jpg) repeat center top; 
}

.footer-left { 
  float: left; 
  margin: 35px 0 0 35px;
  text-align: left; 
}

.footer-right { 
  float: right; 
  margin: 35px 35px 0 0;
  text-align: right; 
}

.footer-left,
.footer-right { 
  color: #fcf9f0; font-family: Georgia, Times, "Times New Roman", serif; font-size: 16px; font-style: italic; 
}

/* -------------------[ Credit ]------------------- */

#credit { 
  width: 1020px; margin: 10px auto 70px auto; padding: 0; 
  color: #3a2d1c; font-family: 'Open Sans'; font-size: 12px; font-weight: 400; text-align: right; 
}

#credit a { 
  color: #3a2d1c;
}

#credit a:hover { 
  color: #fcf9f0;
}

/* -------------------[ Type ]------------------- */

a:link, a:visited, a:active { 
  color: #b53d15; text-decoration: none; 
}

a:hover { 
  color: #3a2d1c; text-decoration: none; 
}

h1 { 
  margin: 0 0 25px 0; padding: 0;
  color: #b53d15; font-family: MicrobrewThreeD; font-size: 60px; line-height: 53px; font-weight: normal; font-style: normal; letter-spacing: 0; text-transform: uppercase; 
}

h2 { 
  margin: 0 0 10px 0; padding: 0;
  color: #b53d15; font-family: MicrobrewThreeD; font-size: 32px; line-height: 32px; font-weight: normal; font-style: normal; letter-spacing: 0.03em; text-transform: uppercase; 
}

h3 { 
  margin: 0 0 10px 0; padding: 0;
  color: #3a2d1c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 18px; font-weight: 700; font-style: normal; letter-spacing: 0; text-transform: uppercase; 
}

h4 { 
  margin: 0 0 10px 0; padding: 0;
  color: #3a2d1c; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 16px; font-weight: 700; font-style: normal; letter-spacing: 0; 
}

.lg { 
  font-size: 22px; line-height: 27px; letter-spacing: 0; 
}

.brown { 
  color: #3a2d1c !important; 
}

/* -------------------[ Icons ]------------------- */

.icon-twitter-blue,
.icon-twitter,
.icon-instagram,
.icon-email { 
  clear: both;
  width: 100%; height: 20px; margin: 8px 0; 
  font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 18px; font-weight: 700; text-indent: 23px; 
}

.icon-twitter-blue {
  background: url(images/icon-twitter-blue.png) no-repeat 0 2px; 
}

.icon-twitter {
  background: url(images/icon-twitter.png) no-repeat 0 0; 
}

.icon-instagram {
  background: url(images/icon-instagram.png) no-repeat 0 0; 
}

.icon-email {
  background: url(images/icon-email.png) no-repeat 0 1px; 
}

.icon-twitter-blue a { 
  color: #7ec3ea; 
}

.icon-twitter-blue a:hover { 
  color: #fcf9f0; 
}

.icon-twitter a,
.icon-instagram a,
.icon-email a {
  color: #3a2d1c;
}

.icon-twitter a:hover,
.icon-instagram a:hover,
.icon-email a:hover {
  color: #fcf9f0;
}