/* LAYOUT */

body {
  background-color: #dbdec1; /* e6e6c2? */
}

#doc {
  background-color: white;
  padding: 10px 10px 50px 10px;
}

/* FONTS */

h1 { 
  font-size: 200%;
}

h2 {
  font-size: 180%;
}

h3 {
  font-size: 150%;
}

h4 {
  font-size: 120%;
}

p {
  margin: 0.5em 0;
  padding-bottom: 0.5em;
}

a {
  color: #333333;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/* Sucker Fish */
#navRoot ul, #navRoot {
  list-style: none;
  display: inline;
  padding: 0;
	margin: 0;
}

#navRoot a {
	display: block;
	width: 10em;
}

#navRoot li {
	float: left;
	width: 10em;
}

.loading {
  background-image: url('../images/loading.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

.title {
  display: block;
  margin: 30px 0 15px;
}

.problem {
  margin-top: 85px;
}

.logoishBig {
  margin-right:3px;
}

.navBar {
   font-size: 90%;
   text-align: right;
   font-family:Courier New, monospace;
   letter-spacing:.0195em; 
   margin: 0 5px 0px 0;
}

.portfolioTitleContainer {
  text-align:right;
  margin-right:3px; 
  letter-spacing:.0986em; 
  font-weight: lighter;
}

.portfolioTitleTop {
  font-size:185%; 
  font-family:Courier New, monospace;
  margin-top: 30px;
}

.portfolioTitleBottom {
  font-size:128%; 
  font-family: Courier New, monospace; 
  margin: -8px 0 15px; 
  color:#D1232A;
}

.portfolioProblemSolutionText {
  font-size:88%;
  color:#333333;
  text-align:left;
}

.portfolioImage{
  /* border: 2px solid #404040; */
  background: #404040;
  padding:2px;
  width: 547px;
}

.portfolioImageNav {
  float:right;
  font-family: Courier New, monospace;
  margin-right:5px;
}

.portfolioRoles {
  float:left; 
  font-size:88%;
  font-style:italic; 
}

.alignLeft {
  text-align:left;
}


.alignRight {
  text-align:right;
}

.fieldWithErrors {
  border-left: 2px solid red;
  padding-left: 2px;
}

table td,
table th {
  padding: 5px;
  border: 1px solid #ccc;
}

#flash {
  padding: 10px;
  background-color: #ff9;
  margin: 1em 0;
}