/*   
Theme Name: Cleanavat
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Sarah Reiwitch
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
*/

/* 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');


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


/* The following aren't necessary as they only need importing once and are already imported in the child theme above. If just using Thematic theme they'd need to be imported here.

 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');

*/


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

{

color: #000000;

background-color: #000000;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

}


#header

{

width: 990px;

margin-top: 0pt;

margin-right: auto;

margin-bottom: 1em;

margin-left: auto;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0.5em;

padding-left: 0pt;

color: #666666;

height: 46px;

position: relative;

z-index: 30;


}


#main

{

width: 900px;

margin-top: 0pt;

margin-right: auto;

margin-bottom: 0pt;

margin-left: auto;

background-color: #efefef;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;
clear:both;
padding:40px 0 22px;
z-index: 1;

}

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

#blog-title a
{
width: 318px;
height:89px;
background:url(images/logo.png) no-repeat top center;
    margin:20px 0 0px 33px;
    padding:10px 0 0px 0px; 
float: left;

}

#branding
{

width: 318px;
height:89px;
    margin:0 0 0px 0px;
    padding-top: 0px;

padding-right: 0pt;

padding-bottom: 0px;

padding-left: 0pt;
float: left;
}

.entry-title a 

{

color: #000000;

text-decoration: none;

}

.entry-title a:active

{

color: #0a84bd;

}

.entry-title a:hover {

color: #0fbae7;

}


a:link, a:active

{

color: #0a84bd;
}

a:hover

{

color: #0fbae7;

}

.aside a:active

{

color: #0a84bd;

}


.aside a:hover

{

color: #0fbae7;

}

.aside, .aside input {
font-size:12px;
}

a:visited
{

color: #0a84bd;

}

.entry-meta {
font-size:12px;
}
.entry-meta a:active, .entry-meta a:hover
{

color:#0FBAE7;

}

.entry-utility a:active, .entry-utility a:hover
{

color:#0FBAE7;

}

#siteinfo a:active, #siteinfo a:hover {

color:#0a84bd;

}

.navigation a:active, .navigation a:hover {

color:#0FBAE7;

}

.skip-link {
    display:none;
}

#access

{

border-bottom-width: 0px;
margin-left: 660px;
border-bottom-style: solid;

border-bottom-color: #cccccc;
padding-top: 82px;
height: 32px;

font-size: 13px;
z-index: 100;

}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:0px solid #ccc;
	float:left;
    font-family:Verdana,sans-serif;
    font-size:14px;
}
.sf-menu a {
	border-left:0px solid #000;
	border-top:0px solid #000;
	border-bottom:0px solid #000;
	padding:9px 13px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:		#000;
}
.sf-menu li li {
	background:		#000;
}
.sf-menu li li li {
	background:		#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   /* background:     #129BBF;*/
    background:     #0a84bd;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:0px solid #000;
    border-bottom:0px solid #000;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#000;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #fff;
}


#siteinfo

{

background-color: #000000;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

width:900px;


}


/*body.home #container {
width: 900px;
}

body.home #content {
width: 700px;
margin:15px 0 0 65px;
}*/
body.archives-page #container {
width: 900px;
}

body.archives-page #content {
width: 700px;
margin:15px 0 0 65px;
}

/*body.home #container {
width: 900px;
}

body.home #content {
width: 700px;
margin:15px 0 0 65px;
}*/

.main-aside{
width: 250px;
float: right;
position: relative;
right:40px;
margin-top:3px;
/*margin:-1168px 30px -50px -10px;
position:absolute;*/
}

#content {
margin:0 0 0 40px;
overflow:hidden;
width:540px;
}

#respond  {
background:none repeat scroll 0 0 #e5e4e4;
margin-bottom:22px;
overflow:hidden;
padding:18px;
position:relative;
}
#respond .required {
color:#129bbf;
font-weight:bold;
}

#footer  {
border-top:0px solid #000000;
margin-top:22px;
height: 100px;
clear:both;
}


#footerlogolink {
background:url("images/sfb_logo.gif") no-repeat scroll right top transparent;
display:block;
height:87px;
margin:-30px 0 0 600px;
text-indent:-9999px;
width:300px;
}

.post_header {float:left;}

.author_avatar {
float:left;
margin:10px 15px 0 0;
}

#author-info-bio-page .avatar {
float:right;
height:200px;
margin:0.3em 1em 0 0;
width:200px;
}

.comment-content {
margin-left:100px
}

.comment-meta{
margin-left:54px
}

#comments-list .comment-author {
padding:0 0 0 100px;
}

#comments-list li {
padding:18px 1.5em 30px;
}

.entry-content {
clear:left;
font-family:Verdana,sans-serif;
font-size:12px;
line-height:18px;
}

body, input, textarea {
font-family:Verdana,sans-serif;
}

.hentry {
padding:0;
}

.entry-title  {
font-family:Verdana,sans-serif;
font-size:22px;
font-weight:normal;
line-height:26px;
padding:0 0 7px;
}
p, ul, ol, dd, pre {
margin-bottom:14px;
}
.entry-meta {
color:#666666;
font-size:12px;
font-style:italic;
line-height:18px;
margin:10px;
width:500px;

}


page #content {
margin:0 0 0 40px;
overflow:hidden;
width:800px;
}
input, textarea {
width:180px;
}
#cat {
width:150px;
}
#primary {
background:none repeat scroll 0 0 #e5e4e4;
border:0;
}
.widgetcontainer{
margin-top:18px;
width:200px;
}
.widgettitle{
margin-bottom:3px;
}

/* Hides the long non-wrapping URLs in Safari*/
#twitter-3 li{
width:200px;
overflow:hidden;
}