body {
background: #443322;
font-family: Verdana, sans-serif;
font-size: small;
color: #000;
line-height: 1.5em;
margin: 0;
}

form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

a {
color: #4E6A1C;
}

h2 {
margin: 0 0 15px 0;
font-size: 1.5em;
font-family: georgia;
}

p {
margin: 0 0 10px 0;
}

strong {
font-weight: bold;
}

blockquote {
background: #ccbb99;
padding: 20px;
margin: 10px;
}

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

#container-bg {
float: left;
width: 994px;
border-left: solid #000 1px;
border-right: solid #000 1px;
background: URL("images/bg.png") 50% 0 repeat-y;
}

#header {
float: left;
width: 100%;
background: #5C5233;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
}

#branding {
float: left;
width: 100%;
height: 170px;
}

#branding h1 img {
display: block;
float: left;
padding-top: 10px;
}

#nav-site {
float: left;
width: 100%;
position: relative;
text-transform: capitalize;
z-index: 40;
font-size: .8em;
}

#site-home .site-home, #site-breed .site-breed, #site-train .site-train,
#site-about .site-about, #site-conta .site-conta, #site-links .site-links, 
#site-askth .site-askth {
background: #000;
color: #fff;
}

#content {
width: 100%;
float: left;
display: inline;
background: URL("images/bg_side.png") 0 0 no-repeat;
}

#content-main {
float: left;
display: inline;
width: 792px;
padding: 20px 0;
}

.content-inner {
padding: 0 25px;
}

.content-inner h1 {
text-transform: uppercase;
line-height: 1.2em;
font-size: 2em;
font-family: georgia;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: solid #000 1px;
color: #800000;
}

.content-header > div {
padding: 0 0 20px 0;
}

#content-side {
float: left;
display: inline;
width: 150px;
padding: 0 25px;
margin-top: 25px;
}

.editor {
}

.editor h2 {
font-weight: bold;
font-size: 2em;
margin: 0 0 20px 0;
}

.editor p {
margin: 0 0 10px 0;
}

.editor label, .editor .label {
display: block;
float: left;
min-width: 8em;
margin: 0 10px 0 0;
text-transform: capitalize;
}

.editor img {
border: solid #000 1px;
}

.editor .inline label {
display: inline;
float: none;
margin: 0 10px;
}

.action a {
display: inline-block;
vertical-align: top;
margin-left: 10px;
padding: 3px;
font-family: verdana;
font-size: 10px;
font-weight: normal;
text-transform: lowercase;
color: #fff;
text-decoration: none;
background: #4E6A1C;
}

.alt {
background: #eee;
}

tbody tr.odd {
background: #eee;
}

thead th {
background: #8DC63F;
}

#pedigree {
width: 100%;
float: left;
clear: left;
padding: 30px 0 0 0;
}

#pedigree h2 {
font-size: 1.2em;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
text-transform: uppercase;
border-bottom: solid #000 1px;
}

.user-content {
float: left;
width: 100%;
margin: 0;
padding: 0;
}

.user-content h1 {
font-weight: bold;
font-size: 2em;
}

.user-content h2 {
font-size: 1.5em;
margin: 0 0 10px 0;
}

.user-content img {
margin: 10px;
border: solid #000 1px;
}

.ads li {
width: 100%;
padding: 0 0 10px 0;
}

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

#gallery {
width: 100%;
}

#gallery ul {
margin: 0 auto;
}

#gallery li {
display: inline;
}

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

#gallery li a {
border: none;
}

#gallery li .action a {
margin: 0 0 0 -162px !important;
background: #000;
}

.snapshots li {
display: inline;
}

.snapshots li img {
border: solid #000 1px;
margin: 0 10px 0 0;
}

#extra {
float: left;
color: #000;
background: #887766;
padding: 20px 0;
width: 100%;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
}

#extra a {
color: #e0d6c1;
}

.extra {
display: inline;
float: left;
width: 30%;
margin: 0 0 0 3%;
}

.extra h2 {
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}

#footer {
display: none;
float: left;
clear: both;
padding: 10px;
}

.disabled {
background: #ccc;
}

#litters li, #litter {
float: left;
clear: left;
width: 100%;
padding-bottom: 40px;
}

#litters li h2, #litter h2 {
font-size: 2em;
text-transform: capitalize;
text-align: center;
}

#litters .details .due-date, #litter .due-date {
font-weight: bold;
text-transform: capitalize;
padding-right: 10px;
}

#litters .parents {
float: left;
width: 100%;
padding-bottom: 20px;
}

#litters .parents .details, #litter .parents .details {
float: left;
width: 50%;
margin-top: 15px;
}

#litters .parents .details img, #litter .parents .details img {
display: inline;
float: left;
margin: 0 20px 0 0;
border: solid #000 1px;
}

#litters .parents .details h2, #litter .parents .details h2 {
font-family: georgia;
font-size: 1.5em;
text-transform: capitalize;
text-align: left;
}

#search-header {
float: left;
width: 100%;
line-height: 1.2em;
font-size: 2em;
font-family: georgia;
text-transform: uppercase;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: solid #000 1px;
}

#search-header .searchbar {
float: left;
width: 50%;
}

#search-header .searchbar form {
text-align: right;
margin: 0;
}

#search-header .searchbar form p {
padding: 0;
margin: 0;
}

.search-results {
float: left;
margin-top: -20px;
margin-bottom: 20px;
}

#dogs li, #equipment li {
float: left;
clear: left;
width: 100%;
padding-bottom: 30px;
}

#dogs h2, #dog h2, #equipment h2 {
font-size: 2em;
line-height: 1.2em;
text-transform: capitalize;
}

#dogs .details, #dog .details, #equipment .details {
float: left;
padding: 0 0 20px 170px;
}

#dogs .details img, #dog .details img, #equipment .details img {
display: inline;
float: left;
margin: 0 0 0 -170px;
border: solid #000 1px;
}

#dog .details p {
margin: 0;
padding: 0 0 5px 0;
}

.details .label {
float: left;
display: block;
width: 5em;
font-weight: bold;
}

#staff li {
float: left;
clear: left;
width: 100%;
padding-bottom: 30px;
}

#staff .details {
float: left;
padding: 0 0 20px 170px;
}

#staff .details h2 {
font-size: 2em;
text-transform: capitalize;
}

#staff .details img {
display: inline;
float: left;
margin: 0 0 0 -170px;
border: solid #000 1px;
}