body.homepage #content {
  background:url("../images/swiss_army_knife.jpg") no-repeat scroll -3em -14px #FFFFFF;
}

body.homepage blockquote {
  color:#333333;
  font-size:1.6em;
  padding:120px 556px 215px 15px;
  text-align:left;
}

body.homepage blockquote em {
  font-style: normal;
  color: #f72293;
}

#content {
  font-size: 0.75em;
}

#footer {
  font-size:0.8em;
  padding:20px 0;
  text-align:center;
}

div.block {
  width:100%;
}

body.portfolio #content h1,
body.blog #content h1,
div.block h2 {
  background-color:#000000;
  color:#FFFFFF;
  padding:5px 0 8px 12px;
  width:948px;
}

body.portfolio #content h1,
body.blog #content h1 {
  font-size: 1.5em;
  margin-bottom: 90px;
}

body.portfolio #portfolio h2 {
   color:#000; 
}

div.block h3 {
  font-size:2.5em;
  font-weight:normal;
  margin:0 0 0.6em;
}

#navigation,
#services .experiences ul,
#portfolio ul{
  list-style:none;
  padding: 0;
}

#navigation {
  background-color:#000000;
  padding:54px 0 12px;
  text-align:right;
  z-index:99;
}

#navigation, 
#navigation a {
  color: #fff;
  outline-style: none;
}

#navigation a.active {
  text-decoration: underline;
}

#content .section-info {
  border-right:1px solid #ccc;
  text-align: left;
  line-height: 1.7em;
}

div.section-info .section-summary {
  font-size: 0.9em;
  line-height: 1.3em;
}

#services .services {
  float:left;
  width:440px;
}

#services .services ul {
  padding: 0; 
}

#services .experiences {
  float:right;
  margin-right:25px;
}

#services .experiences h4 {
  font-size:1.6em;
  font-weight:normal;
  line-height:0;
  margin:1.3em 0 0;
}

#portfolio ul.content {
  margin: 0;
}

#portfolio ul.content li {
  border:2px solid #fff;
  float:left;
  margin:0 0 10px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding-top:2px;
}

#portfolio ul.content li:hover {
  border:2px solid #f72293; 
}

#portfolio ul.content li.active {
  border:2px solid #ff0000;
}

#portfolio .text {
  float:right;
  width:332px;
}

#portfolio .preview {
  float:left;
  font-size:2em;
  line-height:1em;
  width:433px;
}

#portfolio dt {
  padding:0.2em 1.5em 0.3em;
}

#portfolio dd {
  font-size: 0.875em;
  color: #666;
}

#portfolio #description {
  padding-bottom:0.5em;
}

#portfolio .services {
  border-top:1px solid #ccc;
}

#work-navigation {
  border-top:1px solid #ccc;
  clear:both;
  display:block;
  float:right;
  margin:25px 0 60px;
  padding:4px;
  width:767px;
}

#work-navigation .next {
  float: right;
}

#work-navigation .direction {
  color: #000;
}

#controls {
  background-color:#fff;
  border-top:1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size:0.7em;
  padding:0.4em 0.8em 0.7em;
  margin: 0;
  
  -moz-border-radius: 4px 4px;
  -webkit-border-radius: 4px;
}

#controls li {
  display: inline;
  margin: 0 0.5em;
}
#controls .username {
  color: #000;
}

#services .handle {
  background:url(../images/ui/ui-icons_888888_256x240.png) no-repeat scroll -130px -32px transparent;
  float:left;
  height:16px;
  width:18px;
}

#services li {
  clear:both;
  display:block;
  margin:4px 0;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

label.error {
  clear:both;
  color:red;
  display:block;
  margin-left:0;
}

#contact-me .contact-info {
  background:url(../images/bg_contact.jpg) no-repeat scroll 0 -73px #FFFFFF;
  font-size:1.3em;
  height:300px;
  padding:152px 261px 94px 135px;
  position:absolute;
  right:0;
  text-align:right;
  width:400px;
  z-index:1;
}

#contact-me .contact-info dd {
  margin-bottom: 10px;
}

#new_contact {
  position:absolute;
  z-index:50;
}

#new_contact input {
  width: 185px;
}

#new_contact textarea {
  width: 185px;
  height: 200px;
}

#contact_submit {
  width: 200px;
}