/*

Theme Name: FamilyTree

Theme URI: http://familytreedesign.net/

Description: Custom theme for FamilyTree Designs

Version: 1.5

Author: Keith Solomon

Author URI: http://reciprocity.be/

*/



/* Neutralize styling: Elements we want to clean out entirely */

html, body, form, fieldset {

	font-family: Helvetica, sans-serif;

	font-size: .75em; /* Base font size - 16*.75=12px */

	margin: 0;

	padding: 0;

}



body {

	background: #fff;

	font-size: 100%;

}



/* Neutralize styling: Elements with a vertical margin */

p, pre, blockquote,

dl, address {

	margin: .5em 0;

	padding: 0;

}



/* Apply left margin only to the few elements that need it */

dd, blockquote {

	margin-left: .5em;

}



/* List Styles */

ul, ol {

	margin: .5em 0;

	padding: 0;

}



li {

	margin-left: .5em;

}



ul.sidebar,

ul.sidebar li ul {

	list-style: none;

}



#blogposts ul {

	margin-left: 1.5em;

}



#blogposts ol {

	margin-left: 2em;

}



/* Heading Styles */

h1, h2, h3, h4, h5 {

	color: #000;

	font-family: Helvetica, sans-serif;

	font-weight: bold;

}



h1 {

	font-size: 2em;

	margin: 15px 0 0 0;

}



h2 {

	clear: both;

	font-size: 1.5em;

	letter-spacing: -1px;

	margin: 0;

}



h2.pagetitle {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 2.5em;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 10px 0 10px;

}



h2.pagetitle a {

	color: #5592bd;

	text-decoration: none;

}



h2.pagetitle a:hover {

	text-decoration: underline;

}



.description h2 {

	color: #666;

	font-size: 1em;

	font-weight: normal;

	margin-left: 30px;

	text-decoration: none;

}



#sidebar h2.widgettitle {

	background: #fa6908;

	color: #fff;

	font-size: 1.1em;

	padding: 5px;

	text-transform: uppercase;

}



h3 {

	font-size: 1.2em;

	letter-spacing: -1px;

}



h3.comments {

	margin: 40px auto 20px ;

	padding: 0;

}



h3.foot {

	margin: 15px auto 0;

	padding: 0;

}



h3.post {

	font-size: 1.1em;

	margin: 10px auto 0;

	padding: 0;

}



.archives h3 {

	margin: 10px auto 0;

	padding: 0;

}



h4 {

	font-size: 1.1em;

}



h4#comments, h4#trackbacks {

	margin: 10px 0 0 0;

}



.commentlist li h4 {

	font-size: 1.1em; 

	margin-top: 5px;

}



h1, h1 a:link, h1 a:visited,

#headerimg .description {

	text-decoration: none;

}



h2, h2 a, h2 a:link, h2 a:visited,

h3, h3 a, h3 a:link, h3 a:visited {

}



h2, h2 a, h2 a:link, h2 a:visited,

h3, h3 a, h3 a:link, h3 a:visited,

#wp-calendar caption, cite {

}



/* Link Styles */

a {

}



a:hover {

}



a img {

	border: none;

}



/* Form Styles */

form label {

	cursor: pointer;

}



fieldset {

	border: none;

}



input, select, textarea {

	font-family: inherit;

	font-size: 100%;

}



/* Miscellaneous conveniences: */

.right {

	float: right;

	margin-left: 10px;

}



.left {

	float: left;

	margin-right: 10px;

}



.center {

	display: block;

	margin: 0 auto;

	padding: 0;

	text-align: center;

}



.clear {

	clear: both;

}



/* Main Positioning Elements */

#wrap {

	background: url(images/bg.png) repeat-y;

	margin: 0;

	padding: 4px 0 50px 80px;

	width: 898px;

}



#header {

	background: url(images/header-bg.png) no-repeat left -25px;

	height: 146px;

	/*padding-top: 10px;*/

	width: 899px;

}



#pagecontent {

	float: left;

width: 100%;

}



#footer {

	clear: both;

}



/* Header Elements */

/* This section contains an image replacement. */

#header h2 a {

	background: transparent url(images/blank.gif) repeat left center;

	display: block;

	line-height: 122px;

	padding-top: 0;

	text-indent: -1000em;

	overflow: hidden;

	width: 400px;

}



