﻿/* dbc-content-styles.css */


/* Header Styles */

#content h1{
  margin-left:10px;
  font-size: 1.5em; 
}

#content h2 {
   text-align: center;
   font-weight: bold;
   font-family: Verdana,'Arial Black',Sans-Serif;   
   font-size: 100%
 }
 
 #content h3 {
   text-align: left;
   font-weight: bold;
   font-size: 90%;
   font-family: Verdana,'Arial Black',Sans-Serif;
   margin-left: .125em;
 }
 
 #content h4 {
   text-align: left;
   font-weight: bold;
   font-size: 90%;
   font-family: Verdana,'Arial Black',Sans-Serif;
   margin-left: .125em;
 }
 
 #content h5 {
   text-align: left;
   font-weight: bold;
   font-size: 90%;
   font-family: Verdana,'Arial Black',Sans-Serif;
   margin-left: .125em;
 }
 
 #content h6 {
   text-align: left;
   font-weight: bold;
   font-size: 90%;
   font-family: Verdana,'Arial Black',Sans-Serif;
   margin-left: .125em;
 }
 
 #content img {
   text-align: center;
   border: .06em solid #000;
 }
 
 #content .bfacd {
   text-align: center;
   font-size: 70%;
   font-weight: bold;
   border: .2em solid #ae8b45;
 }

#content .listheader2 {
   text-align: center;
   font-size: 75%;
   font-weight: bold;
   border: .2em solid #ae8b45;
   
 }

 
/* Styling dog pages */


 
 #content behavior {
   text-align: left;
   font-size: 80%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
 }

 #content .pglink-box {
   text-align: left;
   font-size: 70%;
   font-weight: bold;
   border: .2em solid #ae8b45;
   width: 40%;
   padding-left: .150em;
   padding-right: .150em;
   background-color: #fff;
 }
 
 #content .pglink-box a {
   color: #33005F;
   display: block;
   padding-bottom: .550em;
   
 }
 
 #content .pglink-box a:hover {
   background-color: #D4DDF7;
   
 }
 
 
 
 #content .altname-box {
   text-align: left;
   font-size: 80%;
   border: .2em solid #ae8b45;
   width: 50%;
   padding-left: .150em;
   padding-right: .150em;
 }
 
 
 
 
 #content .appear-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }
 
 #content .behavior-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }  

#content .breed-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }

#content .care-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }

#content .health-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }

#content .origin-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }

#content .morephotos-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }

#content .alphalist-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 } 
 
 
 
 #content .title {
   border: .2em solid #ae8b45;
   text-align: center;
 }
 
 
 
/* Paragraphs in content division */

#content p{
  font-size:0.85em;
  line-height:1.5em; 
  margin:1em 12px;
}

/* Bulleted lists in content division */
#content ul{
  font-size:0.85em;
  margin:1em 20px 1em 40px;  
}

#content ul li{
  margin-bottom:0.5em;
}

/* Float image to left of paragraph */
img.floatleft {
  float: left;
  margin-right: .31em;
 }
 
 /* Float image to right of paragraph */
 img.floatright {
   float: right;
 }
 
 /* Center image between margins */
 div.centering {
   width: 100%;
   text-align: center;
 }
 
 /* General style for horizontal lines */
#content hr {
  color: #8A191E;
  background-color: #8A191E;
  width: 80%;
  text-align: center;
  height: .2em;
  margin-left: 2.9em;
}

/* Styling the footer */
#footer p {
  font-size: 60%;
  
}
