/*
Theme Name: Stefan Theme
Theme URI: http://ditisstefan.nl/
Description: Testing WordPress Child Themes
Author: Stefan Meeuws
Author URI: http://yourdomain.com/
Template: thematic
Version: 1.0
.
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
.
*/
 
@import url('../thematic/style.css');
 
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');
 
/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');
 
/* Style the meta panel for logged-in users */
@import url('../thematic/library/styles/sitemeta.css');
 
/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');
 
/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
 
/* Un-comment the line below to set a grid with 18px line-height to fit 125px ad units  */
/* body { background:url(../thematic/images/960_grid_12_col.gif) repeat-y top center; } */

body {
    font-family:Georgia, serif;
}
#wrapper {
    border-top:9px solid black;
}
a:link, a:visited {
    color:#596d82;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
blockquote {
    font-style:italic;
    font-size:13px;
}
blockquote em, blockquote cite, blockquote i {
    font-style:normal;
}
input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}

/* =Header
-------------------------------------------------------------- */
#branding {
    padding:44px 0 22px 0;
}

#header {
    z-index:2;
    background:#181E24;
    background:url(http://ditisstefan.nl/nl/wp-content/uploads/2010/09/header2.gif) no-repeat top center;
}
#blog-title {
    height:80px;
    font-size:36px;
    font-weight:bold;
    letter-spacing:-1px;
    border-bottom:1px solid #242A30;
}
#blog-title a {
    color:#fff;
    text-decoration:none;
}
#blog-description {
    font-style:italic;
    padding:8px 0 5px 0;
    color:#fff;
}



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

.skip-link {
    display:none;
}
#access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    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:1px solid #ccc;
	float:left;
}
.sf-menu a {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	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:		#596d82;
}
.sf-menu li li {
	background:		#596d82;
}
.sf-menu li li li {
	background:		#596d82;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #596d82;
	outline:		0;
    border-bottom-color:#772a0e;
}
.sf-menu ul {
    border-right:1px solid #596d82;
    border-bottom:1px solid #596d82;
}
.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:#596d82;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #596d82;
}

/* =Asides (widgetized areas)
-------------------------------------------------------------- */


.aside h3 {
    font-size:14px;
    font-weight:bold;
    border-top:2px solid #596d82;
}