/*   
Theme Name: heisTheme
Theme URI: http://www.heiste.de
Description: based on Thematic Theme.
Author: Heino Stegen
Author URI: http://www.heiste.de/
Template: thematic
Version: 0.5
Tags: Thematic heiste
.
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');


#header {background:url(images/fish.jpg) no-repeat top;}
 

#blog-title {margin: 12px 20px 12px 12px;
        	padding: 5px 15px 5px 5px;
		border-right: 2px solid; display:inline;}

#blog-description {display:inline;}

#primary { border: none;}
.iperbox {border: 1px solid; color: gray; padding: 4px; margin: 4px; } 
.catcloud a {
        text-decoration: none;}

.aside h3 {
color:#666666;
font-size:12px;
font-weight:bold;
text-align:right;
letter-spacing:2px;
line-height:12px;
padding:5px 0 4px;
text-transform:uppercase;
border-bottom: 1px solid #ddd;
margin: 0px 0px 3px;
}

/*
.aside h3 {
color:#21211E;
text-align:right;
	text-transform:uppercase;
	border-bottom: 1px solid #ddd;
font-style:normal; 
font-weight:bold;
margin: 0px 0px 3px;
}
*/
.aside .xoxo li {
margin: 0px 0px 20px;
}
.aside .xoxo li ul li{
margin: 0px 0px 0px;
}
/*
#twitter-tools {
        background:url(images/twiticon.png) no-repeat center;
        color:#000000;
        }


/* footer */
#footer {border-top: 0 none;}

#main {
margin:0 auto;
overflow:hidden;
position:relative;
width:940px;
}

/* =Menu
-------------------------------------------------------------- */
.menu {
margin:0 auto;
width:940px;
}
.skip-link {
    display:none;
}
#access {
    border-bottom:0 none;
    height:32px;
    font-size:13px;
    font-weight: bold;
    
    overflow:visible;
    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:0 none;
	float:left;
}
.sf-menu a {
	border-left:0 none;
	border-top:0 none;
	border-bottom:0 none;
	padding:9px 13px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    color: #f00;
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	background:		#fff;
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #f00;
    background:     #ffffff;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.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:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}

/* =follow me
-------------------------------------------------------------- */

#follow .follow-rss a {
background:transparent url(images/rss1.png) no-repeat scroll 0 -36px;
margin:0 20px 0 -4px;
padding:10px 0 10px 40px;
}
#follow .follow-twitter a {
background:transparent url(images/twitter1.png) no-repeat scroll 0 -36px;
margin:0 20px 0 -4px;
padding:10px 0 10px 40px;
}
#follow .follow-facebook a {
background:transparent url(images/fb1.png) no-repeat scroll 0 -36px;
margin:0 20px 0 -4px;
padding:10px 0 10px 40px;
}
#follow .follow-ipernity a {
background:transparent url(images/ipernity1.png) no-repeat scroll 0 -36px;
margin:0 20px 0 -4px;
padding:10px 0 10px 40px;
}
#follow a:hover {
background-position:0 0;
}
.aside ul ul {
margin: 0 0 0 0;
list-style-type:none;
}
.aside tbody, .aside th,  .aside tr, .aside td {border:none;padding: 0.25em 0;}
.aside  table {margin-top: 10px;
}