#header h2.description {

	height: 0;

	margin: 0;

	overflow: hidden;

	padding: 0;

	text-indent: -1000em;

	width: 0;

}



#menu {

	background: url(images/menu-bg.png) repeat-x;

	height: 24px;

	line-height: 24px;

	width: 100%;

}



#menu ul {

	background: url(images/menu-bg-a.png) repeat-x;

	height: 24px;

	list-style: none;

	margin: 0;

	padding: 0;

	width: 209px; /* TODO: Change to 247px with store link */

}



#menu li {

	float: left;

	margin-left: 0;

	margin-right: .5em;

}



#menu a {

	color: #e2c13e;

	font-family: "Trebuchet MS", sans-serif;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

}



#menu a:hover {

	text-decoration: underline;

}



/* Pagecontent Elements */

#blogposts {

	color: #969696;

	float: left;

	font-family: "Times New Roman", Times, serif;

	margin: 0 23px 0 25px;

	width: 436px;

}



#bloghead {

	background: url(images/blog-head.png) no-repeat;

	float: left;

	height: 18px;

	margin-top: -38px;

	width: 436px;

}



#posts {

	background: url(images/blog-bg.png) repeat-y;

	float: left;

	margin-top: -19px;

	padding: 0 20px;

	width: 396px;

}



.date {

	color: #e2c13e;

	font-family: "Trebuchet MS", sans-serif;

	font-size: 14px;

	font-weight: bold;

	margin-top: 15px;

}



#posts .post {

	font-size: 1.20em;

}



#posts hr {

	color: #f0ece7;

}



.comment {

	float: right;

	margin-top: -16px;

}



#posts .more-link a,

.navigation a,

.comment a {

	color: #b28752;

	font-style: italic;

	text-decoration: none;

}



#blogfoot {

	background: url(images/blog-foot.png) no-repeat;

	float: left;

	height: 3px;

	margin: 2px 0 5px;

	width: 436px;

}



.navigation {

	padding: 10px 0;

}



/* Portfolio Post Elements */

#portposts {

	color: #969696;

	float: left;

	font-family: "Times New Roman", Times, serif;

	margin: 30px 23px 0 0px;

	width: 100%;

}



#illustration-head,

#logos-head,

#design-head {

	/*clear: both;*/

	height: 18px;

	width: 100%;

}



#illustration-head {

	background: url(images/ill-head.png) no-repeat top left;

}



#logos-head {

	background: url(images/logo-head.png) no-repeat top left;

}



#design-head {

	background: url(images/design-head.png) no-repeat top left;

}



#aboutProject

{



}

#aboutProject h3

{

	background: url(images/border.png) repeat-x top left;

        margin: 0px;

        padding: 0px;

}



#aboutProject h3 img

{

        margin-left: 50px;

}



#aboutProject .member

{

	background: url(images/border.png) repeat-x bottom left;

        padding: 30px 0px;

        margin-left: 50px;

}



#aboutProject .member .memberPhotoDiv

{

      width: 150px;

height: 300px;

      float: left;

display: inline;

margin-right: 15px;

}



#aboutProject th

{

color:#815f3c;

font-style: italic;

font-size: 18px;

font-weight: bold;

text-align: right;

}



#aboutProject td

{

font-size: 18px;

}

#aboutProject .memberName

{

   font-weight: bold;

}



#aboutProject .job, #aboutProject .talk

{

   padding-top: 20px;

}



#aboutProject a

{

 color: #a0a0a0;

 text-decoration: none;

}



#aboutProject a:hover

{

 text-decoration: underline;

}



#project {

	float: left;

	width: 100%;

}



#project #post {

	background: url(images/border-v.png) repeat-y top right;

	font-size: 1.20em;

	float: left;

	margin-top: 15px;

	padding-bottom: 25px;

	width: 734px;

}



#project #related {

	font-size: 1.20em;

	float: left;

	margin-top: 25px;

	padding-bottom: 25px;

	text-align: center;

	width: 163px;

}



#project #post strong {

	color: #806039;

	text-transform: uppercase;

}



#project #post img {

	float: left;

	margin: 0 30px 20px 0;

}



/* This section contains an image replacement. */

#project #post a {

	background: transparent url(images/forsale.png) no-repeat left center;

	display: block;

	line-height: 18px;

	padding-top: 0;

	text-indent: -1000em;

	overflow: hidden;

	width: 99px;

}



