/* 
Title:     Dowie Screen CSS
Author:    monkeygum.com
Updated:   15 January 2009
*/

/* ---------------------[ SCREEN CSS ]------------- */
html {color:#40260b;background:#ece9df url(../images/top-bg-tile.jpg) repeat-x top left;}
body {line-height: 1.2em;font-family: Arial, Verdana, sans-serif;font-size: small;text-align: center;}

#page {margin: 10px auto;width: 900px; text-align: left;}
#wrap {float: left;background:transparent url(../images/content-rpt-bg.jpg) repeat-y top left;margin-bottom: 15px;}
#inner-wrap {float: left;background:transparent url(../images/content-top-bg.jpg) no-repeat top left;}
#content {float:left;width: 800px;padding: 10px 60px 20px 40px;min-height: 300px;
	background:transparent url(../images/content-bot-grdt.png) no-repeat bottom left;}

#logo {background: transparent url(../images/dowie-logo.gif) no-repeat 40px 30px; width: 210px; height: 80px; text-indent: -9999px; border: 0; margin: 0;}
#logo a {display: block; width: 210px; height: 80px; text-decoration: none; border: 0;}
#slideshow {
	float: right;width: 375px;height: 300px;margin: 20px 0 30px 0;background:transparent url(../images/photo-bg.gif) no-repeat top left;
}
#flashcontent { margin: 34px 0 20px 37px;padding: 0; color: #fff; font-size: .8em; width: 300px; height: 230px;}
#flashcontent fieldset { width: 280px; padding: 10px;}
#flashcontent a { color: #fff;}
#flashcontent a:hover { color: #900;}
#welcome-news {
	margin-right: 431px;
}
#welcome {
	font: italic bold 2em/1.2 "Times New Roman", Times, serif; margin: 0 0 20px 0;
}
#family-list {
	font: .85em/1.5 Arial, Helvetica, sans-serif;padding-bottom: 10px;
}
#news-list {
	border: #40260b solid 1px;border-left: 0;border-right: 0;margin-bottom: 20px;padding: 5px 0 10px 0; min-height: 100px;
}
#news-list p {
	margin: .5em 0 0 0;
}
p.date {font-size:80%;color:#999;margin-bottom: 15px;}
#about {
	clear: both;
	width: 756px;margin: 0;
	padding: 20px 20px 0 20px;
	background:transparent url(../images/gradient-bg.png) repeat-x top left; float: left;
}
#about img {margin-bottom: 0;}
#about p {margin-left: 130px;}

#posts {
	margin-right: 250px;
}
#search-archive {
	float: right; width: 200px;
}

#search-field input[type="text"] {
	border-top: #ccc solid 1px;border-right: #fff solid 1px;border-left: #ccc solid 1px;border-bottom: #fff solid 1px;
	background-color:#ece9df;
	margin: 0 5px 0 0;
}
#search-field input[type="text"]:focus {background-color: #f4f0e7;}
#search-field input[type="text"]:hover {background-color: #f4f0e7;border-top: #a1937a solid 1px;border-left: #a1937a solid 1px;}
#search-field input[type="submit"] {border: #40260b solid 1px;background-color:#ece9df;cursor: pointer;font-weight: bold;color:#40260b;}
#search-field input[type="submit"]:hover {border: #40260b solid 1px;background-color:#900;color: #fff;}

