/*  
Theme Name: Family Tree
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background:#1a1a1a;
text-align:center;
font-family:Georgia, Arial, 'Sans Serif';
font-size:14px;
color:#333;
}

a {
text-decoration: none;
color:#333;
}

a:hover {
color:#999;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q {
margin:0 0 20px 0;
}

.alignleft, .thumb {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright, .avatar {
float:right;
display:block;
margin:0 0 20px 20px;
}

ul ul {
margin:0px;
}

h1 {
font-size:25px;
font-weight:bold;
}

h1, h2 {
font-size:36px;
font-weight:normal;
color:#996699;
font-style:italic;
}

h3 {
font-size:18px;
line-height:24px;
font-weight:bold;
}

h4 {
font-size:15px;
font-weight:normal;
}

h5 {
font-size:18px;
line-height:24px;
color:#666;
font-weight: normal;
}

p, ul, ol {
line-height:24px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}




#page {
width:1000px;
display:block;
margin:auto;
text-align: left;
background: #FFF;
}

#header {
width:1000px;
background:url(./images/header.jpg) no-repeat top left;
height:258px;
display:block;
overflow: hidden;
position: relative;
clear:both;
}

 #header object {
display:block;
position:absolute;
top:20px;
left:10px;
}

#header a.logo {
display:block;
position:absolute;
top:20px;
left:20px;
}

#header p.contactdetails {
position:absolute;
top:15px;
right:15px;
color: #FFF;
display: block;
font-size:21px;
line-height:24px;
text-align: right;
}

#header p.contactdetails span {
font-size:15px;
}

#header p a {
color: #FFF;
text-decoration: none;
}

#header p a:hover { text-decoration: underline; }

#subheader {
height:65px;
width:1000px;
display:block;
position:relative;
font-family: Arial;
text-align: center;
}

#subheader .coverleft, #subheader .coverright {
width:37px;
height:30px;
background: #FFF;
display:block;
position:absolute;
top:0px;
left:20px;
z-index:2000;
}

#subheader .coverright {
left:558px;
width:60px;
}

ul#nav {
display:block;
position:absolute;
padding-top:18px;
top:0px;
left:20px;
background:url(./images/menu.jpg) no-repeat top center;
font-family: Verdana;
}

ul#nav a {
color:#999999;
font-size:13px;
text-decoration: none;
}

ul#nav a:hover, ul#nav li.current_page_item a, ul#nav li.current-cat a { color:#333; }

ul#nav li {
position:relative;
display:block;
float:left;
}

ul#nav li a {
display:block;
float:left;
height:24px;
padding:18px 20px 0 20px;
border-top:2px solid #7b4679;
background:url(./images/menu.jpg) no-repeat top center;
}

ul#nav ul {
padding:20px 15px 15px 15px;
display:none;
position:absolute;
top:40px;
width:200px;
left:50%;
margin-left:-115px;
text-align: center;
background:url(./images/menu.jpg) no-repeat center 5px #FFF;
}

ul#nav ul li {
height:25px;
display: block;
float:none;
clear: both;
width:200px;
}

ul#nav ul li a {
display: block;
float:left;
padding:5px 0 0 0;
line-height:25px;
height:25px;
border:none;
background: none;
width:200px;
}

ul#nav ul ul {
left:200px;
margin-left:0;
text-align: left;
top:0px;
background: url(./images/menusubsub.jpg) left 15px no-repeat #FFF;
padding:30px 15px 15px 30px;
display:none;
}

a.signin {
position:absolute;
top:20px;
right:20px;
display:block;
}

#mainarea {
padding:0px 20px 0px 40px;
display:block;
overflow: hidden;
}

#contentarea {
padding:20px 0;
width:550px;
display:block;
float:left;
}

ul#postlist li {
display: block;
margin:0 0 20px 0;
}

ul#postlist h3 {
margin:0 0 5px 0;
}

ul#postlist p {
font-style: italic;
line-height:22px;
margin:0px;
}

p.morelink {
text-align: right;
}

p.morelink a, .entry a {
color:#996699;
}

p.morelink a:hover, .entry a:hover {
text-decoration:underline;
}

#sidebar {
width:310px;
display:block;
float:right;
}

#sidebar .widget {
margin:0 0 20px 0;
display:block;
overflow: hidden;
}

#sidebar .widget ul {
margin:10px  0;
font-size:16px;
font-style: italic;
}

#sidebar .widget .subscribelink span {
font-size:15px;
}

#sidebar .widget .subscribelink span.via {
font-size:20px;
}

#sidebar .widget h3, .contactform h3, .pageh4 {
font-size:28px;
color:#666;
font-weight: bold;
margin:0 0 10px 0;
font-style: normal;
}

#sidebar .widget ul.pagelist ul { margin:0px; padding:0px; }

#sidebar .widget h3 span, .contactform h3 span {
font-size:16px;
font-weight: normal;
font-style:italic;
}

#sidebar .widgetgreen h3, #sidebar .widgetpurple h3, #sidebar .widgetgreen h3 a,  #sidebar .widgetpurple h3 a, .contactform h3 {
color:#FFF;
margin:0px;
}

#sidebar .widgetbordered h3 {
color:#663366;
margin:0px;
}

#sidebar .widgetgreen {
background: url(./images/widgetgreen.jpg) no-repeat top left;
margin:0 0 20px 0;
}

#sidebar .widgetgreen .inner {
padding:15px 15px 10px 15px;
}

#sidebar .widgetgreenbottom {
background: url(./images/widgetgreenbottom.jpg) no-repeat top left;
width:304px;
height:4px;
display:block;
}

#sidebar .widgetpurple {
background: url(./images/widgetpurple.jpg) no-repeat top left;
margin:0 0 20px 0;
}

#sidebar .widgetpurple .inner {
padding:15px 15px 10px 15px;
}

#sidebar .widgetpurplebottom {
background: url(./images/widgetpurplebottom.jpg) no-repeat top left;
width:304px;
height:4px;
display:block;
}

#subfooter .searchform {
background: url(./images/searchform.jpg) no-repeat top left #FFF;
display:block;
width:276px;
height:33px;
margin:10px 0 0 0;
padding:0px;
overflow: hidden;
}

.search_form {
margin:0 0 0 60px;
display:block;
overflow: hidden;
}

#subfooter .searchform input#s {
margin:7px 0 0 10px;
width:220px;
border:0;
float:left;
display:block;
font-size:15px;
}

#subfooter .searchform #searchsubmit {
margin:8px 5px 0 0;
display:block;
width:23px;
height:23px;
background: url(./images/searchsubmit.jpg) no-repeat;
border: none;
float:right;
display:block;
}

#sidebar .widgetbordered {
background: url(./images/widgetbordered.jpg) no-repeat top left;
}

#sidebar .widgetbordered ul.tabbuttons {
margin:10px 0 0 0;
display:block;
overflow: hidden;
}

#sidebar .widgetbordered ul.tabbuttons li {
float:left;
display:block;
margin:0 10px 0 0;
padding:0 10px 0 0;
font-size:18px;
font-style:italic;
border-right:1px solid #666;
}

#sidebar .widgetbordered ul.tabbuttons li a {
color:#CCC;
}

#sidebar .widgetbordered ul.tabbuttons li.active a, #sidebar .widgetbordered ul.tabbuttons li a:hover {
color:#666;
}

#sidebar .widgetbordered .inner {
padding:15px 15px 0px 15px;
}

#sidebar .widgetborderedbottom {
background: url(./images/widgetborderedbottom.jpg) no-repeat top left;
width:304px;
height:5px;
display:block;
}

#sidebar .widgetbordered .tabs ul {
margin:0px;
}

#sidebar .widgetbordered .tabs ul li {
margin:10px 0;
display:block;
overflow: hidden;
}

#sidebar .widgetbordered .tabs ul li a {
font-size:18px;
color:#333;
font-weight:bold;
}

#sidebar .widgetbordered .tabs ul li a:hover { text-decoration: underline; }

#sidebar ul#social li {
margin:0 25px 0 0;
display:block;
float:left;
}

#contactbar {
background: url(./images/contactbar.jpg) repeat-x;
display:block;
height:40px;
width:100%;
text-align: center;
}

#contactbar p {
font-size:18px;
line-height: 34px;
color: #FFF;
}

#contactbar p a, #contactbar p span { color:#FFF; font-weight: bold; }

#contactbar p a:hover { color:#999; }

#subfooter {
padding:35px 20px 0 50px;
display: block;
overflow: hidden;
background: url(./images/subfooter.jpg) no-repeat;
height:282px;
width:930px;
}

#subfooter a {
color:#FFF;
}

#subfooter a:hover {
text-decoration: underline;
}

#subfooter .widget {
color: #FFF;
width:250px;
float:left;
display:block;
}

#subfooter .widget h3 {
font-size:25px;
letter-spacing: 0.8px;
}

#subfooter .widget ul li {
margin-bottom:8px;
line-height:22px;
}

#subfooter .widget ul li a {
font-size:18px;
}

#subfooter .widget ul li span {
font-size:14px;
font-style:italic;
}

#subfooter .widgetright {
float:right;
width:408px;
}

#footer {
background: #1a1a1a;
height:50px;
display: block;
overflow: hidden;
font-size:13px;
font-family: Arial;
}

#footer a {
color:#666666;
}

#footer a:hover {
text-decoration: underline;
}

#footer ul {
float:left;
display:block;
color:#FFF;
margin:10px 0 0 0;
height:16px;
line-height: 16px;
}

#footer ul li {
height:16px;
line-height: 16px;
float:left;
display:block;
padding:0 10px 0 0;
margin:0 10px 0 0;
border-right:1px solid #666666;
}

#footer p {
float:right;
display:block;
color:#666666;
margin:10px 0 0 0;
}


#contentarea.contactcontentarea {
width:460px;
margin:0 0 0 10px;
}

#sidebar.contactsidebar {
width:410px;
margin:20px 40px 0 0;
}

#sidebar.contactsidebar p {
font-size: 16px;
margin:0 0 10px 0;
line-height: 22px;
font-weight: bold;
}

#sidebar.contactsidebar p a, #sidebar.contactsidebar p span {
color:#663366;
}

#sidebar.contactsidebar p span.address {
font-size:14px;
font-style:italic;
font-weight: normal;
color:#333;
}

.contactform {
width:408px;
display:block;
overflow: hidden;
}

#sidebar.contactsidebar .contactform { margin:0 0 20px 0; }

.contactform .left {
width:309px;
display:block;
float:left;
}

.contactform .tab1 {
background: url(./images/contactpurple.jpg) no-repeat top left;
display:block;
}

.contactform .tab1 .inner {
display:block;
padding:12px 15px 6px 15px;
}

.contactform .tab1 .inner .smallform {
display:block;
width:276px;
overflow: hidden;
margin:0px 0 0 0;
}

.contactform .tab1 .inner .smallform .hide { display:none; }

.contactform .tab1 .tab1bottom {
display:block;
width:309px;
height:7px;
background: url(./images/contactpurplebottom.jpg) no-repeat bottom left;
}

.contactform .tab2 {
background: url(./images/contactgreen.jpg) no-repeat top left;
display:block;
}

.contactform .tab2 .inner {
display:block;
padding:12px 15px 6px 15px;
}

.contactform .tab2 .tab2bottom {
display:block;
width:309px;
height:7px;
background: url(./images/contactgreenbottom.jpg) no-repeat bottom left;
}

.contactform .right {
width:98px;
display:block;
float:left;
}

.contactform .right .tabbuttons a.theshortone {
background:url(./images/contacttab1.jpg) no-repeat;
width:98px;
height:58px;
display:block;
}

.contactform .right .tabbuttons a.thelongone {
background:url(./images/contacttab1.jpg) no-repeat left -58px;
width:98px;
height:58px;
display:block;
}

.contactform .right .tabbuttons a.theshortone.reverse, .contactform .right .tabbuttons a.thelongone.reverse {
background-image:url(./images/contacttab2.jpg);
}

.contactform .longform {

}

select {
width:276px;
}

.sidebarcontactform input, #sidebar.contactsidebar .contactform p input {
background: url(./images/searchform.jpg) no-repeat top left #FFF;
display:block;
width:266px;
border:none;
height:23px;
font-size:15px;
padding:8px 0 0 10px;
margin:0 0 0 0;
}

.sidebarcontactform p {
margin:0px;
}

.sidebarcontactform textarea, #sidebar.contactsidebar .longform p textarea {
background: url(./images/textarea.jpg) no-repeat top left #FFF;
display:block;
width:266px;
border:none;
font-family: Arial;
height:90px;
font-size:15px;
padding:8px 0 0 10px;
margin:10px 0 0 0;
}

.sidebarcontactform p {
padding:0 0 10px 0;
display:block;
margin:0px;
}

.sidebarcontactform #submit, #sidebar.contactsidebar .contactform #submit {
background: url(./images/contactsubmit.jpg) no-repeat;
width:155px;
height:38px;
line-height:38px;
margin:0px;
padding: 0px;
display:block;
text-align:center;
color:#FFF;
font-size:15px;
border:none;
font-family: Georgia;
}

ul.response {
color:#ccc;
width:240px;
margin:5px 20px 5px 0;
}

.post ul {
list-style:square outside;
margin:0 0 0 20px;
}

.post ol {
list-style:decimal outside;
margin:0 0 0 30px;
}

.post {
margin:0 0 40px 0;
display: block;
overflow: hidden;
}

.post .heading {
display:block;
overflow: hidden;
margin:0 0 10px 0;
}

.post .heading h3 {
float:left;
display: block;
font-size:18px;
width:400px;
margin:0px;
}

.post .heading p {
float:right;
display: block;
font-size:18px;
font-weight: bold;
color:#666;
margin:0px;
}

.post .heading p span {
font-size:24px;
}

ol.commentlist {

}

ol.commentlist li {
margin:0 0 40px 0;
display:block;
padding:20px;
border:1px solid #CCC;
}

a.getstartedbutton {
background: url(./images/getstartedbutton.jpg) no-repeat;
width:304px;
height:64px;
display:block;
}

a.getstartedbutton:hover {
background: url(./images/getstartedbuttonhover.jpg) no-repeat;
}