@import url('/stylesheets/reset.css');

a {text-decoration:none;}
:focus {outline: none;}

label {
  width:150px;
}

ul.features li {
  padding-bottom:8px ;
}

/* form */
form p {
  margin:8px 0px;
}
input {
  padding:3px 0px;
}

/* Layout */
#wrap {
  width:850px;
  margin:0px auto;
}
#hd {
  padding:15px;
  border-bottom:1px solid #CCC;
}
#hd h1 {
  float:left;
}
#hd ul {
  float:right;
}
#hd li {
  float:left;
  margin:0px 10px;
}
#bd {
  padding:10px;
}
#main {
  width:75%;
  float:left;
}
#sd {
  width:23%;
  float:right;
}
#ft {
  text-align:center;
  padding-top:10px;
  color:#999;
  border-top:1px solid #CCC;
}


/*
-------------------------
-- flash notice
-------------------------
*/
.flash_notice, .flash_error, .flash_warning,
.flash_success, .flash_explanation {
  border: 1px solid #ebdfb0;
  background-color: #fff4c8;
  padding:5px;
  color: #000;text-align: center;
  margin-bottom:10px;
}
.flash_error {
  border: 1px solid #ebb0b0;
  background-color: #ffc8c8;
}
.flash_notice, .flash_success {
  border: 1px solid #b0ebb0;
  background-color: #c8ffcb;
}
.flash_notice a, .flash_error a, .flash_warning a {
  color: #01a163;
  border: none !important;
}
.errorExplanation h2 {
  margin: 0;color: #c00;
}
.errorExplanation li {
  margin-left: 3.0em;font-weight: bolder;
  list-style: decimal;color: #c00;
}
.fieldWithErrors input {
  background-color: #faa;
  border: 1px solid #f00;
}


/* photo list */
.photos {
  
}
.photos li {
  padding:8px;
  border-bottom:1px dotted #CCC;
}