/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic/
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.5.1
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
.
The Thematic Theme 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-l-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');

/* -------------------------------------------------------------- 
   
   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
  
-------------------------------------------------------------- */   

body {
    background: #fff url(images/tausta.png) no-repeat top center;
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana, Arial, sans-serif;
}
div#wrapper {
    background: transparent url(images/frontpage.jpg) no-repeat 50% 123px;
    min-height: 700px;
}
#main {
    padding: 0;
    width: 810px;
    min-height: 534px;
}

#branding {
    padding: 30px 0 15px;
    width: 832px;
}
#blog-title {
    float: left;
}
#blog-description {
    clear: none;
    float: right;
    padding-top: 0px;
}
#access {
    border-bottom: 0px none;
    height: 35px;
    padding: 5px 0 0;
    width: 832px;
    text-align: center;
	clear: both;
	display: block;
}
.menu {
    display: block;
    float: none;
    width: 662px;
	margin-left: 170px;
}
.sf-menu,
.sf-menu li a { border: 0px none; text-transform: uppercase; font-weight: normal; color: #000 !important; }
.sf-menu li a { border-left: 1px solid #c6c6c6; }
.sf-menu li:first-child a { border-left: 0px none; }
.sf-menu li.current_page_item a { background: #eee; }

#container {
    margin:0 0 0 -382px;
    width: 810px;
}
#content {
    margin: 0 0 0 432px;
    padding: 32px;
    width: 318px;
}

.hentry {
    width: 100%;
    float: left;
}

.main-aside {
    width: 318px;
}
#primary,
#secondary {
    border: 0px none;
    margin-bottom: 32px;
    padding: 32px;
}
#primary {
    background: #c6c6c6;
    color: #000;
}
#secondary {
    background: #fff;
    color: #000;
}

#footer {
    border-top: 0px none;
    margin-top: 0;
}
#siteinfo {
    padding-top: 0;
    color: #fff;
    text-align: center;
}

div#content {
    background: #767676;
    color: #fff;
}

div.wide-column { width: 750px !important; margin: 0 !important; }
div.wide-column, 
div.category { background: #fff !important; color: #000 !important; }

div.wide-column .hentry { width: 318px; padding: 0; }
div.wide-column .media { margin-left: 432px; width: 318px; }

.category .hentry { float: left; border-top: 1px dotted #000; padding-bottom: 0px; padding-top: 11px; margin-top: 11px; }
.category .hentry:first-child { float: left; border-top: 0px none; padding-top: 0px; margin-top: 0px; }
.category .post h2.entry-title { float: right; clear: none; width: 240px; display: block; padding: 0; line-height: 16px; font-size: 12px; }
.category .post div.entry-content { float: right; width: 240px; padding: 0; display: block; }
.category .post div.entry-content p { margin: 0; }
.category .post img { float: left; width: 66px; height: 66px; display: block; }
.entry-content { padding: 0; }

div.pdf-link { display: block; float:left; padding: 10px; background: #c6c6c6; margin: 10px 0; }
div.video-link { display: block; float:left; padding: 10px; background: #c6c6c6; margin: 10px 0; }

div.index-right-side {
    background: #767676;
    color: #fff;
    margin: 0;
    padding: 32px;
    width: 318px;
    float: right;
    display: block;
}
div.index-left-side {
    background: #c6c6c6;
    color: #000;
    margin-bottom: 32px;
    padding: 32px;
    float: left;
    width: 318px;
    position: relative;
    display: block;
}
div.index-right-side h2,
div.index-left-side h2 {
    clear: none;
}

.navigation { margin: 0; clear: both; }
.nav-previous-next {
    float: right;
    text-align: right;
    width: 60%;
}
.nav-previous {
    float: right;
    text-align: right;
    width: 60%;
}
.nav-next {
    width: 60%;
}
.nav-list {
    width: 40%;
    float: left;
}

p { margin-bottom: 0; margin-top: 22px; }
p:first-child { margin-bottom: 0; margin-top: 0; }
.aside p, .aside ul, .aside ol, .aside dd, .aside pre { margin-bottom: 0; }
.main-aside ul { padding: 0; }
.page-title { padding-bottom: 22px; }

li#recent-posts ul,
li#recent-posts ul li { list-style: none; margin: 5px 0 0 0; padding: 3px 0 0 0; }
li#recent-posts ul li { border-top: 1px dotted #000; }
li#recent-posts ul li:first-child { border-top: 0px none; margin: 0; padding: 0; }

table,
table tr { border: 0px none; margin: 0; }

a { font-weight: bold; text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:active { color: #000; }
a:hover { color: #666; text-decoration: underline; }
.index-right-side a:link,
.index-right-side a:visited,
.index-right-side a:active { color: #fff; }

form { width: 420px; float: right; padding-top: 34px; }
label { width: 150px; float: left; display: block; }
input { width: 250px; float: left; display: block; }
input[type="submit"] { width: 150px; float: right; display: block; }
textarea { width: 400px; float: left; display: block; }

#cboxTitle { display: none !important;}

table.affiliated,
table.affiliated th,
table.affiliated td,
table.affiliated img {
    padding: 0; margin: 0;
    vertical-align: middle;
}
table.affiliated td { height: 70px; }
table.affiliated { margin-top: 20px; }




.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;
}