/*  
Theme Name: maXLife Theme
Theme URI: http://www.max-life.be
Description: een de MAX thema, echt waar mijne man..
Version: 1.0
Author: maXLife
Author URI: maXLife
*/

/* 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% }
q:before, q:after { content:''}
a { text-decoration:none }

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

/* ***************************** */
body, html {
min-height : 101%;
background: #000000;
font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}

.clear {
clear : both;
height : 0;
}

.clearfloat:after {
display : block;
visibility : hidden;
clear : both;
height : 0;
content : ".";
}
.clearfloat {
display : inline-block;
}
.clearfloat {
display : block;
}

/* ************************************************************************** */

#header { position : relative; margin: 0; padding: 0; background: #ffffff; height: 104px; width: 100%;}
	#headerlogo { float : left; margin : 0; padding : 0; }
		#headerlogo h1 { margin : 10px 0 0 10px; padding : 0; text-indent : -9999px; }
		#headerlogo h1 a { display : block; width : 282px; height : 74px; background : url(images/logo.png); }
	#headercontent {
		width: 668px;
		height: 104px;
		float : left;
	}
		
	#headerads {
	float : right;
	text-align : center;
	width : 468px;
	height : 60px;
	margin : 4px 8px 0 0;
	padding : 0px;
	color : #eee;
	}
	#metanav {
	font-size : 1em;
	margin : 0px 0 0 0;
	padding : 0;
	width : 100%;
	text-align : right;
	height : 16px;
	/*background : #fff;*/
	}

	#header #headercontent #metanav ul {
	margin: 5px 10px 0 0;
	float : right;
	list-style-type : none;
	}
	#header #headercontent #metanav li {
	float : left;
	}
	#header #headercontent #metanav li a {
	color : #b8a06c;
	margin : 0;
	padding : 0px;
	text-decoration : none;
	display : block;
	}
	#header #headercontent #metanav li a:hover {
	color : #e8c373;
	}

	#metanav span {
	background: url(images/icons/icons.png);
	float: left;
	width: 16px;
	height: 16px;
	margin: 2px 4px 0 0;
	}
	#metanav #home span {
	background-position: 0px 0;
	}
	#metanav #contact span {
	background-position: -16px 0;
	}
	#metanav #sitemap span {
	background-position: -32px 0;
	}
	#metanav #disclaimer span {
	background-position: -48px 0;
	}
	#metanav #rss span {
	background-position: -64px 0;
	}

	#metanav #home a:hover span {
	background-position: 0px -16px;
	}
	#metanav #contact a:hover  span {
	background-position: -16px -16px;
	}
	#metanav #sitemap a:hover  span {
	background-position: -32px -16px;
	}
	#metanav #disclaimer a:hover  span {
	background-position: -48px -16px;
	}
	#metanav #rss a:hover  span {
	background-position: -64px -16px;
	}

		
/* END HEADER */
	
	/* NAVIGATION - active categories */
	.active_category { background: #b7a16d url(images/nav_bg_hover.gif) repeat-x; }
	.current_page_item { background-color:#B7A16D; }
	
#navwrap { margin: 0; padding: 0px 0 0 0; background-color: #000000; height: 29px; font: 1.2em Arial; color: #fff;}
	
	#menu-nav, #menu-nav ul{
		height: 29px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		z-index: 50;
		position: absolute;
		width: 960px;
	}
	#menu-nav li{
		height: 29px;
		padding: 0;
		margin: 0px;
		float: left;
		display: inline;
		background: url(images/nav_li_divider.gif) center right no-repeat;
	}
	#menu-nav li a{
		display: block;
		height: 29px;
		padding: 6px 14px;
		text-decoration: none;
		color: #fff;
		float: left;
	}
	#menu-nav li a:visited{
		color: #eae5d5;
	}
	#menu-navm li a:hover{
		background: #b7a16d url(images/nav_bg_hover.gif) repeat-x;
	}
	/*STYLING CATEGORIES */
	#menu-nav li.current-cat a{
		color: #f3f5cc;
		/*background: #D8000C url(images/nav_bg_current.gif) repeat-x;*/
	}
	#menu-nav li.current-cat a:visited{
		color: #fff;
	}
	#menu-nav li.current-cat a:hover{
		color: #fff;
		background: #b7a16d url(images/nav_bg_hover.gif) repeat-x;
	}
	
	/*STYLING PAGES */
	#menu-nav li.current_page_item a{
		color: #f3f5cc;
		/*background: #D8000C url(images/nav_bg_current.gif) repeat-x;*/
	}
	#menu-nav li.current_page_item a:visited{
		color: #fff;
	}
	#menu-nav li.current_page_item a:hover{
		color: #fff;
		background: #b7a16d url(images/nav_bg_hover.gif) repeat-x;
	}

#content { background: transparant; /*margin-left: 1em;*/ padding-left:10px; background-color:#FFFFFF;}

#sidebar { background: transparant; background-color: #FFFFFF;}

	#sidebarsearch {
		height : 30px;
		width: 238px;
		margin : 10px 0 0 0;
		/*padding : 2px 10px 10px 20px;*/
		color : #333;
		/*background : #efe5ba url(images/search_bg.jpg) top left no-repeat;*/
	}
	#sidebar #sidebarsearch #s {
		font-size: 1.1em;
		width: 150px;
		padding: 2px;
	}	
	#sf { 
		margin: 0;
		}

