/* CREDITS
 * ----------------------------------------------------------
 * Title:		In De Fleur - Screen Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		5/11/09
 * Last Edit:	00/00/00 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ font-family:Arial, Helvetica, sans-serif;  font-size:87.5%;  }
body{ color:#343434; background:url(../../images/layout/body_tile.png) repeat-x 0 0; }

a{ text-decoration:none; color:#343434; }
.clear{ clear:both; }
p.notice { padding: 25px 0; }
p.notice a { text-decoration: underline; }
p.notice a:hover { text-decoration: none; }
p.important { color: #c70000; }
p.intro { padding-top: 10px; }
.hidden { display: none; }

/* Container
---------------------------------------------------------- */
div#container{ min-width: 960px; }

/* Header
---------------------------------------------------------- */
div#header{ width:951px; margin:0 auto; height:160px; position:relative; }

/* logo */
div#header img#logo{ margin:44px 0 0 28px; }

/* blockquote */
div#header blockquote{ position:absolute; left:212px; top:125px; text-indent:-9000px; width:425px; height:27px; background:url(../../images/layout/slogan.png) no-repeat 0 0; }

/* Top bar
---------------------------------------------------------- */
div#top_bar_wrapper{ background:#343434;  }
div#top_bar{ width:951px; margin:0 auto; line-height:1.2em; padding: 8px 0; overflow:hidden; }

/* list */
div#top_bar ul { margin-left: 5px; }
div#top_bar ul li{ margin:0 10px 0 0; display: inline; white-space: nowrap; color:#FFF; float:left; padding:0 10px 0 0; background:url(../../images/layout/seperator_white.png) no-repeat right center; }
div#top_bar ul li a{ color:#FFF; }
div#top_bar ul li a:hover, div#top_bar ul li a:focus{ color:#dfdb00; }

	/* fonts */
	div#top_bar ul li a.font_one{ font-size:11px; }
	div#top_bar ul li a.font_two{ font-size:12px; }
	div#top_bar ul li a.font_three{ font-size:14px; }
	
	/* styles */
	div#top_bar ul li.last{ background:none; padding-right:4px; }
		
		div#top_bar ul li.plus a{ padding:0 0 0 10px; background:url(../../images/layout/icons/plus_white.png) no-repeat 0 center; }
		div#top_bar ul li.plus a:hover, div#top_bar ul li.plus a:focus{ background:url(../../images/layout/icons/plus_green.png) no-repeat 0 center; }
		
		div#top_bar ul li.homepage a{ padding:0 0 0 15px; background:url(../../images/layout/icons/home_white.png) no-repeat 0 center; }
		div#top_bar ul li.homepage a:hover, div#top_bar ul li.homepage a:focus{ background:url(../../images/layout/icons/home_green.png) no-repeat 0 center; }
		
		div#top_bar ul li.right{ padding-right:0; margin-right:11px; float:right; background:none; }
		div#top_bar ul li.arrow { padding:0 0 0 20px; color:#dfdb00; background:url(../../images/layout/icons/arrow_green.png) no-repeat 0 center; }
		div#top_bar ul li.arrow a { color:#dfdb00; }
		div#top_bar ul li.arrow a:hover { text-decoration: underline; }

/* Content
---------------------------------------------------------- */
div#content_wrapper{ background:url(../../images/layout/container_tile.png) repeat-x left bottom; }
div#content{ position:relative; padding:1px 0 15px; margin:0 auto; width:959px; }
div#content p.flashmessage { text-align: center; margin: 15px 0; background: #EAFBFF; border: 1px solid #00475D; padding: 25px 10px; }

/* Main
---------------------------------------------------------- */
div#main{ width:759px; float:right; overflow: hidden; }

/* search */
div#main div.main_search{ overflow:hidden; position:relative; background:#d0ecf8; padding:5px 8px 7px 95px; height: 20px; width: 680px; margin-left: 1px; font-size: 12px; }
div#main div.main_search legend span{ color:#175871; font-size:17px; position:absolute; left:15px; top:6px; }
div#main div.main_search label{ line-height:20px; float:left; width: 100px; white-space: nowrap; }
div#main div.main_search label.first{ margin:0 15px 0 0; width: 80px; }
div#main div.main_search label input { vertical-align: middle; }
div#main div.main_search div.right { float: right; }
div#main div.main_search input.text{ margin:0 9px; float:left; width:350px; height: 17px; padding:1px; border:1px solid #b2d8e8; }
div#main div.main_search input.submit { float:right; margin-right: 32px; background: url(../../images/layout/search_button.png) no-repeat; cursor: pointer; width: 81px; height: 21px; border: 0; }

