html {
background: #fafafa;
}

body {
font: normal 11px/19px "Lucida Grande", arial, verdana, helvetica, sans-serif;
width: 55%;
margin: 0 auto;
}

#wrap {
clear: both;
margin: 2em auto 0em;
border: 1px solid #ddd;
background: white;
padding: 1em;
font: normal 12px/19px "Lucida Grande", arial, verdana, helvetica, sans-serif;
}

#nav {
width: 40%;
display: block;
margin: 2em 0 0;
padding-bottom: 0;
float: right;
}

#nav li {
list-style: none;
float: left;
padding: 0.5em 1em;
}

#header {
height: 50px;
}

h1 {
width: 50%;
display: block;
margin: 1.5em .5em 0;
padding: 0;
float: left;
font-size: 18px;
}

h1 a {
border: 0;
}

h2 {}

h3 {
font-size: 14px;
padding-bottom: 2px;
border-bottom: 2px solid #A40778;
}

#wrap h3 {
font-size: 14px;
padding-bottom: 2px;
border-bottom: 2px solid #A40778;
display: inline;
margin-bottom: 1em;
}
  
a {
color: #444;
text-decoration: none;
border-bottom: 1px solid #ddd;
padding-bottom: .1em;
}

a:hover {
border-bottom: 1px solid #A40778;
}
  
strong {
color: #A40778;
}

em {
font-style: italic;
}

strong em {
color: #000;
font-style: normal;
font-weight: bold;
}


ul li {
list-style: square;
}



#foot {
clear: both;
margin: 0 auto 1em;
padding-top: 1em;
text-align: right;
}

#listpanel {
clear: both;
padding-top: 1em;
}

.list {
float: left;
width: 30%;
margin: 1em;
}

.list ul {
float: left;
padding: 0;
margin-top: 0;
margin-bottom: 2em;
}

#listpanel ul li {
list-style: none;
border-bottom: #d3d7c8 solid 1px;
padding: 0;
margin: 0;
background: none;
}

#listpanel ul li a, #listsolinks ul li a:hover {
padding: .5em;
border: 0;
display: block;
}

/* Contact form styling */

#contact {
width: 100%;
margin: 1em;
clear: both;
}

#contact fieldset {
padding: 1em 0;
}

#contact .left {
float: left;
width: 40%;
}

#contact .right {
float: left;
width: 55%;
}

#contact #message {
width: 100%;
min-height: 150px;
}

form fieldset {
border: 0;
margin: 1em;
}

form label {
display: block;
margin-bottom: .3em;
margin-top: 1em;
}

form legend {
font-size: 14px;
padding-bottom: 2px;
border-bottom: 2px solid #A40778;
font-weight: bold;
}

form input {
padding: .3em;
width: 90%;
border: 1px solid #999;
}

form textarea {
padding: .3em;
border: 1px solid #999;
height: 150px;
}

fieldset.inline input {
padding: .3em;
width: auto;
border: 1px solid #999;
}

#haggle {
width: auto;
}

.submit {
display: block;
width: auto;
margin-top: .3em;
cursor: pointer;
background: #efefef;
color: #000;
border: 1px solid #666;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
float: right;
}

.introduction {
font: normal 14px/20px "Lucida Grande", arial, verdana, helvetica, sans-serif;
float: right;
width: 40%;
padding: 0 1em 1em;
}

.img {
padding: 1em;
}

.right {
float: right;
}

.left {
float: left;
}

.new {
font-size: 10px;
background: #A40778;
color: #fff;
padding: .2em;
}

cite {
display: block;
color: #A40778;
font-style: normal;
font-weight: bold;
}