#featuredcover { margin:0;padding:0;overflow: hidden; float: left; text-align:center; width: 310px; height: 279px; background: #efe5ba; /*url(images/featuredcover_bg.gif) 0 0 repeat-x;*/ border-bottom: 1px solid #d1c292; }
	#featuredcover p, #featuredimg p { color: #7e683e; margin: 0.8em 0.6em; padding: 0;}
	#featuredcover a, #featuredimg a { color: #876b37; text-decoration: underline;}
	#featuredcover a:hover, #featuredimg a:hover { color: #f00; text-decoration: underline;}

	#featuredcover h2 { font-size: 1.6em; color: #7e683e; margin: 0.8em 0 0 0.5em; }
	#featuredcover h2 a { text-decoration: underline; }
	
#featuredimg { float: left; height: 280px; width: 650px; background: #efe5ba url(images/featuredimg.jpg) 0 0 no-repeat; }
	#featuredimg h2 { font-size: 4em; color: #fff; margin:0px; text-align: left; }
	#featuredimg .text { margin-top:210px; height: 40px; background: url(images/bg_beige2_50pct.png); padding: 10px 20px; }
	#featuredimg .text h2{ font-size: 3em; line-height: 1.2em; }

	.travel { float: left; height: 280px; width: 650px; background: #efe5ba url(images/maxlife_travel_650x280.jpg); }
	.wellness { background: #efe5ba url(images/maxlife_travel_650x280.jpg); }
	
.post { width: 100%; margin: 0.5em 0; padding: 0em 0 1em 0; /* border-bottom: 1px dashed #efe5ba; */ }
	.post ol, .post ul, .post li { list-style: disc; }
	.post ul { list-style: disc; margin: 2em 0 0 1.5em;}
	.post p { line-height: 1.5em; margin: 1em 0;}
	.post p a { font-size: 1em;}
	.post a{ color: #7e683e; }
	.post h1 { margin: 0.5em 0 0.5em; line-height: 1em; }
	.post h2 { color: #7e683e; line-height: 1.3em; margin: 0 0 0.4em; }
	.post h3 { margin: 0.8em 0 0 0; line-height: 1em; }
	.post a:hover { color: #c58430; }

	.post hr { margin: 5px 0 0 0; border: 0; background: url(images/divider_maxlife2.png); height: 47px; }

	.post .related { margin: 0px; padding: 0 0 0 20px;}
	.post .related  ul { list-style-type: decimal; }
	.post .related ul li {
		list-style : none;
		margin: 0;
		padding: 0 0 0 5px;
		}
	.related  li a {
		display : block;
		padding : 4px 25px;
		color : #a30000;
		text-decoration : none;
		background: url(images/tv.gif) no-repeat center left ;
	}
/*
.post h2, .post h3, .post h4, .post h5, .post h6 {clear : both; }
*/
.post .postmetadata { clear: both; text-align: right; border-top: 1px solid #fee; margin: 2em 0 0 0; padding: 0.5em 0 0 0; font-size: 90%;}
.navigation { /* divs for next & previous post links */
	/*background: #f00;*/
	display: block;
	text-align: center;
	margin: 10px 0 60px 0;
	}
	
.wp-caption-text { padding: 5px 10px; background: #eee; width:90%; font-size: 1em; line-height: 1.2em; font-family: arial;}

hr { color: #fff;	background: #fff; border-bottom: 1px solid #a57f00; height: 0px;}

/* =Headings
--------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: Arial; margin: 0.5em 0 0.5em 0; padding: 0em; }

h1{	font-size: 3.5em; }
h2{	font-size: 3em;}
h3{	font-size: 2.1em; color: #7e683e;}
h4{	font-size: 1.9em; color: #7e683e;}
h5{	font-size: 1.7em;}
h6{	font-size: 1.2em; }

p{ font-size: 1.2em; margin: 1em 0;} 

/* =Spacing
--------------------------------------------------------------------------------*/
ol {	list-style: decimal; margin: 2em 0 0 1.5em;}
ul {	list-style: square; margin: 2em 0 0 1.5em;}
li { font-size: 1.1em; /*margin: 0.4em 0 0 1.5em;*/}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{	margin-bottom: 0.2em;}

blockquote {
	margin:10px 10px;
	/* upadding:3px;*/
	color:#957f45;
	font-family: georgia;
	font-size: 1.1em;
	font-style: italic;
	padding: 0 30px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
}
blockquote h5 { font-family: georgia; font-size: 1.1em; font-weight: bold; font-style: italic; }

a{ color: #7e683e; }
a:hover { color: #c58430; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/*
Stylesheet for the WP125 ad management plugin
URL: http://www.webmaster-source.com/wp125-ad-plugin-wordpress/
*/
/* Styles for one-column display */
#wp125adwrap_1c { width:100%; margin: 1em 0; clear : both;}
#wp125adwrap_1c .wp125ad { margin-bottom:5px; }

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; margin: 1em 0; clear : both; }
#wp125adwrap_2c .wp125ad { width:125px; float:left; padding:5px; }



/* END CONTENT */
#footer { clear : both; background-color: #333333; height: 200px; padding:10px 0 0 0; color:#FFFFFF;}
	
	
	#footer .grid_4 { background: url(images/footer_bg.png) top right repeat-y; }
	
	#footer h4 { color: #352a20; }
	#footer p { color:#352a20;}
	#footer ul {
		padding: 0px;
		margin: 8px 0 0 0; 
		}
				
	#footer li {
		color:#FFFFFF;
		list-style:none;
		border-bottom:1px solid #988b66;
		padding: 1px 10;
		}
	#footer li a { display: block; padding: 2px 6px;}

	#footer a, #footer a:visited {
		color:#FFFFFF;
		}

	#footer a:hover, #footer a:active {
		background: #d9ca9b;
		color: #a75811;
		text-decoration:none
		}
		
		#footer span {
			background: url(images/icons/icons.png);
			float: left;
			width: 16px;
			height: 16px;
			margin: 2px 4px 0 0;
			}
			#footer #home span {
			background-position: 0px 0;
			}
			#footer #contact span {
			background-position: -16px 0;
			}