/*   
Theme Name: thematic3col
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');

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

/* apply a background color to the whole page */
body {
	background-color: #fff;
}
/* correct the margin to better fit the background image */
#content {
margin-left:30px;
}
/* apply the same background color to header and footer */
#header, #footer {
background-color: #113242;
}
/* thick white borders to header and footer */

#footer {
border-top:10px solid #FFF;
margin-top:0px; /* remove the default top margin on footer */
}
/* thin borders on top and bottom borders of content area 
#main {
border-bottom:1px solid #4B8AA9;
border-top:1px solid #4B8AA9;
}
/* re-define blog-title font-face */
#blog-title {
font-family:Lucida Sans, "Times New Roman", Times, san serif;
text-transform: uppercase;
}

/* let's expand a little the blog title with some letter-spacing and word-spacing */
#blog-title {
letter-spacing:0.04em;
word-spacing:0.1em;
}
/* blog-title color must be redifined inside <a> tag */
#blog-title a{
color: #FFFFFF;
}
/* blog-title color must be redifined inside <a> tag */
#blog-title a{
color: #FFFFFF;
}
/* 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;
}
/* we add some top margin to .entry-title to separate them from the above borders*/
.entry-title{
margin-top:22px;
}
/* since we have added top margin to .entry-title we reduce a little the #main top padding */
#main {
padding-top:44px; /* default is 66px */
}
/* remove the border on sigle post pages */
body.single div.post{
border-bottom:none;
}
.navigation {
background-color:#C7EDF0;
padding:18px;
border: 1px solid #AECED2;
}
#nav-above, #nav-below {
width:auto;
}
#nav-above {
margin-bottom:24px;
}
#nav-below {
margin-top:24px;
}
.paged #nav-above {
padding:18px; /* to reset the default */
}
/* 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 */
}
/* 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 white */
#secondary h3.widgettitle{
color:#FFF;/* color white */
border-bottom:1px solid #FFF;/* a thin white line on the bottom */
}
/* 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 */
}

/* links on primary are blu */
#primary a{
color:#1A4E66;
}
#primary a:active, #primary a:hover{
color:#113242;
}
/* links on secondary are white and bold */
#secondary a {
color:#FFF;
text-transform:uppercase;
letter-spacing:0.05em;
}
/* bullet images on list inside widgets */
#primary .widgetcontainer ul li {
list-style-image: url(images/bullet.gif);
}
#secondary .widgetcontainer ul li {
list-style-image: url(images/bullet2.png);
}
/* we remove the default border around #primary */
#primary {
border:none;
}
/* Widget Titles have same color of blog-description, text and links are white*/
#subsidiary  h3.widgettitle{
color: #B3E4E9;
}
#subsidiary, #subsidiary a{
color: #FFF;
}

/* by removing #branding width we move blog-title on the left of the page*/
#branding {
width:auto;
margin-left:60px; /* let's add some margin though*/
}
/* a new set of paddings for #branding to overwrite the defaults*/
#branding {
padding:60px 0 80px;
}
/* font styles for post titles */

.entry-title {
font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;
font-size:24px;
font-weight:normal;
color:#113242;
}

/* color must be defined also on links */
.entry-title a{
color:#113242;
}
/*color of Post Header and Post Footer*/
.entry-utility, .entry-utility a, .entry-meta, .entry-meta a {
color:#4A7D85;
}
/* we have not yet changed the hover color of all general links */
a:active, a:hover {
color:#113242 /* deep blue as for links on #primary */
}
/* but we have also to overwrite specific links hover colors that are defined by defaults */

/* let's do so, instead */
a:active, a:hover {
color:#113242 !important/* deep blue as for links on #primary is for ALL links*/
}
/* but this overwrite also our previous defined styles so we have to rewrite them in that way */
#secondary a:active, #secondary a:hover, #subsidiary a:active, #subsidiary a:hover, #blog-title a:active, #blog-title a:hover{
color:#FFF !important
}
#siteinfo a:active, #siteinfo a:hover {
color:#FFF !important ;
}
/*same width of #main to have menu left-aligned with it*/
.menu {
width:960px;
}
/*I forgot to style the comment area!*/
#respond {
background-color:#AEE2E8;
padding:18px;
border: 1px dashed #4A7D85;
}
#comments h3 {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#top_search{
	position:absolute;
	top:65px;
	left:50%;
	margin-left:300px;
}

#top_search form{
	display:inline;
	
}
#top_search form input{
	vertical-align:middle;
}
#top_search form input#s{
	width:180px;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#top_search form input#searchsubmit{
	
}