/*
Theme Name: Balloon Impressions
URI: www.flyballoonimpressions.com
Description: Hot air balloon company based in Cincinnati, Ohio offering passenger rides, balloon tethers, gift certificates, and balloon promotions.
Tagline: Soaring you above the rest
Owner: Charlie Mays
Designer: Sweet Solutions
Designer URI: www.sweetsolutions.biz
*/


/* ---------- LAYOUT ---------- */
body {
  height: 100%; 
  margin: 0; 
  padding: 0; 
  background-color: #daebf2; 
  font-family: arial, verdana,tahoma,sans-serif; 
  font-size: 12px; 
  color: #000;
  }
  
#wrapper {width: 1295px; 
  background: url('images/header.jpg') no-repeat top right;
  margin: 0 auto; 
  padding: 0; 
  }

.clear {
  clear: both
  }
  
center {
  align: center;
  }
  
.left {
  float: left; 
  margin-right: 10px;
  }


/* ---------- GENERAL IMAGES---------- */
.none {
  border: none;
  }
  
.middle {
  vertical-align: middle;
  }


/* ---------- HEADER ---------- */
#header {
  width: 1295px; 
  height: 353px;
  }
  
#company {
  float: left; 
  width: 350px; 
  margin: 30px 0 0 165px; 
  text-align: center;
  }
  
#company #companyname {
  font-size: 16px; 
  color: #365f92; 
  font-weight: bold; 
  text-transform: uppercase; 
  letter-spacing: 2px;
  }
  
#company #companydescription {
  color: #bf0000; 
  font-weight: bold; 
  text-transform: uppercase; 
  letter-spacing: 1px;
  }
  
#company #servicearea {
  font-size: 14px; 
  letter-spacing: 2px;
  }
  
#company #phone {
  font-size: 20px;
  }
  
#bannerpic {
  float: right; 
  background: url('images/bannerpic.jpg') no-repeat;
  width: 628px; 
  height: 91px; 
  margin-top: 34px; 
  *margin-top: 22px; 
  margin-right: 120px; 
  }


/* ---------- TOP MENU ---------- */
#topmenu {
  float: right; 
  width: 550px; 
  height: 30px; 
  margin: 180px 100px 0 0; 
  *padding-top: 13px; 
  position: relative;
  }
  
#navigation ul {
  list-style: none; 
  margin: 0; padding: 0;
  }
  
#navigation li {
  float: left; 
  display: inline; 
  margin: 1px 4px 0 0; 
  padding: 0; 
  font-size: 16px;
  }
  
#navigation a {
  background: #365f92 url('images/leftside-blue.jpg') left top no-repeat; 
  margin: 0 2px 0 0; 
  padding: 0 0 3px 3px; 
  color: #fff; 
  text-decoration: none; 
  letter-spacing: 1px;
  }
  
#navigation a span {
  background: url('images/rightside-blue.jpg') right top no-repeat;
  padding: 6px 8px 2px 7px; 
  }
  
#navigation a, #navigation a span {
  display: block; 
  float: left;
  }
  
/* Hide from IE5-Mac */
#navigation a, #navigation a span {
  float: none;
  }
  
#navigation a:hover {
  background: margin url('images/leftside-lblue.jpg') 0 0; 
  color: #fff; 
  text-decoration: none; 
  letter-spacing: 1px; left; padding-left:3px; padding-right:0; padding-top:0; padding-bottom:3px
  }
  
#navigation a:hover span {
  background: padding url('images/rightside-lblue.jpg') 6px 7px; 
  right
  }
  
#navigation #red a {
  background: #bf0000 url('images/leftside-red.jpg') left top no-repeat; 
  margin: 0 2px 0 0; 
  padding: 0 0 3px 3px; 
  color: #fff; 
  text-decoration: none; 
  letter-spacing: 1px;
  }
  
#navigation #red a span {
  background: url('images/rightside-red.jpg') right top no-repeat;
  padding: 6px 8px 2px 7px; 
  }
  
#navigation #red a:hover {
  background: #79a6d2 url('images/leftside-lblue.jpg') left top no-repeat; 
  margin: 0 2px 0 0; 
  padding: 0 0 3px 3px; 
  color: #fff; 
  text-decoration: none; 
  letter-spacing: 1px;
  }
  
#navigation #red a:hover span {
  background: url('images/rightside-lblue.jpg') right top no-repeat;
  padding: 6px 8px 2px 7px; 
  }
  
#navigation #current a {
  background: #fff url('images/leftside-white.jpg') left top no-repeat; 
  margin: 0 2px 0 0; 
  padding: 0 0 4px 3px; 
  color: #000; 
  text-decoration: none; 
  letter-spacing: 1px;
  }
  
#navigation #current a span {
  background: url('images/rightside-white.jpg') right top no-repeat;
  padding: 6px 8px 3px 7px; 
  }
  
#navigation #current a:hover {
  background: #fff url('images/leftside-white.jpg') left top no-repeat; 
  margin: 0 2px 0 0; 
  padding: 0 0 4px 3px; 
  color: #000; 
  text-decoration: none; 
  letter-spacing: 1px;
  }
  
