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









#front-block-1 {
padding-top: 24px;
padding-bottom: 24;
}

.front-block {
font-size: 22px;
line-height: 34px;
}

.front-block a {
text-decoration: none;
color: silver;
line-height: 18px;
font-size: 18 px;
font-style: italic;
display: inline;
}




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

#category-access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    padding:11px 0;
    overflow:visible; 
    z-index:150;
}
/* uncomment the following two selectors in case your category list wraps into a second row
#category-access {
		height: 96px;
}

body.ie7 #category-access {
		height: 64px;
}
*/
.menu-title {
    color:#666;
    float:left;
    font-style:italic;
    line-height:32px;
    margin-right:10px;
}
#category-access .sf-menu {
    border-color:transparent;
}
#category-access .sf-menu a {
    border:1px solid transparent;
    margin-right:3px;
}
#category-access .sf-menu li:hover, #category-access .sf-menu li:hover a,
#category-access .sf-menu li.sfHover, #category-access .sf-menu li.sfHover a,
#category-access .sf-menu a:focus, #category-access .sf-menu a:hover, #category-access .sf-menu a:active {
    background:     #fafafa;
	outline:		0;
    border-color:#ccc;
}
#category-access .sf-menu ul a {
    background:#fafafa;
    border-color:#ccc;
    border-right:none;
	border-bottom:none;
	margin-right:0;
}



#qtrans_language_chooser {float: left;}
.qtrans_language_chooser {list-style-type:none; font-family:"Helvetica";float: right; font-weight: bold;}
.qtrans_language_chooser li { list-style-type:none;float:left; margin-right:8px;}
.qtrans_language_chooser a {color:#fff; text-decoration: none;}
.qtrans_language_chooser a:hover {text-decoration: none; color: #333;}
.qtrans_language_chooser a:active {text-decoration: none; color: #000;}






/* =Displaying posts in agrid
-------------------------------------------------------------- */
/* here are a few classes thet allso work 

.category-products 		"or whatever category you choose"
.single 				"single post" but they effect everything globally.

/* =This is the dirty hack that doesn't really work, but it's as close as i got
-------------------------------------------------------------- */
.post {padding: 5px;}

.hentry {
display:inline-table;
}



/* =Logo in header
-------------------------------------------------------------- */
#blog-title a {
background:url(images/audiokaluste_logo.gif) no-repeat top center;
display:block;
text-indent:-9000px;
width: 220px;
height: 100px;
}

/* =Widget area in the header
-------------------------------------------------------------- */
#header-box {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}

/* Moves blog name & description to the left */
#branding {
  float: left;
  width: 620px;
  margin: 0 0 0 10px;
  padding: 0;
}

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
  padding:10px;
  float: right;
  width: 300px;
  height: 25px;
  background-color: gray;
}
/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#access {
  clear: both;
}


/* = Hide meta
-------------------------------------------------------------- */
/* .entry-utility {display: none;} */
/* #entry-meta {display: none;} ---this affects all meta info*/
.page-title {display: none;}

/* = Take some space that the stripped out meta left behind
-------------------------------------------------------------- */
/* #main {padding-top: 33px;} */






/* = srtetch out to one column on home page
-------------------------------------------------------------- */
body.slug-home #container {
	width: 960px;
}

body.slug-home #content {
	width: 940px;
}

body {font-family: "Helvetica Neue";}
#access {font-weight: bold;}

.products {margin-right: 18px; display:inline-table; }
.products h2 { font-size: 1em; line-height: 22px; background-color: #eaeaea; padding: 5px; font-family: "Georgia";}
.products h2 a { color: #666; text-decoration: none; }








.entry-title h2 {font-size: 22px; line-height: 22px; background-color: #eaeaea; padding: 5px; font-family:Georgia,serif;}




/* .sf-menu li {background-color: #eaeaea;} */
/*
#branding {background-color: aqua;}
#header {background-color: maroon;}
#header-aside {background-color: fuchsia;}
*/




#access-search{
	position:absolute;
	left:50%;
	width:300px;
	margin-left:160px;
	padding:0px 0px 0px 0px;
}

#header-aside {
  padding:10px;
  float: right;
  width: 300px;
  height: 25px;
  background-color: gray;
}



.sf-menu {border-right: none;} 
#access {border-bottom: none;}






.sf-menu a {
border-bottom:none;
border-left:none;
border-top:none;
border-right:none;
padding-top: 9px;
padding-right: 18px;
padding-bottom: 9px;
padding-left: 0px;
text-decoration:none;
font-size: 16px;
}


.sf-menu a:hover {
color: #000;
background-color: white;
}







#content {margin-left: 0px;}
#container {margin-left: 12px;}



.entry-title {
font-family:Georgia,serif;
font-size:22px;
font-weight:normal;
line-height:26px;
padding:0 0 7px;
}






input#s{
padding-left: 4px;
padding-bottom: 2px;
padding-top: 2px;
background:#fff;
border-bottom: solid: thick;
border-left: none;
border-top: none;
border-right: none;
}
input#s:focus{
padding-left: 4px;
padding-bottom: 2px;
padding-top: 2px;
background:#fff;
border-bottom: solid: thin;
border-left: none;
border-top: none;
border-right: none;
}
#s {font-size: 15px; font-style: italic;}



#main {
padding:28px 0 22px;
}

#primary {
border: none;
}


#primary.aside ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.widgettitle {
padding-top: 18px;
}