/* TYPOGRAPHY */
/* ----------------------------------------- */

body 
{ font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #333333; }

h1, h2, h3, h5, h5, h6 
{ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; color: black; }

p
{ font-size: 0.85em; line-height: 1.55em; }

.alert 
{ background:red; color:white } 

a 
{ text-decoration: none; color: #4985b3; }
a:active, a:hover
{ color: #4985b3; text-decoration: underline; }

div#masthead .wrapper ul#nav-main li a
{ font-family: Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif; }

div#sidebar p
{ font-size: 0.85em; }

div#sidebar h2 
{ font-size: 1.05em; line-height: 1.6em; margin-bottom: 5px; }

/* @font-face */

@font-face { font-family: MuseoRegular; src: url(./style/fonts/Museo700-Regular.otf) format("opentype"); font-weight: bold; }


/* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.


/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right: 15px; margin-top: 5px; margin-bottom: 5px; }
.alignright { float:right; margin-left: 15px; margin-top: 5px; margin-bottom: 5px; }
.wp-caption { text-align:center; background:#eef4fb; padding:10px; font-size: 0.9em; }
.wp-caption img { border: 0; }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/* ----------------------------------------- */
/* Main-layout -works4sure */
body { display: block; background: #fff;  }
div.wrapper	{ max-width: 1100px; min-width: 980px; width: auto; margin: 0 auto; }
.skipper	{ height: 0px; text-indent: -9999px; }

/* MASTHEAD */
div#masthead { background: #ffffff; border-top: 56px solid #cfd2d7; }
div#masthead { margin-bottom:-30px; padding-top:12px; height: 115px; }
div#masthead .wrapper { position: relative; height: 135px; }
div#masthead .wrapper h1#logo { position: absolute; top: 21px; left: 0px; font-size: 2.4em; background: url(./style/images/logo.jpg) transparent no-repeat; width: 447px; height: 81px; }
div#masthead .wrapper h1#logo a { display: block; background: url(./style/images/logo.jpg) transparent no-repeat; width: 415px; height: 55px; text-indent: -9999px; outline: none !important; }
div#masthead .wrapper h2 { display: none; }
div#masthead .wrapper h3 { position: absolute; right: 16px; top: -45px; color: #fff; font-size: 0.7em; font-weight: normal; letter-spacing: 1px; width: 180px; }
div#masthead .wrapper h3 a { position: absolute; right: 0px; top: -5px; display: block;  height: 18px; width: 75px; left: 78px;  }
div#masthead .wrapper { position: relative; height: 175px; }
div#masthead .wrapper div#search { position: absolute; top: 15px; right: -110px; z-index: 10; background: #fff; width: 320px; text-align: left; padding: 20px 0 20px 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
div#masthead .wrapper div#search img { padding-bottom:10px;}
div#masthead .wrapper div#search input.searchfield { padding: 5px; -moz-border-radius: 8px; border: 1px solid #104775; width: 160px; background: #fff; color: #000; }
div#masthead .wrapper div#search input.searchfield:hover { border-color: #245875; }
div#masthead .wrapper ul#nav-main { overflow: hidden; position: absolute; left: 5px; top: -56px; z-index: 10; }
div#masthead .wrapper ul#nav-main li { display: inline; }
div#masthead .wrapper ul#nav-main li a { display: block; float: left; font-size: 1.15em; color: #e4820d; padding: 7px 0 7px 0; margin-right: 30px; font-weight: bold; font-family: "MuseoRegular", Helvetica, Arial, Verdana, sans-serif; }
								  #nav-main li a
								  { color: #fff !important; text-decoration: none; }
								  #nav-main li a:hover, #nav-main li.active a { color:#EC9955 !important; }
div#masthead .wrapper ul#nav-main li a:hover { color: #e4820d; text-decoration: none; }

/* CONTENT */
div#content { background: #ffffff; padding-top: 30px; margin-bottom: 10px; border-top: 4px solid #ececec; position: relative; top: 30px; }
div#content .wrapper { overflow: visible;  padding-bottom: 30px;  }

.node-rss2 {margin-left: 17px;}
.meer_lezen { color: #e38225; }

/* ---- MAIN */
		div#content .wrapper div#main { float: left; max-width: 622px; min-width: 510px; width: 100%; margin-top: 5px; margin-left: -20px; z-index: 10; background: #ffffff; padding: 2px 35px 0 22px; border-left: 0px solid #dae9f0; border-right: 1px solid #dae9f0;  }
		div#main h3 { font-size: 1.1em; color: #4a5b65; }
		div.archieven h3 { margin-bottom: 20px; }
		div.searchresults h2 { font-size: 1.4em; margin-bottom: 24px; }
		div.searchresults div.searchresult { border-top: 1px dotted #dadbdd; padding: 15px 0 5px 0; }
		div.searchresults form { margin-bottom: 30px; }
		div.searchresults form input#s { width: 120px; -moz-border-radius: 4px; border: 1px solid #7cabbb; padding: 5px; }
		
/* ---- ---- POSTS */
		div#main div.post { position: relative; overflow: hidden; margin-bottom: 10px;}
		div#main div.post h2 { font-family: "MuseoRegular", Helvetica, Arial, Verdana, sans-serif; }
		div#main div.post h2.post-title a { color: #000000; font-size: 1.35em; line-height: 1.12em; margin-bottom: 200px; }
		div#main div.post ul.post-meta { font-size: 0.8em; color: #7f8b98; overflow: hidden; margin: 12px 0 10px 0;}
		div#main div.post ul.post-meta li { float: left; padding-right: 10px;}
		div#main div.post ul.post-meta li.post-timestamp span { display: block; height: 1px; text-indent: -9999px; }
		div#main div.post div.post-footer { margin-top: 15px; background: #f8f9fa; padding: 5px; border-top: 1px solid #eeeff1; font-size: 0.8em; clear: both; margin-bottom: 12px; }
		div#main div.post a.more-link { display: block; clear: both; text-align: right;}
		div#main div.post p { margin-bottom: 15px; color: #444444; font-size: 0.80em;}
		div#main div.post p.post-moreinfo { border: 1px solid #cccccc; padding: 20px; background: #f8f9fa; font-size: 0.75em; margin: 25px 0 15px 0 !important; }
		div#main div.post p img { border: 0; }
		
		blockquote { display: block !important; font-size: 0.83em !important; color: #444444 !important; margin-bottom: 15px !important; margin-left: 25px !important; }
		
		div.pagepointer { font-weight: bold; font-size: 0.85em; color: #444444; margin-bottom:3em; }
		div.pagepointer a { color: #e38225; }
		
		div#main div.post div.post-content ul,
		body.page div.post ul { margin-bottom: 15px !important; }
		div#main div.post div.post-content ul li,
		body.page div.post ul li { font-size: 0.83em !important; color: #444444 !important; margin-bottom: 5px; list-style: disc inside none !important; }
		
		ul.related_post { margin-bottom: 15px !important; }
		ul.related_post li { font-size: 0.83em !important; color: #444444 !important; margin-bottom: 5px; list-style: disc inside none !important; }
		
		.space20 { height: 20px; }
		
/* ---- ---- ---- COMMENTS */
		div#main ol.commentlist { border-top: 1px dotted #dadbdd; margin-top: 20px; margin-bottom: 35px;}
		div#main ol.commentlist li div.comment-body { position: relative; font-size: 0.8em; border-bottom: 1px dotted #dadbdd; padding-bottom: 20px; }
		div#main ol.commentlist li.comment-author-admin cite.fn { color: black !important; }
		div#main ol.commentlist div.vcard { margin: 10px 0 8px 0; overflow: visible; clear: both;}
		div#main ol.commentlist div.vcard img { float: left; border: 1px solid #cccccc; margin: 0 10px 0 0; }
		div#main ol.commentlist div.vcard cite.fn { display: block; font-size: 1.2em; font-weight: bold; margin-top: -2px; margin-left: 50px; }
		div#main ol.commentlist div.vcard span.says	{ display: none; }
		div#main ol.commentlist div.comment-meta { margin-left: 50px; margin-bottom:15px; font-size: 0.75em; }
		div#main ol.commentlist li div.comment-body p { font-size: 1em; line-height: 1.6em; margin-left: 50px; color: #58686f; }
		div#main div#respond form { overflow: hidden; margin: 25px 0 15px 0; }
		div#main div#respond form fieldset { margin-bottom: 10px; }
		div#main div#respond form label { display: block; float: left; width: 100px;font-size: 0.9em; }
		div#main div#respond form p { margin-left: 100px; margin-top: -5px; }
		div#main div#respond form input#submit { margin-left: 100px; margin-top: 15px; }
		div#main div#respond form fieldset input,
		div#main div#respond form fieldset textarea { border: 1px solid #999999; -moz-border-radius: 4px; padding: 5px; }

/* ---- SIDEBAR */
		div#sidebar { width: 425px; float: right;  margin-right: -1px; margin-top: -7px; padding-top: 0px; padding-right: 0px; } 

/* ---- ---- SIDEBAR-NODES */
		div#sidebar .node {  background: #fff; padding: 15px 10px 20px 10px; border-bottom: 1px solid white; overflow: hidden; } 	
		div#sidebar .node h2 { color: #675340; font-size: 0.9em; font-family: "MuseoRegular", Helvetica, Arial, Verdana, sans-serif; text-shadow: #fff 1px 1px 0; }
		div#sidebar .node p { font-size: 0.75em; padding-left: 0px; color: #58686f; text-shadow: #fff 1px 1px 0; }
		div#sidebar .node p.sidebar-link { padding-right: 15px; }
		div#sidebar .node ul li a { font-size: 0.75em; padding-left: 0px; text-shadow: #fff 1px 1px 0; }	
div#sidebar .node-intro { -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; }
			div#sidebar .node-intro p { padding-left: 5px; font-size: 0.75em; margin-bottom: 10px; }
			
			div#sidebar .node-nieuwsbrief p { padding-left: 5px; font-size: 0.75em; margin-bottom: 10px; }
			div#sidebar .node-nieuwsbrief form { padding-left: 5px; }
			div#sidebar .node-nieuwsbrief form input#MERGE0 { padding: 5px; -moz-border-radius: 4px; border: 1px solid #8fb7c4; width: 220px;}
			div#sidebar .node-last { padding-bottom: 25px; border-bottom: none; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; }
			div#sidebar .node a#rss-link { display: block; text-indent: -9999px; background: url(./style/images/subscribe_rss.gif) no-repeat; width: 165px; height: 36px; margin: 17px 0 2px 30px; }
			div#sidebar .node a#twitter-link { display: block; text-indent: -9999px; background: url(./style/images/twitter.gif) no-repeat; width: 200px; height: 41px; margin: 13px 0 2px -5px; }
			div#sidebar .node-last p.sidebar-link,
			div#sidebar .node-ads p.sidebar-link { float: left; }
			
/* ---- ---- ---- SIDEBAR NODE COLUMNS */
			.column { float: left; width: 192px; padding-right: 10px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}			
			
			
/* ---- ---- ---- SIDEBAR ADVERTENTIES */
			div#sidebar .node-ads h2 { font-style: italic; font-size: 0.8em; font-weight: normal; }
			div#sidebar .node-ads ul { clear: both; overflow: hidden; margin-bottom: 5px; margin-left: -4px; }
			div#sidebar .node-ads ul li { float: left; margin-right: 0px; margin-left: 4px; }
			div#sidebar .node-ads p.sidebar-link { margin-right: 15px; }
			.wp_bannerize a img {border: 1px solid #000000; margin-right:2px ;margin-bottom:2px;}
			
/* VACATURES (experimenteel) */
div#main div.vacature { background: #fcf5c4; padding: 8px 15px; border-top: 1px dotted #e1e1e1; border-bottom: 1px dotted #e1e1e1; margin-bottom: 22px; margin-top: -12px; }
div#main div.vacature h2 { float: left; line-height: 0.85em !important; margin-right: 12px; font-family: "MuseoRegular", Helvetica, Arial, Verdana, sans-serif; }
div#main div.vacature p { line-height: 1em !important; }

/* FOOTER */
div#footer { padding-top: 20px; padding-bottom: 10px; background: #ebecec; }
div#footer .wrapper { color: #c1d6dd; font-size: 0.85em; margin-bottom: 10px; height: 108px; }
div#footer .wrapper div#footerbox { float: right; width: 420px; }
div#footer .wrapper div#footerbox ul { overflow: hidden; margin-bottom: 0px; }
div#footer .wrapper div#footerbox ul li { display: inline; }
div#footer .wrapper div#footerbox ul li a { float: left; padding-right: 20px; padding-bottom: 4px; }

/*
Theme Name: PharmaWorks4sure
Description: Ontwikkeld en ontworpen door works4sure (http://www.works4sure.nl) i.o.v. Medix Publishers. Gebaseerd op het kale en semantisch geperfectioneerde 'Starkers'-theme van Elliot Jay Stocks (http://elliotjaystocks.com). Laatste update: 1.0.1 5 februari 2010
Version: 1.0.2
Author: Christiaan Arthur Hemerik
Author URI: http://www.works4sure.nl
Tags: Pharmamarketeer, Works4sure, Medix
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */



/* IE (all versions) */
/* ----------------------------------------- */



.sharebox { border: 1px solid #ddd; padding-left: 15px; padding-top:10px; height: 36px; overflow: hidden; }
.sharebox ul { padding: 0; position: relative; top: -2.4em; left: 145px; }
.sharebox ul li { margin-right: -3em;}
.sharebox strong { position: relative; top: 0.2em; }
.after_sidebar { margin-top: 1em; }



/* Additions */

.overview-block { border: 1px solid #ddd; padding: 0.5em;}

.a2a_dd { display: none; }
.footerblock { margin-top: 23px;}
.footerblock .heading1 { margin-bottom: 18px; }
.footerblock2 { float:right; text-align: right; }
.a2a_kit { margin-top: -13px; margin-bottom: -6px; }
.a2a_s_email { 
background: red url(img/envelop.png) !important; 
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 65% 70% !important;  }