/*
   Master style sheet
   MattYoder.com
   
   Created 2009 Matt Yoder.
*/

body {
    background-color: #ebebeb;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
#body {
    background: white url(../images/top-background.png) scroll repeat-x left top;
}
h1 {
    background: transparent url(../images/logo.png) scroll no-repeat right top;
    height: 351px;
    margin-top: 63px;
    text-indent: -1000em;
}
h1 a {
    display: block;
    height: 315px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 285px;
}
h1 a:hover {
    background: transparent url(../images/go-hole.png) scroll no-repeat 80px 90px;
}
.site-reminder a {
    color: #707070;
    display: block;
    font-size: 1.1em;
    padding: 10px 0 20px 105px;
    position: relative;
    text-decoration: none;
}
.site-reminder a strong {
    color: white;
}
.site-reminder a img {
    left: -55px;
    opacity: 0.4;
    position: absolute;
    top: -105px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.site-reminder a:hover img {
    opacity: 1;
}
.site-reminder a:nth-child(1):hover img {
    top: -80px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.section-home .header-content {
    margin-top: 63px;
}
.page-greeting {
    color: white;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 9em;
    font-weight: 300;  /* Non cufon */
    letter-spacing: -3px;
    margin-top: -20px;
}
.cufon-active .page-greeting {
    font-weight: 700;
}
.page-slogan {
    color: white;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 3em;
    font-weight: 300;
    letter-spacing: -1px;
    margin: 0 0 10px 0; /* Non cufon */
}
.cufon-active .page-slogan {
    /* margin-top: -20px; */
}
.page-description {
    color: #7d7d7d;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}
.page-description em {
    color: white;
	font-style: normal;
}
.page-description a,
.page-description a:visited {
    border-bottom: 3px solid #b9adbd;
    color: white;
    text-decoration: none;
}
.page-description a:hover {
    border-color: #a096a4;
}
#main {
    margin-top: -10px;
}
#primary-nav {
    text-align: right;
}

#primary-nav li {
    margin-bottom: 20px;
}
#primary-nav a {
    color: #c2c2c2;
    font-size: 2.1em;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}
#primary-nav a:hover {
    color: #888888;
}
#primary-nav a.selected,
#primary-nav a.selected:hover {
    color: #c8bece;
}
#primary-nav a .nav-status {
    color: #c8bece;
    display: block;
    font-size: 0.3em;
    visibility: hidden;
}
#primary-nav a:hover .nav-status,
#primary-nav a.selected .nav-status {
    color: #999999;
    visibility: visible;
}
#primary h2 {
    color: #902733;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 3em;
    font-weight: 300;
}
#primary h3 {
    color: black;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 1.9em;
    font-weight: 500;
    margin-top: 25px;
}
#primary h4 {
    color: #902733;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 1.5em;
    font-weight: 500;
}
#primary p,
#footer p,
.contact-intro {
    color: #707070;
    font-size: 13px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 12px;
}
#primary a {
    border-bottom: 3px solid #e4dfe7;
    color: #363636;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
#primary a:hover {
    border-color: #c8bece;
}
#primary .whisper {
    color: #c2c2c2;
}
#secondary h2 {
    color: #902733;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 2em;
    font-weight: 300;
}
#secondary h3 {
    color: black;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 1.5em;
    font-weight: 500;
    margin-top: 25px;
}
#secondary h4 {
    color: #902733;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 1.1em;
    font-weight: 500;
    margin: 0 0 0.25em 0;
}
#secondary .discreet {
    color: #C2C2C2;
}
#secondary p {
    color: #707070;
    font-size: 11px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 16px;
    margin: 8px 0;
}
#secondary .tree-block {
    height: 300px;
}
/* Feature styles */
.feature {
    background: transparent url(../images/feature-gradient-top.png) scroll repeat-x left top;
    border: 3px solid #e4dfe7;
    border-width: 3px 1px;
    margin: 10px 0;
}
.feature-inner {
    background: transparent url(../images/feature-gradient-bottom.png) scroll repeat-x left bottom;
    padding: 10px 15px;
}
.home-feature .feature-inner {
    height: 250px;
}
#primary .slider-button {
    background: transparent url(../images/slider-buttons.png) scroll no-repeat left -55px;
    border-style: none;
    display: block;
    height: 50px;
    width: 50px;
}
#primary .slider-right {
    background-position: right -55px;
}
#primary .slider-left:hover {
    background-position: left bottom;
}
#primary .slider-right:hover {
    background-position: right bottom;
}
#primary .slider-left:active {
    background-position: left 5px;
}
#primary .slider-right:active {
    background-position: right 5px;
}
/* Poster thumbnail styles */
.poster-thumb {
    float: left;
    margin-left: -16px;
}

#primary a.no-border {
    border-style: none;
}

.project-description {
    margin-left: 160px;
}

#primary .project-title {
    font-size: 1.5em;
    line-height: 1.3;
}

/* Grid overlay styles */
#grid-overlay {
    display: none;
    left: 50%;
    margin-left: -480px;
    position: absolute;
    top: 0;
}
#grid-overlay div {
    background-color: #902733;
    height: 100%;
}

