friendshiptours.org/site/css/default.css

/***********************************************
* Default styles for: friendshiptours.org
* Author: Benjamin Ramey
* E-mail: ben.ramey@gmail.com
* Created: Sun Dec 16 17:46:57 CST 2007
***********************************************/
/***********************************************
  Major page element styles
***********************************************/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background: #778899;
  font-family: Times;
}
iframe {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 550px;
  background: white;
}
  .iframe-link {
    margin: 0;
    background: white;
    padding: 10px;
    border-bottom: 2px solid black;
  }
h1 {
  margin: 0;
  padding: 16px 0;
  text-indent: -10000px;
}
h1 a {
  display: block;
  margin: 0 auto;
  width: 600px;
  height: 137px;
  background: url(/site/graphics/logo.gif) no-repeat top center transparent;
}
h2 {
  margin: 0;
  padding: 5px;
  font-family: Arial;
  font-size: 0.8em;
  background: #778899;
  text-align: center;
  font-weight: bold;
  color: white;
  border-bottom: 1px solid black;
}
h3 {
  text-align: center;
}
ul.linksandnumbers-list {
  list-style-type: none;
}
  ul.linksandnumbers-list li {
    margin: 15px 0;
  }
p.sub-link {
  text-align: center;
}
p.intro {
  margin: 20px;
  padding: 10px;
  border: 1px black solid;
}
#main {
  position: relative;
  margin: 0 auto -90px;
  width: 670px;
  padding: 0 10px;
  border-width: 0 5px;
  border-style: solid;
  border-color: #000066;
  background: white;
  min-height: 100%;
  height: 100%;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: auto;
}
html>body #main {
  height: auto;
}
#content {
  clear: both;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 650px;
  border-top: 1px solid black;
  padding: 10px 10px 0;
  font-size: 0.7em;
  text-align: center;
  clear: both;
}
#footer form {
  margin: 0;
  padding: 0;
  float: right;
}
#footer p {
  float: left;
}
#clearfooter {
  clear: both;
  height: 90px;
}
#messages {
  margin: 10px 0;
  padding: 2px;
  background: #FFFF66;
}
  #messages ul {
    list-style-type: none;
  }
#errors {
  margin: 10px 0;
  padding: 2px;
  background: #CC0000;
  color: white;
}
  #errors ul {
    list-style-type: none;
  }
/***********************************************
  Form styles
***********************************************/
fieldset {
  margin: 10px;
  border: 0;
}
fieldset legend {
  font-weight: bold;
  border-bottom: 1px solid black;
}
p.field, p.error_field, p.date {
  position: relative;
  width: 190px;
  margin: 10px 0;
}
p.error_field {
  font-weight: bold;
  color: red;
}
p.field_medium, p.error_field_medium {
  position: relative;
  width: 250px;
  margin: 10px 0;
}
p.field_long, p.error_field_long {
  position: relative;
  width: 400px;
  margin: 10px 0;
}
span.field_details {
  display: block;
  width: 380px;
  position: relative;
  left: 100%;
  font-size: 0.9em;
  padding: 4px 0;
  margin: 4px 0 0;
}
p.field span.field_content {
  width: 400px;
  position: absolute;
  left: 100%;
  margin-left: 10px;
}
p.field input,
p.field select,
p.field_long input,
p.field_long select,
p.field_medium input,
p.field_medium select,
p.error_field input,
p.error_field select,
p.error_field_long input,
p.error_field_long select,
p.error_field_medium input,
p.error_field_medium select {
  position: absolute;
  left: 100%;
}
p.date span.date_fields {
  width: 380px;
  position: absolute;
  left: 100%;
}
input.delete_person {
  font-size: 0.7em;
}
#bookingrequest_form textarea {
  width: 400px;
  height: 60px;
}
table.data_table {
  border-spacing: 10px;
}
table.data_table td {
  vertical-align: top;
}
/***********************************************
  Menu styles
***********************************************/
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 6px 4px;
  background: #778899;
  border-width: 5px 0 0;
  border-color: #000066;
  border-style: solid;
  height: 14px;
}
#menu #nav2 {
  border-width: 0 0 5px;
}
  #menu li {
    display: block;
    float: left;
    margin: 0 23px;
    width: 154px;
    text-align: center;
    padding: 0 10px;
    background: transparent;
  }
  #menu li:hover {
    background: url(/site/graphics/icon_airplane.jpg) no-repeat left center;
  }
  #menu a {
    background: transparent;
    color: white;
    text-decoration: none;
  }
  #menu a:visited {
    text-decoration: none;
    color: white;
  }
  #menu a:hover {
    color: #ccc;
    text-decoration: none;
  }
#index #home_link,
#history #history_link,
#viewyouritinerary #viewyouritinerary_link,
#itinerary_beforecontinuing #viewyouritinerary_link,
#linksandnumbers #linksandnumbers_link,
#creditcard #creditcard_link {
  background: url(/site/graphics/icon_airplane.jpg) no-repeat left center;
}
/***********************************************
  News styles
***********************************************/
#news-jumper {
  width: 450px;
  float: left;
}
.news-item {
  border-top: 1px black solid;
  margin: 20px 10px 10px;
}
p.top-link {
  margin: 2px;
  padding: 0;
  text-align: center;
}
/***********************************************
  Page box styles
***********************************************/
.page-box-center {
  border: 1px solid black;
  background: white;
  margin-bottom: 20px;
}
.page-box-left {
  border: 1px solid black;
  float: left;
  width: 450px;
  background: white;
  margin-bottom: 20px;
}
.page-box-right {
  border: 1px solid black;
  float: right;
  width: 210px;
  background: white;
}
  .page-box-center p,
  .page-box-right hr,
  .page-box-right p {
    margin: 10px;
  }