/*
Theme Name: iStorm
Theme URI: http://metro-kc.org/
Description: This is it
Version: 1.0
Author: Designed by House of Tears Design
Author URI: http://houseoftearsdesign.com/
Tags: fixed width, two columns
*/

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
}

body {
  background: transparent  url('images/bg.jpg') center 160px no-repeat;
}


#answers-image-home {
  background-repeat: no-repeat;
  background-image: url('images/answers_home.jpg');
  width: 511px;
  height: 237px;
  margin-top: 22px;
}

img {
  border: 0;
}

a {
  color: #6262A3;
  text-decoration: none;
}

input {
  margin: 0;
  padding: 0;
}

#center {
  position: relative;
  width: 1265px;
  min-height: 960px;
  margin: 0 auto;
}

#center #flash-header {
  width: 1265px;
  height: 208px;
  margin: -1px 0 0 0;
  padding: 0;
  background: transparent  url('images/header_day-small.jpg') no-repeat;
}

#center #menu {
  width: 1265px;
  height: 41px;
  margin: 0 0 0 0;
}

#center #menu a {
  display: block;
  float: left;
  height: 41px;
}

#center #main #clear {
  height: 1px;
  width: 1260px;
  clear: both;
}

#center #main #left {
  float: left;
  position: relative;
  width: 538px;
  margin: 0 0 0 39px;
}

#center #main #left-wrap {
  position: relative;
  float: left;
  width: 538px;
  background: transparent url('images/left_shadow.png') repeat-y;
}

#center #main #left #left-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 511px;
  margin: 0 0 0 11px;
  min-height: 300px;
  background: #fff;
  opacity: 0.8;
  filter:alpha(opacity=80);
}

#center #main #left #left-content {
  position: relative;
  width: 511px;
  margin: 0 0 0 11px;
  min-height: 300px;
}

#center #main #left #left-content #text {
  padding: 280px 45px 60px; 
  line-height: 140%;
}

#center #main #left #left-content #text.home {
  padding-top: 30px;
}

#center #main #left #left-content #answers-image {
  position: absolute;
  top: 20px;
  height: 193px;
  width: 511px;
}

#center #main #left #left-content #answers {
  position: absolute;
  top: 192px;
  height: 66px;
  width: 511px;
  background: url('images/answers.png') no-repeat;
}

#center #main #left #left-bottom {
  float: left;
  width: 538px;
  height: 26px;
  background: url('images/left_bottom_shadow.png') no-repeat;
}

#center #main #left #people-spacer {
  width: 400px;
  height: 132px;
  float: left;
}

#center #people {
  position: absolute;
  bottom: 58px;
  left: 68px;
  width: 487px;
  height: 192px;
  background: url('images/people.png') no-repeat;
  z-index: 99;
}

#center #main #right {
  float: right;
  width: 590px;
  margin: 0 39px 0 0;
}

#center #main #right-wrap {
  position: relative;
  float: right;
  width: 580px;
  background: transparent url('images/right_shadow.png') repeat-y;
}

#center #main #right #right-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 553px;
  margin: 0 0 0 12px;
  min-height: 300px;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#center #main #right #right-content {
  position: relative;
  width: 553px;
  margin: 0 0 0 12px;
  padding: 20px 0 0 0;
  min-height: 300px;
}

#center #main #right #right-content .post {
  padding: 10px 55px 80px;
  line-height: 140%;
}

#center #main #right #right-content .post li {
  padding: 0 0 12px 0;
}

#center #main #right #right-content .post li p {
  margin-bottom: 0;
}

#center #main #right #right-content .post h2 {
  margin: 0 0 -5px 0;
  font-weight: normal;
}

#center #main #right #right-bottom {
  float: right;
  width: 580px;
  height: 26px;
  background: url('images/right_bottom_shadow.png') no-repeat;
}

#center #main #mailing-list {
  float: right;
  height: 180px;
  width: 590px;
  background: url('images/join_mailing.png') top left no-repeat;
}

body.page-id-22 #center #main #mailing-list {
  display: none;
}

#center #main #mailing-list td {
  vertical-align: bottom;
}

#center #main #mailing-list td.first {
  padding-right: 5px;
}

#center #main #mailing-list td.last {
  padding-right: 5px;
}

#center #main #mailing-list #form {
  margin: 115px 0 0 28px;
  font-size: 12px;
  color: #000;
}

#center #main #mailing-list #fname, #center #main #mailing-list #lname, #center #main #mailing-list #email {
  border: 1px solid #000;
  font-size: 14px;
  margin-bottom: 19px;
  background: transparent;
  width: 140px;
}

#center #main #mailing-list #submit {
  border: 0;
  height: 54px;
  width: 101px;
  background: url('images/submit.png') no-repeat;
  cursor: pointer;
}

#center #main #divider {
  float: left;
  position: relative;
  width: 27px;
  margin: 30px 0 30px 22px;
}

#center #main #divider-top, #center #main #divider-bottom {
  height: 27px;
  width: 27px;
}

#center #main #divider-middle {
  height: 100%;
  width: 27px;
  background: url('images/divider.png') repeat-y;
}

#center #footer {
  position: relative;
  width: 1265px;
  height: 88px;
  background: url('images/footer.jpg') no-repeat;
  clear: both;
}

#footer #links {
  position: relative;
  top: 24px;
  left: 110px;
  color: #ddd;
  font-size: 10px;
  line-height: 150%;
  width: 400px;
}

#footer #links a {
  color: #ddd;
  text-decoration: none;
}

#footer #links a:hover {
  text-decoration: underline;
}

#footer #sites {
  position: absolute;
  right: 20px;
  top: 20px;
}

#footer #sites a {
  display: block;
  float: left;
  margin: 0 16px; 
}

/* Contact Form */

.wpcf7 input[type="text"] {
  width: 300px;
}

.wpcf7 input[type="submit"] {
  border: 0;
  height: 54px;
  width: 101px;
  background: url('images/submit.png') no-repeat;
  cursor: pointer;
}

.wpcf7 textarea {
  width: 300px;
}

.wpcf7 table td {
  text-align: right;
  vertical-align: top;
}

.wpcf7 table {
  margin-top: 20px;
}

/* Booking */

#center #main #right #right-content #booking {
  padding: 20px 10px 80px 30px;
  line-height: 140%;
}

#center #main #right #right-content #booking table td.rt {
  text-align: right;
}

#center #main #right #right-content #booking input {
  width: 200px;
}

#center #main #right #right-content #booking #phone1 {
  width: 40px;
}

#center #main #right #right-content #booking #phone2 {
  width: 40px;
}

#center #main #right #right-content #booking #phone3 {
  width: 60px;
}

#center #main #right #right-content #booking #submit {
  float: right;
  border: 0;
  height: 19px;
  width: 77px;
  margin-top: 10px;
  background: url('images/booking_submit.png') no-repeat;
  cursor: pointer;
}

/* CC Confirmation */

#confirmation td {
  border-collapse: collapse;
}

#confirmation td {
  font-weight: bold;
}

#confirmation td.rt {
  text-align: right;
}

#confirmation tr.cc td {
  border-bottom: 1px solid #555;
}


/* Images */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.farright {
	padding: 4px;
	margin: 0 0 2px 9px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}