/*   
Theme Name: A Thematic Child Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic 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('../thematic/library/layouts/2c-r-fixed.css');

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

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

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

/* MY HEADER*/
#blog-title a {
display:block;
text-indent:-9000px;
height: 220px; /* height of your header, like 180px */
width: 940px; /* width of your header, like 940px */
background:url(images/rounded_corners2.jpg) no-repeat top center;
}
#blog-description {
position:absolute;
left:-9000px; /* We avoid display:none because it's bad for SEO */
}

/* MY FOOTER
#footer {
background:url(images/footer.jpg) no-repeat center top;
}*/



/* HEADER & FOOTER COLOUR: Added Dec 27 09 apply the same background color to header and footer */
#header, #footer {
background-color: #d9d9d9;
}

/* Added Dec 27 09 correct the margin to better fit the background image */
#content {
margin-left:30px;
}

/* Added Dec 27 09 add a border to separate posts */
div.post{
border-bottom:3px solid grey;
}

/* Added Dec 27 09 Fixing the border to separate posts --- too much space between end of post and the border caused by the div.entry-utility margin: we clear the margin*/
div.entry-utility{
margin-bottom:0;
}

/* Added Dec 27 09 Fixing the border to separate posts --- we add some top margin to .entry-title to separate them from the above borders*/
.entry-title{
margin-top:22px;
}

/* Added Dec 27 09 Fixing the border to separate posts --- since we have added top margin to .entry-title we reduce a little the #main top padding */
#main {
padding-top:44px; /* default is 66px */
}


/* WIDGET AREA: Added Dec 27 09 Widget Area: common styles (both #primary and #secondary have .main-aside class*/
.main-aside h3.widgettitle{
font-weight:bold;
text-transform:uppercase;
font-style:normal;/* overwrite the default italic style */
margin-bottom:15px; /* a small margin on the bottom */
margin-top:20px; 
}

/* Added Dec 27 09 Widget Area: primary text is dark grey*/
#primary h3.widgettitle{
color:#3e3e3e;/* color grey (same color of header background) */
border-bottom:1px solid grey;/* a thin grey line on the bottom */
}

/* Added Dec 27 09 Widget Area: secondary is grey */
#secondary h3.widgettitle{
color:#3e3e3e;/* color grey */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
}

/* Added Dec 27 09 Widget Area: common text styles */
.main-aside{
font-size:12px;
color:#3e3e3e;
}
.main-aside a{
text-decoration:none;/* links on both primary and secondary are not underlined */
font-weight:bold;
}
.main-aside a:active, .main-aside a:hover {
text-decoration:underline; /* but they are underlined on mouse over */
}

/* links on primary are grey */
#primary a{
color:#3e3e3e;
}

#primary a:active, #primary a:hover{
color:#a05d5d;
}

/* links on secondary are greyish-pink and bold */
#secondary a {
color:#6d474c;
text-transform:uppercase;
letter-spacing:0.05em;
}

#secondary a:active, #secondary a:hover{
color:#636363;
}

/* Added Dec 27 09 Widget Area: bullet images on list inside widgets 
#primary .widgetcontainer ul li {
list-style-image: url(images/bullet.png);
}*/

#secondary .widgetcontainer ul li {
list-style-image: url(images/bullet2.png);
}

/* Added Dec 27 09 Widget Area: we remove the default border around #primary */
#primary {
border:none;
}

/*TOP MENU: Added Dec 27 09: same width of #main to have menu left-aligned with it*/
.menu {
width:960px;
}

/*TOP MENU: Added Dec 27 09: change font style for the menu*/
.sf-menu {
font-size:14px;
font-weight:normal;
font-variant:small-caps;
}
.sf-menu a, .sf-menu a:visited {
color:#000;
}


/*TOP MENU: Added Dec 27 09: we give more space to items tabs*/
.sf-menu a {
padding:10px 15px; /*default is 9px 13px*/
height:15px;
}

/*Added Dec 27 09  we must change also the height of #access (it's the menu container)*/
#access {
height:36px;
}

/*Added Dec 27 09 Change Widget Background Colour*/
/*#primary.aside {background: #f8f8f8;}*/

/*Added Jan 1 2010 - apply a background color to the whole page */
body {
	background-color: #3f3f3f;
}

/* Added Dec 27 09 apply a background image to the content area */
#main {
	background-image: url(images/thematic_child_background5.jpg);
} 

/* Added Jan 1 2010 - re-define base font-face and size */
body, input, textarea {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* Added Jan 1 2010 */
.entry-title {
font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;
font-size:25px;
font-weight:normal;
color:#113242;
}

/* Added Jan 1 2010  -color must be defined also on links */
.entry-title a{
color:#113242;
}

/*Featured Posts Added March 2010 */

ul#featured-posts {  

    float: left;  

    margin: 0;  

    padding: 0 0 15px 0;  

    list-style: none;  

    color: #111;  

    font-size: 11px;  

    line-height:14px;  

    font-family: Helvetica, Arial, sans-serif;  

}  

#featured-posts li {  

    float: left;  

    width: 135px;  

    padding: 12px 10px 10px 10px;  

    margin-right: 15px;  

    min-height: 245px;  

    max-height: 245px;

    background:#f1f1f1;  

    border:3px double #ccc;  

}  

   

#featured-posts li p {  

    margin: 0;  

    padding: 0;  

}  

   

#featured-posts li:hover {  

    background:#fff;  

}  

#featured-posts li h4 a {  

    font-family:Georgia, Times, sans-serif;  

    font-size: 12px;  

    line-height: 13px;  

    display: block;  

    padding: 5px 1px;  

    color: #111;  

    font-weight: bold;  

}