/*
Theme Name: RS Thuiszorg
Theme URI: http://www.rsthuiszorg.nl
Description: Op maat gemaakt voor RSThuiszorg.nl
Author: Mark Dingemanse
Author URI: http://vormdicht.nl
Template: thematic
Version: 1.0
*/

/* 
 * RS Thuiszorg kleuren

ededee [lichtgrijs nieuw]
56be09 [groen nieuw]
214b70 [blauw nieuw]
605d5c [donkergrijs nieuw]
 
bedb3b [felgroen oud]
425a75 [blauw oud]
383431 [logo donkergrijs oud]
605d5c [donkergrijs oud]
3a3734 [donkerbruin oud]
dddddc [lichtgrijs oud]

 */

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

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

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

/* IE fixes */
	/* Some fixes are made in context - e.g. the primary navigation */
.ie6 #text-2 a:link, .ie6 #text-2 a:visited { color:#fff; }
.ie7 #text-2 a:link, .ie7 #text-2 a:visited { color:#fff; }

.ie6 #secondary-nav ul li a, .ie7 #secondary-nav ul li a { width:132px; overflow:visible; }
.ie7 #secondary-nav ul li.current_page_item a { background-position:100% 45%;
}


/* 
 * Layout areas
 */

body {
	background-color:#3a3734;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#wrapper {
	background-color:#fff;
	width:968px;
	margin:0 auto;
	background:url('images/bg-wrapper.png') repeat-y top center;
}
#header {
	height:329px;
	background:url('images/bg-header.png') no-repeat top center;
	position:relative;
}
	.skip-link { display:none; }
#branding #blog-title a {
	display:block;
	position:relative;
	left:20px;
	top:20px;
	text-indent:-9000px;
	background:url('images/logo.png') no-repeat top left;
	height:99px;
	width:194px;
	z-index:10;
}
#main { 
	width:100%; 
	position:relative; 
	z-index:11; 
	background-position:165px 100%; 
	background-repeat:no-repeat; 
	margin-bottom:-37px;
}

#secondary, #container, #primary { float:left; position:relative; }

#secondary {
	width:154px;
	right:737px;
	z-index:12;
	top:-50px;
}
#container {
	width:500px;
	left:188px;
	top:-100px;
	padding:10px 30px;
	z-index:10;
	background:url('images/bg-75p_white.png') repeat top left;
}

#primary { width:188px; top:-100px; left:210px; margin-bottom:-100px; }

#footer { 
	position:relative;
	height:46px;
	padding-bottom:50px;
	width:100%;
	background:url('images/bg-footer.png') no-repeat top center;
	background-color:#3a3734;
	z-index:9; /* for #main background overlap to work */
}
#footer #siteinfo { 
	float:left; /* floating this thing helps to make the #main background overlap work */
	position:relative;
	width:968px;
	margin-top:28px;
	font-size:10px; 
	text-transform:uppercase; 
	letter-spacing:.2em; 
	text-align:center;
}
#footer #siteinfo, #footer #siteinfo a {
	color:#605d5c;
	text-decoration:none;
}
#footer #siteinfo a:hover {
	color:#fff;
}

/* 
 * Header
 */
#tagline {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative;
	top:20px;
	right:80px;
	float:right;
	font-size:1.3em;
	font-style:italic;
}
#tagline .zorg {
	color:#365773;
	margin-right:10px;
}
#tagline .gezicht {
	color:#fff;
}
#blog-description {
	display:none;
}

/* 
 * Page backgrounds
 */

.pageid-8 #main, .page-id-8 #main, .parent-pageid-8 #main, .parent-page-id-8 #main { background-image:url('images/bg-page-welkom.jpg'); }

.pageid-4 #main, .page-id-4 #main, .parent-pageid-4 #main, .parent-page-id-4 #main { background-image:url('images/bg-page-visie.jpg'); }

.blog #main, .single #main { background-image:url('images/bg-page-nieuws.jpg'); }