#navigation #current a:hover span {
  background: url('images/rightside-white.jpg') right top no-repeat;
  padding: 6px 8px 3px 7px; 
  }


/* ---------- PAGE/CONTENT AREA ---------- */
#page {
  background: url('images/content.jpg'); 
  width: 1295px; 
  min-height: 500px; 
  margin: 0; 
  padding: 0; 
  overflow: visible;
  }
  
#content {
  background-color: #fff;
  width: 1095px; 
  min-height: 500px; 
  margin: 0 0 0 100px; 
  padding: 0; 
  text-align: left;
  }
  
#phonetoday {
  background: url('images/phonetoday.jpg'); 
  width: 775px; 
  height: 40px; 
  margin-top: 20px;
  }


/* ---------- CONTENT-LEFT ---------- */
#contentleft {
  float: left; 
  width: 285px; 
  min-height: 500px;
  }
  
.sidemenu {
  width: 248px; 
  margin: 10px 0 0 20px; 
  *margin-left: 20px; 
  padding: 0; 
  text-align: left;
  }
  
.sidemenu ul {
  list-style-type: none; 
  margin: 0; padding: 0;
  }
  
.sidemenu li a {
  background: url('images/sidemenu.jpg') 100% 0; 
  display: block; 
  height: 24px; 
  margin-bottom: 0; 
  padding: 4px 0 4px 25px; 
  font-size: 16px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal; 
  text-decoration: none;
  line-height: 24px; 
  letter-spacing: 1px;
  }	
  
.sidemenu li a:link, .sidemenu li a:visited {
  margin-bottom: 0; 
  color: #fff; 
  text-decoration: none;
  }
  
.sidemenu li a:hover {
  margin-bottom: 0; 
  background-position: 100% -32px; 
  color: #fff; 
  text-decoration: none;
  }
  
.sidemenu li a.selected {
  margin-bottom: 0; 
  background-position: 100% -64px; 
  color: #fff; 
  text-decoration: none;
  }

#giftcertificates {
  background: url('images/giftcertificates.jpg') no-repeat; 
  width: 221px; 
  height: 223px; 
  margin-top: 15px; 
  text-align: left;
  }
  
#giftcertificatestext {
  padding: 100px 0 0 105px;
  }
  
#locationweather {
  width: 130px; 
  margin-top: 25px;
  }
  
#location {
  float: left; 
  font-size: 10px; 
  text-align: center;
  }
  
#weather {
  float: right; 
  margin-top: 1px; 
  font-size: 10px; 
  text-align: center;
  }


/* ---------- CONTENT-RIGHT ---------- */
#contentright {
  float: right; 
  width: 800px; 
  min-height: 500px; 
  margin: 0; 
  padding: 0;
  }


/* ---------- CONTENT-RIGHT SIDEBAR ---------- */
#rightsidebar {
  float: right; 
  width: 260px; 
  min-height: 500px; 
  text-align: center;
  }
  
#rss {
  width: 190px; 
  height: 50px; 
  margin: 10px 0 0 50px; 
  font-size: 14px; 
  text-align: left;
  }
  
#rss .nodecoration {
  margin-top: 5px; 
  text-decoration: none;
  }
  
.rss {
  float: left; 
  margin-right: 5px;
  }
  
#bookonline {
  background: url('images/bookonline2.jpg') no-repeat;
  width: 265px; 
  height: 361px; 
  }
  
#map {
  padding: 5px; 
  border: 1px solid #dadada;
  }


/* ---------- CONTENT-RIGHT SIDEBAR MENU ---------- */
.block {
  width: 200px; 
  margin: 0 0 10px 0; 
  padding: 5px; 
  text-align: justify;
  }
  
.block h3 {
  width: 200px; 
  height: 22px; 
  margin: 0 0 5px 0; 
  padding: 2px 0 0 5px; 
  color: #000; 
  font-weight: bold; 
  line-height: 20px;
  }
  
.block ul {
  margin: 0; 
  padding: 0; 
  list-style: none;
  }
  
.block li {
  background: url('images/blockarrow-off.gif') no-repeat top left; 
  width: 200px; 
  height: 22px; 
  padding: 5px 0 0 20px; 
  text-decoration: none;
  }
  
.block li a {
  color: #0087cc; 
  text-decoration: none;
  }
  
.block li:hover {
  background: url('images/blockarrow-on.gif') no-repeat top left; 
  width: 200px; 
  height: 22px; 
  padding: 5px 0 0 20px; 
  text-decoration: none;
  }
  
.block li a:hover {
  text-decoration: none;
  }


/* ---------- CALENDAR---------- */
#wp-calendar {
  empty-cells: show; 
  width: 225px; 
  margin: 0; 
  padding: 0; 
  border-right: 
  1px solid #efefef;
  border-bottom: 2px solid #e6e6e6; 
  border-left: 1px solid #efefef; 
  font-size: 13px; 
  text-align: center; 
  letter-spacing: -1px;
  }
  
#wp-calendar a {
  display: block; 
  background-color: #e7e7e7; 
  color: #bf0000;
  }
  
#wp-calendar a:link, #wp-calendar a:visited {
  font-weight: bold; 
  color: #bf0000; 
  text-decoration: none;
  }
  
