/*
 * Filename: style.css
 * Description: Contains all main style markup for spinnakerpress.com
 * Last Modified: 2006-12-04 00:31 PST
 * Author: Paul Reuter
 */


body { 
  background: #fff url(/img/sky_blue.gif);
  font-family: arial, sans-serif;
  margin-top: 1.5em;
  text-align: center;

}

#header { 
  display: block;
  margin: auto;
  text-align: center;
  width: 760px;
}

#imghtml { 
 display: block;
 width: 300px;
 margin-right: 20px;
 clear: right;
 float: right;
}

#spinnaker {
  height: 200px;
  position: relative;
  top: 175px;
  width: 400px;
}

#header h1 { 
  font-family: "arial black", sans-serif;
  font-size: 22pt;
  margin: 0.5em 0 1em 0;
  text-align: center;
  text-transform: uppercase;
}

#header h2 { 
  font-size: 1.8em;
  margin: 0.5em 0 1em 0;
  text-align: center;
}

#header h3 { 
  font-size: 22pt;
  font-weight: bold;
  margin: 0.5em 0 1em 0;
  text-align: center;
}

#header h5 { 
  font-size: 1.2em;
  margin: 0.5em 0 1em 0;
  text-align: center;
}

#content { 
  display: block;
  margin: 1em auto;
  text-align: left;
  width: 760px;
} 

#guardColors { 
  clear: both;
  display: block;
  margin: 1em auto -1em auto;
  padding-top: 0.5em;
  width: 760px;
}

#primaryNav { 
  clear: both;
  display: block;
  margin: 1em auto;
  padding-top: 0.5em;
  width: 760px;
}

#primaryNav a { 
  text-decoration: none;
  font-weight: bold;
  color: #656;
}

div.guardBlue { 
  background-color: #00f;
  color: #00f;
  display: block;
  font-size: 0.7em;
  height: 0.7em;
  line-height:  0.7em;
}

div.guardRed { 
  background-color: #f00;
  color: #f00;
  display: block;
  font-size: 0.7em;
  height: 0.7em;
  line-height: 0.7em;
}

#bottomRed { 
  border-top: solid black 1px;
}

#primaryNav ul {
  clear: both; 
  list-style: none;
  list-style-position: outside;
  margin: 1em auto;
  text-align: center;
}

#primaryNav ul li { 
  float: left;
  padding: 0 1em;
}

#cover-block { 
  display: block;
  float: right;
  width: 310px;
  margin-top: 1em;
  margin-bottom: 1em;
}

#desc-block { 
  display: block;
  float: right;
  font-family: arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  margin: 0 auto;
  padding-right: 50px;
  width: 310px;
}

#desc-block ul { 
  margin: 1em auto;
  padding-left: 2em;
  width: 50%;
}

#releaseDate { 
  clear: both;
  display: block;
  font-weight: normal;
  margin: 1em auto;
  text-align: center;
}
#releaseDate strong { 
  font-weight: bold;
}

#releaseDate h3 {
  font-size: 18pt;
  font-weight: bold;
}

#releaseDate h2 {
  font-size: 24pt;
  font-weight: bold;
}

#footer { 
  clear: both;
  display: block;
  font-size: smaller;
  line-height: 2em;
  margin: 1em auto;
  padding-top: 1.5em;
  text-align: left;
  width: 760px;
}

#footer a { 
  text-decoration: none;
}


#page { 
  display: block;
  margin: 0.5em auto;
  text-align: left;
  width: 760px;
}

#page h2 {
  background-color: #eaeaea;
  border: solid 1px #777;
  font-size: 1.1em;
  padding: 0.5em;
}


#page #secondaryNav { 
  clear: left;
  display: block;
  float: left;
  font-size: 0.9em;
  padding: 0.5em;
  width: 190px;
}

#secondaryNav ul { 
  list-style-position: inside;
  list-style-type: circle;
}

#secondaryNav ul ul { 
  list-style-type: disc;
}

#secondaryNav li { 
  padding: 3px;
}

#secondaryNav li ul { 
  text-indent: 0;
  margin-left: 0;
  padding-left: 0.7em;
}

#page #info { 
  display: block;
  float: right;
  width: 550px;
}

div.response { 
  margin: 1em 2em;
  padding: 1em;
  border: solid #777 1px;
  background-color: #eaeaea;
  color: #222;
  font-size: smaller;
  font-family: monospace;
}

form { 
  margin: 0;
  padding: 0;
}


ul.boatlist { 
  list-style: none;
  list-style-position: outside;
}

ul.boatlist li { 
  padding: 0.5em;
  float: left;
}

ul.boatlist li img { 
  border: solid #989 1px;
}


a:link { 
  color: #656;
}
a:visited { 
  color: #878;
}

.form-item { 
  margin-top: 1em;
  margin-bottom: 1em;
}

.form-item input.error, .form-item textarea.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-required {
  color: #f00;
}