.pageid-12 #main, .page-id-12 #main, .parent-pageid-12 #main, .parent-page-id-12 #main  { background-image:url('images/bg-page-pionnen.jpg'); }

.pageid-14 #main, .page-id-14 #main, .parent-pageid-14 #main, .parent-page-id-14 #main { background-image:url('images/bg-page-watbiedenwij.jpg'); }

.pageid-18 #main, .page-id-18 #main, .parent-pageid-18 #main, .parent-page-id-18 #main { background-image:url('images/bg-page-contact.jpg'); }


/* 
 * Navigation
 */

.menu {
	width:605px;
	position:absolute;
	margin-left:165px;
	top:74px;
	height:162px;
	z-index:9;
}
.sf-menu {
	list-style:none;
	margin:0;
	padding:0;
}
.sf-menu li {
	float:left;
	padding:0;
	margin:0;
	height:162px;
	overflow:visible;
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
}

.sf-menu li a:link { 
	color:#383431; 
	text-decoration:none; 
}
.sf-menu li.current_page_item a, .sf-menu li.current-page-ancestor a, .sf-menu li.curent_page_parent a { color:#fff; }
.sf-menu li a:hover { text-decoration:underline; }

	/* Get the active background sprite in place */ 
.sf-menu li.current_page_item, .sf-menu li.current_page_parent, .sf-menu li.current-page-ancestor {
	background-image:url('images/bg-nav-active.png');
	background-repeat:no-repeat;
}
.sf-menu li.menu-item-224 { width:66px; background-position:0px 0px; } 
.sf-menu li.menu-item-225 { width:68px; background-position:-66px 0px; } 
.sf-menu li.menu-item-226 { width:92px; background-position:-134px 0px; } 
.sf-menu li.menu-item-220 { width:134px; background-position:-226px 0px; } 
.sf-menu li.menu-item-219 { width:157px; background-position:-360px 0px; } 
.sf-menu li.menu-item-218 { width:88px; background-position:-517px 0px; } 


/* IE6 compatibility */
/* body.ie6 .sf-menu li.page-item-8 { width:66px; background-position:0px 7px; } 
/* body.ie6 .sf-menu li.page-item-4 { width:68px; background-position:-66px 7px; } 
/* body.ie6 .sf-menu li.page-item-10 { width:92px; background-position:-134px 7px; } 
/* body.ie6 .sf-menu li.page-item-12 { width:134px; background-position:-226px 7px; } 
/* body.ie6 .sf-menu li.page-item-14 { width:157px; background-position:-360px 7px; } 
/* body.ie6 .sf-menu li.page-item-18 { width:88px; background-position:-517px 7px; } 

/* IE7 compatibility */
/* body.ie7 .sf-menu li.page-item-8 { width:66px; background-position:0px 7px; } 
/* body.ie7 .sf-menu li.page-item-4 { width:68px; background-position:-66px 7px; } 
/* body.ie7 .sf-menu li.page-item-10 { width:92px; background-position:-134px 7px; } 
/* body.ie7 .sf-menu li.page-item-12 { width:134px; background-position:-226px 7px; } 
/* body.ie7 .sf-menu li.page-item-14 { width:157px; background-position:-360px 7px; } 
/* body.ie7 .sf-menu li.page-item-18 { width:88px; background-position:-517px 7px; } 



	/* Position the text of the menu items 
	   (this is done independently of the background sprite for flexibility) */
.sf-menu li a { position:relative; padding:20px 0; }
.sf-menu li.menu-item-224 a { top:86px; left:0px; } /* Start */
.sf-menu li.menu-item-225 a { top:61px; left:18px; }  /* Visie */
.sf-menu li.menu-item-226 a { top:38px; left:15px; } /* Nieuws */
.sf-menu li.menu-item-220 a { top:14px; left:20px; } /* Wie zijn wij? */
.sf-menu li.menu-item-219 a { top:4px; left:20px; }  /* Wat bieden wij? */
.sf-menu li.menu-item-218 a { top:10px; left:25px; } /* Contact */

/* IE6 & IE7 */
/* .ie6 .sf-menu li.page-item-8 a, .ie7 .sf-menu li.page-item-8 a { top:92px; } /* Start */
/* .ie6 .sf-menu li.page-item-4 a, .ie7 .sf-menu li.page-item-4 a { top:67px; }  /* Visie */
/* .ie6 .sf-menu li.page-item-10 a, .ie7 .sf-menu li.page-item-10 a { top:44px; } /* Nieuws */
/* .ie6 .sf-menu li.page-item-12 a, .ie7 .sf-menu li.page-item-12 a { top:20px; } /* Wie zijn wij? */
/* .ie6 .sf-menu li.page-item-14 a, .ie7 .sf-menu li.page-item-14 a { top:10px; }  /* Wat bieden wij? */
/* .ie6 .sf-menu li.page-item-18 a, .ie7 .sf-menu li.page-item-18 a { top:16px; } /* Contact */

/* 
 * Accessibility
 */
#accessibility { position:relative; right:250px; top:-110px; z-index:13; text-align:right; }

#accessibility .audio, #accessibility .resizer { display:inline; }

#accessibility .audio .audioplayer_container {  }

#accessibility .fontResizer { font-size:140%; }
#accessibility form#chgfontsizeoptions { padding-left:5px; margin-top:-5px; }




/*
 * Sidebars
 */
.aside ul.xoxo { list-style:none; padding:10px 10px 10px 10px; margin:0; }
.xoxo .widgetcontainer {color:#fff; }
.xoxo .widgetcontainer a { color:#fff; }

.aside .pasfoto { width:124px; height:132px; background:url('images/bg-pasfoto.png') no-repeat top left; padding:12px 0 0 12px; margin:0 0 10px 20px;
}
.pasfoto .pasfoto-foto { margin-bottom:1px; }
.pasfoto .pasfoto-naam a { text-decoration:none; text-transform:capitalize; font-style:italic; font-size:1.2em; }

#secondary #text-2 { text-align:right; line-height:1.6em; }
#text-2 .icon {	background-repeat:no-repeat; background-position:top left; padding-left:20px; }
#text-2 .email { background-image:url('images/icon-email.png'); }
#text-2 .phone { background-image:url('images/icon-telephone.png'); }

/* Subpages */
#secondary-nav ul {
	width:100%;
	margin:20px 0 40px 0;
	padding:0;
	list-style:none;
	text-align:right;
}
#secondary-nav ul li {
	padding:0;
	margin:0 0 0 0;
}
#secondary-nav ul li a {
	display:block;
	color:#56be09;
	text-decoration:none;
	padding:5px 27px 5px 0;
	margin-right:-27px;
}
#secondary-nav ul li a:hover, #secondary-nav ul li a:active {
	color:#fff;
	text-decoration:underline;
}
#secondary-nav ul li.current_page_item a { color:#fff; background:url('images/bg-secondar-nav-active.png') no-repeat 144px 2px; }


/*
 * Content area styles
 */

.edit-link {
	float:right;
	text-transform:uppercase;
	font-size:80%;
}

a img {
	border:none;
}
a:link, a:visited {
	color:#425a75;
	text-decoration:none;	
}
a:hover, a:active {
}
#comments {
	display:none;
}
/* 
 * Contact form 7 styles
 */

.wpcf7 input, .wpcf7 textarea, .wpcf7 option, .wpcf7 select {
	padding:5px;
	font-size:1.0em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* 
 * Typography
 */
#content {
	font-size:1.2em;
	line-height:1.4em;
}
h1.entry-title {
	text-align:right;
}

#content h2 {
	color:#425a75;
}
#content h3 {
	color:#365773;
	font-weight:bold;
	font-size:1.0em;
}