﻿/*
	Stylesheet for FlandersBio (flandersbio.be)

	Media:      screen
	Author:		Tom Bevers, Lieve Van de Loo
	Copyright:  cvwarehouse.com <http://www.cvwarehouse.com>
*/

/*
	Reset
	@see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td							{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus																	{ outline: 0; }
body																	{ line-height: 1; color: black; background: white; }
ol, ul																	{ list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table																	{ border-collapse: separate; border-spacing: 0; }
caption, th, td															{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after														{ content: ""; }
blockquote, q															{ quotes: "" ""; }

/*
	Typography
*/

body																	{ font: 12px/20px Arial, Helvetica, sans-serif; color: #777; }

h1, h2, h3, h4, h5, h6													{ font-weight: bold; font-style: normal; margin: 0 0 10px; }

h1																		{ font-size: 24px; color: #1568aa; }
h2																		{ font-size: 18px; color: #1568aa;  }
h3																		{ font-size: 18px; color: #1568aa; margin:6px 0 25px 0; }
h4																		{ font-size: 14px; color: #7C8388;  }
h5																		{ font-size: 12px; font-variant: small-caps; }
h6																		{ font-size: 12px; }

#content p, #content ul, #content ol									{ margin: 0 20px 10px 0; }
#content ul, #content ol												{ padding-left: 30px; }
#content ul																{ list-style-type: disc; }
#content ol																{ list-style-type: decimal; }

a																		{ color: #1568aa; outline:none; }
a:focus																	{ border-color: #c2d3e4; outline-color: #000; outline-style: dotted; outline-width: 1px; }

strong																	{ font-weight: bold; }
em																		{ font-style: italic; }				

/*
	Basic layout
*/

#wrapper																{ width: 511px; }

hr {
	border: none;
	border-top: 1px solid #ddd;
	padding: 0;
}

div.hr {
	border-bottom: 1px solid #ddd;
	width: 93%;
	margin: 25px auto;
}

	div.hr hr {
		display: none;
	}

/*
	JobList
*/

div.company																{ margin: 0 0 20px 0px; }
div.company img															{ float: left; border: 1px solid #e8e7d9; height: 110px; width: 110px; }
div.company div															{ float: left; margin: 0 0 0 20px; width: 379px; }

.jobList li a															{ color: #1568aa; text-decoration:none; }
.jobList li a:hover													    { text-decoration:underline; }
.jobDescription p                                                       { margin-bottom: 10px; }
.jobDescription ul                                                      { margin-left: 25px; list-style-type: disc; margin-bottom: 10px; }
.jobDescription ol                                                      { margin-left: 25px; list-style-type: decimal; }

#jn                                                                     { margin: 15px 0 0 0; width:177px; }
a.Apply, a.Back                                                         { display: block; line-height: 20px; height: 20px; color: #1568aa; background-repeat: no-repeat; text-decoration: none; margin: 0 0 10px 0; background-position: left 50%; padding: 0 0 0 25px; }
a.Apply                                                                 { background-image: url('../img/btn_blue.gif'); }
a.Back                                                                  { background-image: url('../img/btn_blue_back.gif'); }

.spAppLink p, .disclaimer p                                             { margin: 0 0 10px; }
.disclaimer p                                                           { font-size: 10px; line-height: 16px; }
.disclaimer                                                             { margin: 0 0 30px; }

/*
	Powered By Button
*/

.poweredBy																{ margin: 0 !important; }

/*
	Clearfix
	@see  http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
*/

.clearfix:after															{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix																{ display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix														{ height: 1%; }
.clearfix																{ display: block; }
/* close commented backslash hack */