/* breadcrumbs */
div#main div.breadcrumbs{ padding:0 15px; clear:both; width:100%; overflow:hidden; }
div#main div.breadcrumbs li{ color:#1382ad; margin:0 8px 0 0; float:left; line-height:1.1em; padding: 10px 0 0; font-size:0.93em; }
div#main div.breadcrumbs li a{ padding:0 15px 0 0; font-size:1em; background:url(../../images/layout/icons/gray_right_bullet.png) no-repeat right center; }

/* Sidebar
---------------------------------------------------------- */
div#sidebar{ width:200px; float:left; }

/* navigation */
div#sidebar ul.navigation{ margin-bottom:15px; }
div#sidebar ul.navigation li{ margin-bottom:1px; position: relative; }
div#sidebar ul.navigation li a{ width:170px; padding:8px 0 8px 30px; display:block; background:#e3e03f url(../../images/layout/icons/plus_black.png) no-repeat 7px center; }
div#sidebar ul.navigation li a:focus, div#sidebar ul.navigation li a:hover, div#sidebar ul.navigation li.active a { background-color:#D5D200; }

div#sidebar ul.navigation li a.enveloppe { position: absolute; right: 7px; top: 8px; padding: 0; background: transparent; width: auto; height: auto; }
div#sidebar ul.navigation li a.enveloppe img { display: block; }

	div#sidebar ul.navigation li li{ margin-bottom:0; }
	div#sidebar ul.navigation li li a{ width:159px; color:#626008; padding:3px 0 3px 41px;  background:#f7f6d4 url(../../images/layout/icons/bullet_idf.png) no-repeat 25px center; }
	div#sidebar ul.navigation li li a:focus, div#sidebar ul.navigation li li a:hover, div#sidebar ul.navigation li.active li a:hover, div#sidebar ul.navigation li.active li.active a { background-color:#fbf859; }
	div#sidebar ul.navigation li.active li a { background-color: #f7f6d4; }

/* Ads
---------------------------------------------------------- */
div#ads{ position:absolute; width:120px; right:-146px; top:1px;  }

/* Sitemap
---------------------------------------------------------- */
div#sitemap_wrapper{ background:#d5d200 url(../../images/layout/sitemap_tile.png) repeat-x left bottom; }
div#sitemap{ font-size:0.86em; width:951px; margin:0 auto; padding:15px 0; }

	/* list */
	div#sitemap ul{ display:table; width:100%; }
	div#sitemap ul li{ padding:0 15px 0 0; display:table-cell;  }
	div#sitemap ul li span{ margin-bottom:2px;  line-height:22px; font-weight:bold; display:block; width:100%; background:url(../../images/layout/black_dots.png) repeat-x left bottom; }
	div#sitemap ul li span a:hover{ border-bottom:0; }
	div#sitemap ul li li{ line-height:17px; padding-right:0; display:list-item; clear:both; }
	div#sitemap ul li li a{}
	div#sitemap ul a:hover{ border-bottom:1px solid #343; }
	div#sitemap ul li.last{ padding-right:0; }
	
/* Footer
---------------------------------------------------------- */
div#footer_wrapper{ background:#343434; }
div#footer{ width:951px; margin:0 auto; height:35px; line-height:35px; }

/* list */
div#footer ul li{ font-size:0.79em; padding:0 7px 0 0; margin:0 7px 0 0; float:left; color:#d5d200; background:url(../../images/layout/seperator_green.png) no-repeat right center; }
div#footer ul li a{ font-size:1em; color:#d5d200; }
div#footer ul li a:hover{ border-bottom:1px solid #b4b208; }
div#footer ul li a:focus{ color:#FFF; border-bottom:1px solid #FFF; }
div#footer ul li.last{ background:none; }
div#footer ul li.right{ float:right; background:none; }
div#footer ul li.right a{ color:#f1f1f0; }
div#footer ul li.right a:hover{ border-bottom:1px solid #f1f1f0; }

/* Banners
___________________________________________________________ */
div.banner.format_728x90-leaderboard-header { position:absolute; top:20px; left: 212px; }

div.banner.format_forumbanner-onder-content { clear: both; margin-top: 15px; color: white; font-weight: bold; padding: 12px 10px 12px 55px; font-size: 14px; background: #49c0e2 url(../../images/layout/forum_banner.png) 15px center no-repeat; }
div.banner.format_forumbanner-onder-content a { font-weight: normal; color: #343434; text-decoration: underline; }
div.banner.format_forumbanner-onder-content a:hover { text-decoration: none; }