/*--The Hardy Family Homepage-----------------------------------------*/
/*--DEFAULT STYLE-----------------------------------------*/
body {
background:#EDEDCB none repeat scroll 0% 50%;
color:#666633;
font-family:georgia,"times new roman",serif;
font-size:85%;
margin:0px;
padding:0pt;
text-align:center;
}
h1, h2, h3, h4, h5, h6 {
color:#336699;
font-family:georgia,"times new roman",serif;
margin:1px;
padding:1px;
}
h1 {
font-size:28px;
font-style:normal;
font-variant:normal;
font-weight:bold;
}
h2 {
font-size:20px;
font-style:normal;
font-variant:normal;
font-weight:bold;
}
h3 {
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
h4 {
font-size:14px;
font-style:normal;
font-variant:small-caps;
font-weight:normal;
}
h5 {
font-size:13px;
font-style:normal;
font-variant:small-caps;
font-weight:bold;
}
h6 {
font-size:11px;
font-style:normal;
font-variant:small-caps;
font-weight:bold;
}
#container {
background-color:#EEEEDD;
border:2px solid #553300;
height:100%;
margin: 0px auto;
padding: px;
text-align:left;
width: 800px;
}
#header {
background-color:#CCCC99;
background-image:none;
border:2px solid #553300;
margin:25px 10px 0px;
padding:10px 10px 20px;
}
#header h1 {
font-family:georgia,"times new roman",serif;
font-size:24px;
font-weight:bold;
letter-spacing:1em;
margin:1px;
padding:1px;
}
#header a {
color:#336699;
text-decoration:none;
}
#header a:visited {
color:#336699;
text-decoration:none;
}
#header a:hover {
color:#336699;
text-decoration:none;
}
div.subtitle {
color:#003366;
font-family:georgia,"times new roman",serif;
font-size:12px;
font-weight:normal;
letter-spacing:0.3em;
text-transform:lowercase;
}
#mainnav {
background-color:#EEEEDD;
background-image:none;
font-size:10px;
margin:0px 10px;
padding:3px 5px;
text-align:right;
}
#mainnav ul {
border-left:0px solid #666633;
list-style-type:none;
margin:0pt 0pt 0pt 5px;
padding:0pt;
}
#mainnav li {
border-right:1px solid #666633;
display:inline;
padding:0pt 7px 0px;
}
#mainnav li a {
color:#336699;
text-decoration:none;
}
#mainnav li a:visited {
color:#336699;
text-decoration:none;
}
#mainnav li a:hover {
color:#AABB88;
text-decoration:underline;
}
#mainnav li a:active {
color:#990000;
text-decoration:none;
}
#sidebar {
background-color:#CCDDAA;
border:2px solid #AABB88;
float:right;
margin:10px 10px 10px 0px;
padding:5px;
width:225px;
}
#latestfamilypic {
background-color:#CCDDAA;
border:4px solid #003366;
margin-bottom:10px;
padding:5px;
text-align:center;
}
#sidelinks {
background-color:#CCDDAA;
margin:0px;
padding:5px;
}
#sidelinks h6 {
background-color:#AABB88;
border:0px solid #003366;
color:#FFFFEE;
font-size:12px;
letter-spacing:0.4em;
margin-bottom:2px;
padding:5px;
text-align:left;
}
#sidelinks ul {
list-style-type:none;
margin:0pt;
padding:0pt;
}
#sidelinks li {
padding:0px;
}
#sidelinks li a:link {
color:#553300;
text-decoration:none;
}
#sidelinks li a:visited {
color:#553300;
text-decoration:none;
}
#sidelinks li a:hover {
color:#AABB88;
text-decoration:none;
}
#sidelinks li a:active {
color:#990000;
text-decoration:none;
}
#contents {
background-color:#EEEEDD;
background-image:none;
color:#666633;
margin:5px;
padding:3px;
text-align:justify;
width:534px;
}
#contents a:link {
color:#336699;
text-decoration:underline;
}
#contents a:visited {
color:#666633;
text-decoration:underline;
}
#contents a:hover {
color:#003366;
text-decoration:underline;
}
#contents a:active {
color:#990000;
text-decoration:none;
}
#contents ul {
list-style-type:disc;
margin:3px;
padding:3px 10px 3px 30px;
}
#contents li {
text-indent:15px;
}
#contents p {
text-indent:35px;
}
#contents p.intro:first-letter {
color:#003366;
font-family:"times new roman",serif;
font-size:24px;
font-style:italic;
font-weight:bold;
}
#contents hr {
background-color:#003366;
color:#003366;
height:1px;
}
.post {
margin:0px;
padding:10px;
}
.post hr {
background-color:#003366;
border:1px none #003366;
color:#003366;
height:1px;
margin:0px;
padding:0px;
text-align:center;
}
.postfooter {
border:1px none #FF3333;
padding-top:5px;
}
p.postfooter em {
display:block;
float:left;
font-size:80%;
font-style:normal;
text-align:left;
text-indent:0px;
}
.commenthidden {
display:none;
}
.commentshown {
display:inline;
}
#comments {
border:1px dashed #336699;
margin:0pt 15px 10px 20px;
padding:5px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
blockquote {
background-color:#EEEEDD;
background-image:none;
border:1px dashed #336699;
color:#003366;
margin:5px 35px;
padding:5px;
text-align:justify;
}
#footer {
background-color:#CCCC99;
background-image:none;
border:2px solid #553300;
clear:both;
color:#666633;
font-family:georgia,"times new roman",serif;
font-size:11px;
margin:5px 10px 10px;
padding:5px;
text-align:center;
}
#footer a {
color:#553300;
text-decoration:none;
}
#footer a:visited {
color:#553300;
text-decoration:none;
}
#footer a:hover {
color:#003366;
text-decoration:none;
}
#footer a:active {
color:#990000;
text-decoration:none;
}
.clearright {
clear:right;
}
.center {
text-align:center;
}
.right {
text-align:right;
}
.floatright {
background-color:#EEEEDD;
border-color:#999999 rgb(85, 85, 85) rgb(85, 85, 85) rgb(153, 153, 153);
border-style:solid;
border-width:1px 2px 2px 1px;
float:right;
margin:10px 0px 5px 5px;
padding:5px;
width:175px;
}
.floatleft {
background-color:#EEEEDD;
border-color:#999999 rgb(85, 85, 85) rgb(85, 85, 85) rgb(153, 153, 153);
border-style:solid;
border-width:1px 2px 2px 1px;
float:left;
margin:10px 5px 5px 0px;
padding:5px;
width:175px;
}
div.floatright img {
border-color:#555555 rgb(153, 153, 153) rgb(153, 153, 153) rgb(85, 85, 85);
border-style:solid;
border-width:2px 1px 1px 2px;
}
div.floatleft img {
border-color:#555555 rgb(153, 153, 153) rgb(153, 153, 153) rgb(85, 85, 85);
border-style:solid;
border-width:2px 1px 1px 2px;
}
div.center img {
border-color:#555555 rgb(153, 153, 153) rgb(153, 153, 153) rgb(85, 85, 85);
border-style:solid;
border-width:2px 1px 1px 2px;
}