#project #navigation {

	float: left;

	width: 715px;

}



#project #navigation a {

	color: #806039;

	font-weight: bold;

	text-decoration: none;

}



/* This section contains an image replacement. */

#project #related h3 {

	background: transparent url(images/related.png) no-repeat left center;

	display: block;

	line-height: 12px;

	margin-top: 0;

	padding-top: 0;

	text-indent: -1000em;

	overflow: hidden;

	width: 139px;

}



#project .storypic {

	margin: 20px;

}



#proj-foot,

.proj-head {

	background: url(images/border.png) repeat-x bottom left;

	clear: both;

	height: 10px;

	width: 100%;

}



/* Comments	Styles */

#comments {

	color: #000;

	float: left;

	margin: 0 auto;

	padding: 0 0 10px;

	width: 396px;

}



#comments ol {

	list-style-type: none;

	margin: 0;

	padding: 0px 0px 10px 0px;

}



.commentdate {

	font-size: 12px;

	padding-left: 0px;

}

	

#commentlist li p {

	line-height: 20px;

	margin-bottom: 8px;

	padding: 0px;

}



.commentname {

	color: #333333;

	margin: 0px;

	padding: 5px 5px 5px 0px;

}



.commentinfo {

	clear: both;

}



.commenttext {

	clear: both;

	margin: 3px 0px 10px 0px;

	padding: 0px 10px 5px 10px;

	width: 396px;

}



.commenttext-admin {

	clear: both;

	margin: 3px 0px 10px 0px;

	padding: 20px 10px 5px 10px;

	width: 396px;

}



#commentsformheader {

	padding-left: 0px;

}



#commentform {

	margin: 0px;

	padding: 0px;

	text-align: left;

}



#commentform form {

	margin: 0px;

	text-align: left;

}



#commentform p {

	margin: 0px;

}



textarea#comment {

	border: 2px solid #ece7e1;

	margin-top: 10px;

	width: 394px;

}

	

p.comments_link img {

	border: none;

	margin: 0px;

	padding: 0px;

}



/* Sidebar Elements */

#projects {

	border: 2px solid #ece7e1;

	border-top: none;

	color: #806039;

	float: left;

	margin-left: 20px;

	text-align: center;

	width: 202px;

}



#goodies {

	float: left;

	margin-top: -38px;

	width: 182px;

}



#proj-head {

	background: url(images/proj-head.png) no-repeat;

	height: 56px;

	margin-top: 15px;

	width: 226px;

}



#projects ul {

	list-style: none;

}



.proj-sep {

	height: 25px;

	line-height: 25px;

}



#projects a img {

	border: none;

}



#goodhead {

	background: url(images/good-head.png) no-repeat;

	height: 25px;

	width: 100%;

}
#goodies p a img
{
  height: 25px;
  width: 25px;
  display: inline;
  border: 0px;
  margin: 0px;
  padding: 0px;
  padding-right: 5px;
}
#followhead {

	background: url(images/follow-me.png) no-repeat;

	height: 25px;

	width: 100%;

}

#goodies a img {

	border: 1px solid #ede8e2;

	display: block;

	margin-bottom: 10px;

	margin-left: -6px;

	padding: 5px;

	width: 171px;

}



/* Footer Elements */



#twitter_div

{

  position: fixed;

  top: 100%;

  margin-top: -36px;

  height: 36px;

  left: 0px;

  width: 100%;

  z-index: 2;

  background-color: #e2c13e;

  border-top: 1px solid #806039;

}

#twitter_div p.question a

{

  color: #806039;

}

#twitter_div p, #twitter_div ul, #twitter_div li

{

  margin: 0px;

  padding: 0px;

  float: left;

  display: inline;

}

#twitter_div p

{

  margin-left: 10px;

  padding-top: 10px;

}

#twitter_div li

{

  margin-left: 10px;

  margin-top: 10px;

}

#twitter_div p a, #twitter_div li

{

  color: white;

  text-decoration: none;

  font-weight: bold;

}



#twitter_div li a

{

  font-weight: normal;

  position: relative;

  left: 5px;

  font-size: 10px;

  color: white;

  text-decoration: none;

}

#twitter_div p

{

  text-align: left;

}