/*   
Theme Name: Thematic Feature Site
Theme URI: 
Description: Use the Thematic Feature Site Theme to power your WordPress web site.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0.1
Tags: Thematic
.
Thematic Site is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-r-fixed-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Global Elements
-------------------------------------------------------------- */
#feature-info a.stbutton {
height:230px;
padding:28px 208px 5px 23px;
width:230px;
}

#feature-info .stbuttontext {
display:none;
line-height:17px;
}

#feature-info .stico_default {
background:transparent url(http://www.dotherightthingforkids.org/wp-content/themes/thematicfeaturesite/images/tellafriend.gif) no-repeat scroll 0 0 !important;
}

#buttons {
    padding:.75em 0;
} 
a.button {
    border:1px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#666;
    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
}
a.button:hover,
a.button:active {
    color: #FF4B33;
}
/* sidebar promo */

#primary {
background-color:#DDE0FA;
border:1px solid #C4D3EA;
color:#555555;
padding:5px;
}

.aside {
color:#666666;
}

.aside h3 {
color:#CC6600;
font-family:Arial,sans-serif;
font-size:1.2em;
font-style:normal;
}

.aside, .aside input {
font-size:13px;
line-height:18px;
margin-bottom:6px;
}

.main-aside {
float:right;
position:relative;
width:316px;
}

#primary .widgettitle {
margin:0;
padding:0.5em;
}

#primary h3 {
font-family:Arial,sans-serif;
font-style:normal;
padding:5px 10px;
color:#CC6600;
font-size:1.2em;
padding:5px 10px;
}


/* =Header
-------------------------------------------------------------- */
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
background:#DDE0FA none repeat scroll 0 0;
border-bottom-color:#DDE0FA;
border-top-color:#521E46;
border-top-width:4px;
color:#000000;
}

#header {
margin-bottom:69px;
}

#branding {
    position:relative;
    padding:77px 0;
}
#blog-title {
    width:652px;
}
#blog-description {
    width:652px;
}
#logo-image {
float:left;
left:0;
margin:0;
padding:0;
position:absolute;
top:10px;
width:300px;
}
#logo-image {
    float:left;
    width:300px;
    padding:0;
 margin: 0 auto;
}
#welcome-blurb h2 {
color:#521E46;
float:right;
font-family:Arial,sans-serif;
font-size:20px;
font-weight:bold;
line-height:30px;
margin-top:-25px;
margin-right:70px;
padding:0 0 14px;
width:500px;
text-align:center;
}

#branding #searchform {
    position:absolute;
    top:40px;
    right:0;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

/* =Menu
-------------------------------------------------------------- */

#nav {
    float:right;
}

.sf-menu a {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-top:4px solid #559820;
padding:9px 13px;
text-decoration:none;
}

#access {
border-bottom:1 solid #CCCCCC;
font-family:arial;
height:35px;
}

/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}


/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
background:transparent url(/wp-content/uploads/2009/10/leader-bkg-fade-125.png) repeat-x scroll 0 0;
/* border-bottom:1px solid #CCCCCC; */
padding:68px 0 0;
}
#leader-container {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:988px;
}
#leader .entry-title {
    font-size:40px;
    line-height:45px;
    margin-top:-7px;
    padding:0 0 14px 0;
}
#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
}
.single #leader .entry-title {
    width:652px;
}
#leader .entry-meta {
    position:absolute;
    top:15px;
    left:690px;
}

#footer {
background:#DDE0FA none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
margin-top:22px;
}

.page-template-front-page-php #feature {
		float:left;
                text-align:center;
}
.page-template-front-page-php #feature img {
float:left;
margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
		margin:0 0 0 19px;
    width:484px;
}
.page-template-front-page-php #feature-info h2 {
    font-family:Arial,sans-serif;
    font-size:40px;
    font-weight:bold;
    line-height:45px;
    margin-top:-7px;
    padding:0 0 14px 0;
}
.page-template-front-page-php #container,
.page-template-front-page-php #content  {
    margin:0;
    padding:0;
    width:988px;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
}
.page-template-front-page-php #sub-feature h3 {
    color:#CC6600;
    font-family:Arial,sans-serif;
    font-weight:normal;
    font-size:17px;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
}
.page-template-front-page-php #sub-feature h3 img {
    position:absolute;
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:484px;
}
#front-block-1 {
    margin-right:20px;
}
.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}
.page-template-front-page-php .block ul {
    border-top:1px solid #ccc;
    list-style:none;
    margin:0;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li a {
    border-bottom:1px solid #ccc;
    color:#666;
    display:block;
    padding:6px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
    color: #FF4B33;
}
.page .entry-content,
.single .entry-content {
    padding-top:0;
}

.icon {
margin-right:1em;
text-align:baseline;
float:left;
}