#wp-calendar a:hover, #wp-calendar a:active {
  font-weight: bold; 
  color: #365f92; 
  text-decoration: none;
  }
  
#wp-calendar caption {
  background-color: #bf0000; 
  width: 225px; 
  height: 30px; 
  margin: 0; 
  padding: 0 0 0 6px; 
  font-size: 15px; 
  color: #fff; 
  letter-spacing: 1px; 
  line-height: 30px; 
  text-align: center;
  }
  
#wp-calendar th {
  margin: 0; 
  padding: 0; 
  text-align: center;
  }
  
#wp-calendar td {
  margin: 0; 
  padding: 0; 
  text-align: center;
  }
  
#wp-calendar tf {
  margin: 0; 
  padding: 0;
  }
  
#wp-calendar #today {
  background-color: #365f92; 
  border: 1px solid #365f92; 
  font-weight: bold;
  color: #fff; 
  }
  
#wp-calendar #next a {
  float: right;
  background-color: #fff;  
  padding: 2px; 
  font-weight: normal;
  color: #bf0000; 
  text-align: left; 
  text-decoration: none;
  }
  
#wp-calendar #next a:hover {
  font-weight: normal; 
  color: #365f92; 
  }
  
#wp-calendar #prev a {
  float: left;
  background-color: #fff; 
  padding: 2px; 
  font-weight: normal; 
  color: #bf0000; 
  text-decoration: none; 
  text-align: center;
  }
  
#wp-calendar #prev a:hover {
  color: #365f92; 
  font-weight: normal; 
  }


/* ---------- CONTENT-TEXT ---------- */
#contenttext {
  float: left; 
  width: 525px; 
  margin-top: 10px; 
  font-size: 13px; 
  text-align: justify;
  }


/* ---------- POSTS ---------- */
.post {
  padding: 20px 0 10px 0;
  }

div.date p {
  float: left; 
  background: #fff url('images/date5.png') no-repeat; 
  width: 50px; 
  height: 60px; 
  margin: 0 10px 0 0; 
  padding-top: 3px; 
  font-size: 12px; 
  text-align: center; 
  overflow: hidden;
  }
  
div.date span.month {
  display: block; 
  margin-bottom: 8px;
  }
  
div.date span.day {
  font-weight: bold; 
  font-size: 190%; 
  line-height: 0.8;
  }
  
div.date span.year {
  font-size: 10px;
  }

h1.title {
  margin: 0; 
  padding: 0; 
  font-weight: bold;
  font-size: 20px; 
  }
  
h1.title a {
  color: #365f92; 
  text-decoration: none;
  }
  
h1.title a:hover {
  background: none; color: #365f92; 
  text-decoration: underline;
  }

.postinfo {
  height: 20px; 
  padding: 1px 2px 2px 0; 
  font-size: 11px;
  }
  
.postinfo a {
  font-weight: normal; 
  font-size: 10px; 
  text-decoration: none;
  }
  
.postline {
  background-color: #e7e7e7;
  width: 525px; 
  height: 6px; 
  border-bottom: 2px solid #dadada;
  }
  
.postline2 {
  background-color: #e7e7e7;
  width: 525px; 
  padding: 5px; 
  border-bottom: 2px solid #dadada; 
  font-weight: bold;
  font-size: 14px; 
  }
  
.alignleft {
  float: left;
  }
  
.alignright {
  float: right;
  }


/* ---------- COMMENTS ---------- */
ol {}
ol.commentlist {
  width: 475px;
  }
  
ol.commentlist li {
  background-color: #f2f2f2;
  margin: 0; 
  padding: 5px; 
  }
  
ol.commentlist li.alt {
  background-color: #fff;
  }
  
ol.commentlist a {
  color: #bf0000;
  }
  
.commentmetadata {
  display: block; 
  margin: 0; 
  font-size: 11px; 
  color: #bf0000;
  }
  
#commentform textarea {
  width: 475px; 
  margin-left: 25px; 
  padding: 5px; 
  border: 1px solid #dadada; 
  font-size: 11px; 
  font-family: arial,verdana,sans-serif; 
  color: #000;
  }
  
#commentform input {
  margin-left: 25px;
  }


/* ---------- FOOTER ---------- */
#footer {
  background: url('images/footer.jpg') no-repeat; 
  width: 1295px; 
  height: 132px; 
  padding-top: 28px; 
  font-size: 11px; 
  color: #365f92; 
  text-align: center;
  }
  
#footer a, a:link, a:visited {
  color: #365f92; 
  text-decoration: none;
  }
  
#footer a:hover {
  color: #79a6d2; 
  text-decoration: none;
  }


/* ---------- GENERAL LINKS/TEXT ---------- */
a, a:link, a:visited {
  color: #0087cc; 
  text-decoration: underline;
  }
  
a:hover {
  color: #365f92; 
  text-decoration: underline;
  }

h2 {
  color: #365f92;
  }
  
h3 {
  font-size: 14px;
  }

.text {
  font-size: 11px;
  }
  
.text2 {
  font-size: 14px;
  }
  

/* FINIS */