body {
	margin: 10px 0 0 0;	padding: 0; 
	background: white url(../images/bg.jpg) repeat-x;
  font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; 
}

body.no-billboard {
	background: #fff url(../images/bg-short.png) repeat-x;
}

body.blank {
  background: #fff none;
}


h1 { 
	color: #a00;	/* dark red */
	letter-spacing: -0.05em;		
}

.no-under {
  text-decoration: none;
}

/* Header */
#icon {
  color: white;
  float: left;
  padding-right: 150px; /* forces nav buttons to right */
}

/* Navigation */
#nav {
  position: relative;
}
#nav ul, #nav ul li {
  float: left;
  list-style: none;
  margin: 0;  padding: 0;  
  height: 56px;   
}
#nav ul li a { 
  color: #e0e0e0;
  display: block;
  font: bold 16px/56px "Trebuchet MS", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;  
  padding: 0 15px;
  text-decoration: none;  
  text-transform: uppercase;
}
#nav ul li a:hover, 
#nav ul li a:active {
  color: #411;  
}

/* Highlight nav link of current section */
#homepage #nav-homepage a, #personalitytest #nav-personalitytest a, #myprofile #nav-myprofile a, #blog #nav-blog a, #about #nav-about a { 
  background: url(../images/navigation-selected.png) top center repeat-x;
	color: #fff;		
}

#billboard {
	clear: both;
	position: relative;
	margin: 0 auto; padding: 0;
	height: 257px;
	text-align: left;	
	background: url(../images/billboard-photos.jpg) no-repeat left bottom;
}

#billboard a.button {
  background: transparent url(../images/transparency-80.png) repeat top right; 
  color: midnightblue;
  font-family: verdana, helvetica, san-serif; 
  font-size:22px; 
  font-weight: bold; 
  margin: 100px 0 0 10px; 
  position: absolute; 
  padding: 10px; 
  text-decoration: none;
}

#billboard a.button:hover {
  color: black;
  text-decoration: underline;
}

body.no-billboard #billboard { 
  display: none;	
}

#login {
  text-align: right;
  height: 60px; /* pushes content section down 20px */
}

#footer {
  background-color: #eee;
  border-top: 1px solid #ddd;
  margin: 2em 0 0 0;
  padding: 1em;
  text-align: center;

}

/* Personality Assessment Results specific styles */
#personality_power .listcol {
  display: inline;
  float: left;
}
#personality_power td {
  vertical-align: top;
}
/* HACK /* temp hack to get bg color correct. there is some other error, possibly in the markup that's causing the bug */
#personalitytest, #myprofile { 
  background-color: white;
}

/**********************************************************************
/* Personality Assesment Test styles
***********************************************************************/

/* created by javascript directs user to first mistake in invalid form */
#message_box { 
  position: absolute; 
  top: 0; left: 0;  
  z-index: 10; 
  background:#ffc;
  padding:5px;
  border:1px solid #CCCCCC;
  text-align:center; 
  font-weight:bold; 
  width:99%;
}
/* margin after each single question */
#personality_assessment_form fieldset ol li {
  margin-bottom: 1.5em;
}
/* unset margin (from above) for nested options */
#personality_assessment_form fieldset ol li ul li {
  margin-bottom: 0;
}
/* display single inputs below the label (e.g. input boxes) */
#personality_assessment_form fieldset ol li input {
  display: block;
}
p input { display: block }
/* check box inputs are inline with label */
#personality_assessment_form fieldset input[type="checkbox"] {
  display: inline;
}
/* display multiple inputs next to the label (e.g. radio buttons) */
#personality_assessment_form fieldset ol li label input {
  display: inline;
}
/* Only bold first label and not nested labels */
#personality_assessment_form fieldset ol li ul li label {
  font-weight: normal;
}


/*********************************************************************/
/* FROM CUSTOMIZATIONS.CSS
**********************************************************************/
sub {font-size:110%}

h1.testtitle {
  background: url(/media/images/pp-productshot-md.jpg) no-repeat;
  color: #111; 
  color: #1451ad;
  font-size: 50px;
  height: 100px;
  margin: 0; 
  overflow: visible;
  padding: 140px 0 0 0;
}


p.testtag {
  font-size: 160%;
  font-weight: normal;
  width: 100%;
  padding-top: 0;
  margin-top: -40px;
}





/* Color Code color classes */
.cc-yellow, .cc-blue, .cc-red, .cc-white {text-transform: capitalize; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-weight: bold;}
.cc-yellow {color: #fccc14;}
.cc-blue {color: #123056;}
.cc-red {color: #9d1320;}
.cc-white {color: #cccccc;}

/* classes used by django forms */
.errors, .errorlist { color: red; font-weight: bold; list-style-type: none; margin: 0; padding: 0; text-transform: uppercase;}


.no-float { float: none; }
.smashed { clear: none; margin: 0; padding: 0; }
.bold { font-weight: bold }
.no-bold {font-weight: normal}
.no-border { border: none }
.no-margin { margin: 0 }
.no-padding { padding: 0 }
.block { display: block }
.inline { display: inline }

/* Button styles */
.bigbutton {
  background: #123056 url("/media/images/bigbutton-bg.png") scroll 0% 50%;
  border: 2px solid #87abd8;
  color: white;
  display: block; 
  font-size: 2.0em;

  margin-bottom: 1em;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  width: 250px;
}
a.bigbutton {
  padding: 8px 5px 11px 5px;
}
.bigbutton span {
  line-height: 8px;
  font-size: 0.5em;
  display: block;
  margin: 0;
  padding: 0;
}
a.bigbutton span {
  line-height: 5px;
}
.bigbutton.gray {
  background-image: url("/media/images/bigbutton_gray-bg.png");
  border-color: #aaa;
}
.bigbutton:hover {
  background-position: 0% 10%;
  color: white;
}
.bigbutton:active {
  background-position: 0% 40%;
  color: white;
}

/* button contains an image so clear all other styling */
.img-button {
  padding: 0;
  border: 0;
  margin: 0;
  background-color: white;
}
  

/* Assessment preview styles */
.missing {
  background-color: mistyrose;
  border: thin solid salmon;
  color: darkred; 
  font-size: 120%;
  margin: 0;
}
span.missing {
  padding: 3px;
}
div.missing {
  margin-bottom: 20px;
  //border-width: 10px;
}
.missing h2 {
  background-color: salmon;
  color: darkred;
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px;
}
.missing h2 ul {
  margin-bottom: 0;
}
.missing h2 ul li {
  font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
  color: #700000;
}
.missing p {
  padding-left: 10px;
}

#upgrade {
  background-color: #fcfcfc;
  border-top: 1px dashed #aaa;
  border-bottom: 1px dashed #aaa;
  font-size: 120%;
  margin: 20px 0;
  padding: 20px;
}

#upgrade object {
 border: 5px solid #eee; 
 float: right; 
 margin: 0 10px 10px 10px;

}

#upgrade li {
  margin-bottom: 0.5em;
}

.upgrade-btn  {
  background-color: honeydew;
  border: 2px solid darkgreen;
  color: darkgreen;
  float: right;
  font-size: 1em;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px;
  text-align: center;
  width: 7em; 
}
.upgrade  {
  color: darkgreen;
  padding: 0;
}
.upgrade a {
  color: inherit;
}
.questions {
  background-color: lemonchiffon;
  border: 1px solid goldenrod;
  font-size: 120%;
  padding: 10px;
}
.questions h2 {
  margin-bottom: 0;
}

/* Styles for updates to Personality Power */
h1 { color: black; text-transform: capitalize; }