p.newsfeed {margin-bottom: 50px;}
/* ---------------------[ homepage family links ]---- */
#family-links {
	margin-bottom: 20px;
}
#father-branch, #mother-branch {
	width: 398px; /* took 2px down for IE6 3px float bug */
	padding-top: 10px;margin-bottom: 20px;
	background:transparent url(../images/branch.gif) no-repeat top center;
}
#father-branch {float: left;clear: right;}
#mother-branch {float: right;}
#father-branch dl, #mother-branch dl {float: left;width: 170px;text-align: center;margin: 20px 0;color:#40260b;
border: #b59973 solid 1px;}
#father-branch dt, #mother-branch dt {
	text-indent: -9999px; height: 0;
}
#father-branch dl {margin-right: 25px;}
#mother-branch dl {margin-left: 25px;}
.photo a {
	background-color: #d1b38d;border-bottom: none; padding: 20px;display: block;font-weight: bold; font-size: .9em;
}
.photo a:hover {background-color: #e9dbc5;border-bottom: none;}
.photo a:visited {color:#40260b;}
.photo img {border:#40260b solid 5px;}

/* ---------------------[ common elements ]---- */
h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;}
h1 {font-size: 170%;margin-bottom:.5em;}
h2 {font-size: 150%;margin-bottom:.5em;color:#900;}
h3 {font-size: 150%;line-height:1.2em;margin:1.5em 0 .5em 0;color: #40260b;}
h4 {font-size: 110%;margin-top:1em;color: #40260b;font-style: italic;}
ul {list-style: none;}
p {margin: 0.3em 0 1em 0;}
strong {font-weight: bold;}
dl.linklist dd {margin-bottom: 15px;}
/* ---------------------[ links ]------------- */
a {color: #40260b;text-decoration: none; border-bottom: 1px dashed #ad896a;}
a:hover {color: #900; border-bottom: 1px dashed #40260b;}
a:visited {color: #725236;}
img {border:none; border:#40260b solid 5px;}
em {font-style:normal;font-weight:bold;}
acronym {cursor:help;border-bottom: 1px dotted #40260b;}

#nav {font-size: 110%;font-weight: bold;float: left;width: 800px;margin: 20px 60px 20px 40px;border: #40260b solid 1px; border-left: 0;border-right: 0;text-transform: uppercase;
display: inline; /* for IE 6 double margin on floats*/
}
#nav li {float: left;display: inline;margin-right: 10px;}
#nav a {display: block;padding: 5px 1em 5px 0;color:#40260b;text-decoration: none; border-bottom: 0;}
#nav a:hover {color:#900;}
#nav li.selected a {color: #900;}
/* DROPDOWN NAVIGATION --------------------- */
#nav ul li {position: relative;}

#nav ul li:hover ul li a {display:block;background-color:#ede4d5;color:#40260b;height:auto;line-height:15px;padding:4px 10px; width:7em; border:1px solid #725236; border-top:0;font-size:80%;}
#nav ul li:hover ul li a:hover {color: #900;background-color:#e5d7c2;}

#nav ul ul {position: absolute;text-align:left;top:26px; left:0;width:10em;}
#nav ul ul {display: none;}
#nav ul li:hover ul {display: block;}


table {margin: 20px 0 20px 20px;border:#000 solid 2px;}
th {color:#9e8a70;padding:5px;}



.float-right {float:right; margin: 0 0 20px 20px;border:#40260b solid 5px;}
.float-left {float:left; margin: 0 20px 20px 0;border:#40260b solid 5px;}
.centre {text-align:center;}

.clear {clear:both;}
.breadcrumb {font-size:90%;margin-bottom:1em;padding: 2px 0 3px 0;border-top: #e5d7c2 solid 1px;border-bottom: #e5d7c2 solid 1px;}
.breadcrumblink {font-size:90%;color:#40260b;}

.next, .prev {margin:20px 0 0 0;border:#40260b solid 1px;background-color:#ece9df;cursor: pointer;}
.prev {float: left;}
.next  {float: right;}
.next a, .prev a {text-decoration: none;display: block;padding: 2px 5px;border-bottom: none;}
.next:hover, .prev:hover {background-color:#900;}
.next a:hover, .prev a:hover {color: #fff;}

/* ---------------------[ footer ]------------- */
#footer {display: inline;float:left;color:#40260b;width: 800px;padding: 10px 60px 0 40px;height: 60px;list-style: none;background:transparent url(../images/content-bot-bg.jpg) no-repeat bottom left;}

#copyright {float: right;width: 688px;text-align: right;font-size: 90%;margin: 0;padding: 0;}


#design {width: 148px;font-size: 80%;margin: 0;padding: 0;}
#design a {color: #40260b;}
#design a:hover {color: #900;}




/* ---------------------[ contact form ]------------- */

form {width: 400px;}
#email-address {margin-top: 30px;}
fieldset {border: none;width: 400px;}
legend {visibility: hidden;height: 0;}

label {display: block;color:#40260b;}
input.zemText, input.zemTextarea, textarea, select {
	border-top: #ccc solid 1px;border-right: #fff solid 1px;border-left: #ccc solid 1px;border-bottom: #fff solid 1px;
	background-color:#ece9df;
	width: 350px;
	padding: .1em 0;
	margin-bottom: 1em;
}

input.zemText, .zemTextarea, .zemSelect {color:#40260b;line-height:120%;}
input:focus, textarea:focus {background-color: #f4f0e7;}
input:hover, textarea:hover {background-color: #f4f0e7;border-top: #a1937a solid 1px;border-left: #a1937a solid 1px;}

.zemSubmit {margin: .5em 0 0 0;padding: .2em 1em;background-color: #ece9df;font-weight: bold;border:#40260b solid 1px;cursor: pointer; color:#40260b;}
.zemSubmit:hover {color: #fff;background-color:#900;}

.zemRequirederrorElement {color:#900;}

input.zemRequirederrorElement , select.zemRequirederrorElement , textarea.zemRequirederrorElement  {color:#900;}

.error {color:#900;}
.zemError {color: #900; margin: 0 0 30px 30px;}
.zemError strong {color: #900;}
.zemError li {list-style: circle;line-height:1.5;}
.zemThanks p {color: #40260b;font-size: 120%;font-weight: bold;padding: 7em 0;}