/*   
Theme Name: KASTheme
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');

#blog-title a {
background:url(images/header.jpg) no-repeat top center;
display:block;
text-indent:-9000px;
width: 939px;
height: 152px;
}


h8 {
	margin:0; padding:0;
	font:bold 14px Arial, sans-serif;
        line-height:18px;
        
}

h9 {
	margin:0; padding:0;
	font:bold 16px "Century Schoolbook", Arial, sans-serif;
        line-height:18px;
        
}

body, input, textarea {
    font: 12px Arial,sans-serif;
    line-height:21px;
}

code {
     color:#000; 
     font:11px Arial, monospace;
}
/**************************** next section  *******************************/

/* common styles (both #primary and #secondary have .main-aside class*/
.main-aside h3.widgettitle{
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}


/* common styles (both #primary and #secondary have .main-aside class*/
.aside h3.widgettitle{
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}


/**************************** next section  *******************************/

/* primary is blu */
#primary h3.widgettitle{
color:#113242;/* color blue (same color of header background) */
border-bottom:1px solid #113242;/* a thin blue line on the bottom */
}

/* secondary is aqua */
#secondary h3.widgettitle{
color:#00746b;/* color aquablue */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
}

/* page-top is aqua */
#page-top h3.widgettitle{
color:#00746b;/* color aquablue */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}

/* page-bottom is aqua */
#page-bottom h3.widgettitle{
color:#00746b;/* color aquablue */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}

/* index-bottom is aqua */
#index-bottom h3.widgettitle{
color:#00746b;/* color aquablue */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}

/* index-top is aqua */
#index-top h3.widgettitle{
color:#00746b;/* color aquablue */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}

/* single-insert is aqua */
#single-insert h3.widgettitle{
color:#00746b;/* color aquablue */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}

/**************************** next section  *******************************/

/* common text styles */
.main-aside{
font-size:12px;
color:#1A4E66;
}
.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 */
}

.aside a:active, .main-aside a:hover {
text-decoration:underline; /* but they are underlined on mouse over */
}

/* links on primary are blu */
#primary a{
color:#1A4E66;
}
#primary a:active, #primary a:hover{
color:#113242;
}
/* links on secondary are grey and bold */
#secondary a {
color:#666666;
text-transform:uppercase;
letter-spacing:0.05em;
}

/* we remove the default border around #primary */
#primary {
border:none;
}

/* we remove the default border around #primary */
#index-bottom {
border:none;
}
/**************************** Bottom Aside section  *******************************/

/* Widget Titles have same color of blog-description, text and links are white*/
#subsidiary  h3.widgettitle{
color: #00746b;
}
#subsidiary, #subsidiary a{
color: #666666;
}

/**************************** Navigation section  *******************************/

/*same width of #main to have menu left-aligned with it*/
/*.menu {
width:960px;
} */

/*items have same background color of #subsidiary #first*/
.sf-menu li {
background-color: #00746b;  /** #13394C; **/
}
/*no bottom borders on items. left borders has color used for #subsidiary #first border*. Top border is just a little darker than header background*/
.sf-menu a {
border-bottom:none;
border-top-color:#10303F;
border-left-color:#1D5570;
}
/*same color must be applied to the end-of-menu border*/
.sf-menu {
border-right-color:#1D5570;
}

/*change font style for the menu*/
.sf-menu {
font-size:14px;
font-variant:small-caps;
}
.sf-menu a, .sf-menu a:visited {
color:#FFF;
}

/*we give more space to items tabs*/
.sf-menu a {
padding:9px 13px; /*default is 9px 13px*/
height:14px;
}




/*on mouse over*/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background-color:#B3E4E9;
}
.sf-menu li:hover a, .sf-menu li.sfHover a {
color: #113242;
}


/*sub-items*/
.sf-menu ul, .sf-menu ul a {
border-color:#4B8AA9;
}

.sf-menu ul a {
background-color:#B3E4E9;
border-left:none;
padding:9px 13px;
height:auto;
color: #113242;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top:34px;
left:1px;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
background-color:#CEF0F2;
}

/**************************** comments section  *******************************/


/*I forgot to style the comment area!*/
#respond {
background-color:#00746b;
padding:18px;
border: 1px dashed #4A7D85;
}
#comments h3 {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

