/* structure */
body {
background: #fff;
margin: 1em 0;
font-family: georgia;
}

h1 {
font-size: 1.7em;
text-transform: uppercase;
margin: 0 0 7px 0;
}

h2 {
font-size: 2em;
text-transform: lowercase;
margin: 0 0 15px 0;
}

h3 {
font-size: 1.5em;
text-transform: capitalize;
margin: 0 0 5px 0;
}

h4 {
font-size: 1em;
text-transform: capitalize;
margin: 0 0 5px 0;
}

a {
color: #0395CC;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

p {
margin-bottom: 15px;
}

form input, form textarea, form select {
border: solid #000 1px;
padding: 2px;
}

iframe {
display: none;
}

table {
margin: 0 0 10px 0;
width: 100%;
border-top: solid #000 1px;
border-left: solid #000 1px;
background: #fff;
}

table td, table th {
border-bottom: solid #000 1px;
border-right: solid #000 1px;
padding: 5px;
}

table th {
background: #F1F2E8;
}

blockquote {
padding-left: 1em;
border-left: solid #ccc 5px;
}

#container {
margin: 0 auto;
width: 746px;
}

#header {
width: 100%;
float: left;
margin: 0 0 40px 0;
}

#branding {
float: left;
}

#branding img {
float: left;
}

#content {
float: left;
display: inline;
width: 486px;
padding-left: 260px;
}

#content-left {
float: left;
clear: left;
display: inline;
margin-left: -260px;
width: 200px;
}

#content-right {
float: left;
width: 486px;
}

.user-content p {
margin: 15px 0;
}

.user-content img {
max-width:400px;
width: expression(this.width > 400 ? 400: true);
}

#footer {
float: left;
clear: left;
width: 100%;
}

.error {
color: #ff0000;
}

.hint {
margin: 0 0 0 10px;
font-style: italic;
font-size: .8em;
}

.editor img {
max-width: 400px;
}

.editor form legend {
margin: 0 0 15px 0;
}

.editor form ol {
width: 100%;
}

.editor form li {
float: left;
width: 100%;
line-height: 1.5em;
margin: 0 0 15px 0;
}

.editor form li img {
display: inline;
margin-left: 180px;
}

.editor form textarea {
width: 98%;
}

.editor form li label, .editor form li .label {
float: left;
width: 150px;
margin: 0 20px 0 0;
padding: 0 5px;
text-align: right;
background: #E7E7DE;
}

.editor form fieldset fieldset {
}

.editor form fieldset fieldset li {
margin: auto;
}

.editor form fieldset fieldset label {
float: none;
width: auto;
background: transparent;
}

.editor form fieldset.submit {
display: inline;
margin-left: 180px;
}

.editor form fieldset.submit input {
margin: 0 5px 0 0;
}

#user-list li {
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: dotted #ccc 1px;
}

#user-list .details {
margin: 0 0 0 120px;
}

#user-list .details .date {
color: #ccc;
margin: 0 0 0 10px;
}

#user-list img {
float: left;
margin-left: -120px;
}

.action-table tr td:first-child {
width: 1%;
}

h2 .action {
font-size: 14px;
}

.action {
text-transform: lowercase;
margin: 0 0 0 7px;
float: right;
}

#alert p {
margin: 0 0 20px 0;
}

#search {
width: 100%;
padding: 1em 0;
float: right;
display: inline;
text-align: right;
border-bottom: solid #ccc 1px;
}

.search-results {
margin: 10px 0;
font-style: italic;
color: #000;
}

.thumbnail img {
display: block;
border: solid #fff 3px;
}

.date {
font-size: 1em;
}

.pagination {
float: right;
clear: left;
display: inline;
margin-right: 10px;
}

.pagination li {
display: inline;
float: left;
margin: 0 0 5px 5px;
color: #000;
}

.pagination li a {
float: left;
border: solid #000 1px;
padding: 1px 4px;
color: #000;
text-decoration: none;
}

.pagination li a.active {
background: #000;
color: #fff;
}

ul#gallery {
list-style: inline;
}

#gallery li {
float: left;
display: inline;
}

#gallery li img {
margin: 0 10px 10px 0;
border: solid #000 1px;
display: block;
}

#gallery li a.action2 {
position: absolute;
background: #000;
color: #fff;
padding: 3px;
font-size: .7em;
text-decoration: none;
z-index: 100;
}

#slideshow li img {
display: block;
border: solid #000 1px;
}

#slideshow li {
display: none;
}

.no-js #slideshow li:first-child {
display: block;
}

#slideshow li.first {
display: block;
}

#contact-info {
float: left;
width: 100%;
padding: 4em 0 0 0;
font-size: .75em;
text-align: right;
}