/*
THEME NAME: Tähteet on Thematic
THEME URI: http://themeshaper.com/thematic-for-wordpress/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.9
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
Thematic is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

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

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

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

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

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

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

/* -------------------------------------------------------------- 

   Custom Tähteet

-------------------------------------------------------------- */   

body {
  background: white url(images/bg.png) fixed repeat-x top center;
  font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #383838;
}
#header {
  background: transparent url(images/header.jpg) no-repeat top center;
}
#wrapper {
  background: transparent url(images/main_bg.png) repeat-y top center;
}
#main {
  padding-top: 15px;
}
#main-bg-fix {
  background: transparent url(images/main_top_bg.jpg) no-repeat top center;
}
#footer {
  border: none;
  background: transparent url(images/footer_bg.jpg) no-repeat bottom center;
  height: 175px;
}


#branding {
  padding: 0 0 44px;
  width: 920px;
  height: 64px;
}

#blog-title {
  margin-left: -20px;
  width: 640px;
  height: 108px;
  float: left;
  display: block;
  overflow: hidden;
}

#blog-description {
  color: #fff;
  float: right;
  font-size: 13px;
  font-style: italic;
  width: 280px;
  clear: none;
  padding-top: 64px;
}

#access {
  border-bottom: 0px none;
}
#access .menu {
  width: 920px;
}

#primary {
  border: 0px none;
  padding-top: 0;
}
.aside {
  color: #fff;
}

#subsidiary,
#siteinfo {
  width: 920px;
}
#siteinfo {
  width: 580px;
  padding-right: 320px;
}

#container {
  margin-left: 20px;
}

#content {
  width: 590px;
}

#blog-description {
  font-size: 1.1em
}

.wp-caption,
.entry-utility {
  clear: both;
}

/* -------------------------------------------------------------- 
HEADERS */

.aside h3 {
  color: #fff;
  font-size: 1.6em;
  font-style: normal;
  line-height: 44px;
}
.page-title {
  padding: 0 0 22px;
}
.page-title span {
  font-weight: bold;
}

/* -------------------------------------------------------------- 
LINKS */

a:link,
a:visited,
a:hover,
a:active,
a:focus {
  color: #c30;
  text-decoration: underline;
  font-weight: bold;
}
a:hover,
a:focus {
  color: #f60;
  text-decoration: none;
}

h2,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active,
h2 a:focus {
  color: #399;
  text-decoration: none;
  font-weight: normal;
}

.aside a:link,
.aside a:visited,
.aside a:hover,
.aside a:active,
.aside a:focus {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.aside a:visited {
  color: #ffc;
}
.aside a:hover,
.aside a:active,
.aside a:focus {
  color: #ff0;
}

/* -------------------------------------------------------------- 
COLOR FIX */

#blog-title a { color: #fff; }
.sf-menu { border-right: 0px none; }
.sf-menu li { background: none; margin-right: 20px; }
.sf-menu a:link,
.sf-menu a:visited,
.sf-menu a:active,
.sf-menu a:hover,
.sf-menu a:focus { border: 0px none; color: #fff; padding-top: 10px; padding-left: 0; text-decoration: underline; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: none;
  border-bottom-color: transparent;
  text-decoration: none;
  color: #f60;
}
#siteinfo { color: #399;}

.widgetcontainer {
  border-bottom: 1px solid white;
}
.widget_tag_cloud {
  padding-bottom: 22px;
  margin: 0;
}

.hentry {
  border-bottom: 1px solid #339999;
  margin-bottom: 22px;
  padding: 0 0 22px;
}

.entry-meta,
.entry-utility {
  color: #40728c;
}

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   

.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}