/* Contact form styles */
.contact-intro {
    display: none;
}
#contact-praise ul,
#contact-praise li {
    display: inline;
    margin: 0;
    padding: 0;
}
#contact-praise li {
    white-space: nowrap;
}
#contact-form #id_message,
#contact-form #id_sender,
#contact-form #id_name {
    background: transparent url("../images/feature-gradient-top.png") repeat-x scroll left top;
    border: 1px solid #C2C2C2;
    font-family: "Reenie Beanie","Helvetica Neue","Arial Narrow",Arial,sans-serif;
    font-size: 25px;
    font-weight: lighter;
    padding: 2px;
}
#contact-form .field-message {
    background: transparent url("../images/feature-gradient-bottom.png") repeat-x scroll left bottom;
}
#contact-form #id_message {
    width: 454px;
}
#contact-form .errorlist {
    color: #902733;
    font-size: 0.8em;
    font-weight: bolder;
}
#primary #contact-form-errors {
    background: transparent url("../images/error-bat.png") no-repeat scroll left top;
    color: black;
    font-size: 17px;
    font-weight: 500;
    height: 65px;
    line-height: 24px;
    padding: 15px 0 0 135px;
}
#contact-form .field-errors #id_message,
#contact-form .field-errors #id_sender,
#contact-form .field-errors #id_name {
    border: 2px solid #902733;
}
#contact-form #message-errors {
    margin: 0 0 3px 0;
}
#contact-form #sender-errors {
    margin: 9px 25px -8px 0;
    text-align: right;
}
#contact-form #name-errors {
    margin-bottom: -8px;
}

/* Bubble styles */
#secondary .bubble,
#secondary .bubble-inner {
    background-image: url("../images/bubble.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding: 16px 0 0 0;
}
#secondary .bubble-inner {
    background-position: left bottom;
    padding: 0 14px 35px;
}

/* Add this styles */
.addthis_toolbox a {
    display: block;
    position: absolute;
    width: 60px;
}
.addthis_toolbox img {
    height: 35px;
    margin: 16px 10px 0;
    opacity: 0.9;
    width: 40px;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
}
.addthis_toolbox a:hover {
    z-index: 100;
}
.addthis_toolbox a:hover img {
    height: 51px;
    margin: 0;
    opacity: 1;
    width: 60px;
}
.addthis_toolbox .addthis_button_email {
    left: 104px;
    top: -236px;
}
.addthis_toolbox .addthis_button_favorites {
    left: 131px;
    top: -273px;
}
.addthis_toolbox .addthis_button_facebook {
    left: 170px;
    top: -288px;
}
.addthis_toolbox .addthis_button_twitter {
    left: 162px;
    top: -250px;
}
.addthis_toolbox .addthis_button_delicious {
    left: 221px;
    top: -276px;
}
.addthis_toolbox .addthis_button_myspace {
    left: 207px;
    top: -231px;
}
.addthis_toolbox .addthis_button_google {
    left: 134px;
    top: -215px;
}
.addthis_toolbox .addthis_button_digg {
    left: 138px;
    top: -175px;
}
.addthis_toolbox .addthis_button_technorati {
    left: 246px;
    top: -243px;
}
.addthis_toolbox .addthis_button_linkedin {
    left: 184px;
    top: -194px;
}
.addthis_toolbox .addthis_button_stumbleupon {
    left: 185px;
    top: -148px;
}
.addthis_toolbox .addthis_button_more {
    left: 242px;
    top: -186px;
}
.tell-your-peeps {
    background: transparent url("../images/tree-arrow.png") scroll no-repeat center top;
    color: #50443f;
    float: left;
    font-family: "Reenie Beanie";
    font-size: 1.4em;
    height: 50px;
    margin: -120px 0 0 1em;
    padding: 75px 0 0 0;
    width: 160px;
}

/* Footer styles */
#footer {
    background: #000000 url("../images/footer-tree.png") scroll no-repeat left top;
    margin-top: -270px;
    padding-bottom: 20px;
    padding-top: 315px;
}
#footer p {
    color: #888888;
}
#footer h2 {
    color: #888888;
    font-family: Georgia, Times, serif; /* Non cufon */
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: -12px;
    margin-top: 12px;
}
#footer h2 strong {
    color: #DDDDDD;
}
#footer a,
footer a:visited {
    border-bottom: 3px solid #50443f;
    color: #DDDDDD;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
#footer a:hover {
    border-color: #902733;
}
#footer .badges a {
    border-style: none;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    opacity: 0.8;
}
#footer .badges a:hover {
    opacity: 1;
}
#footer .badges .creative-commons {
    margin-top: 28px;
}
#footer .badges .django {
    margin-top: 29px;
}

/* IE6 fixes */
* html h1 a:hover {
    background-image: none;
}
* html #primary-nav li {
    margin: 0;
    padding: 0;
}
* html .tree-block,
* html .addthis_toolbox,
* html .tell-your-peeps {
    display: none;
}
* html #footer {
    background-position: left -293px;
    margin-top: 0;
    padding-top: 15px;
}
* html #main {
    padding-bottom: 20px;
}
* html #secondary .bubble-inner {
    float: left;
}

/* IE 7 fixes */
*+html #secondary .bubble-inner {
    overflow: hidden;
}