/*
Theme Name: mrPaaj
Theme URL: http://www.mrpaaj.nl
Description: Custom <a href="http://www.mrpaaj.nl/">mrPaaj</a> theme
Version: 0.1
Author: Jan-Jaap Sinke
Author URL: http://www.mrpaaj.nl
*/

@font-face {
    font-family: Museo;
    src: url(http://www.mrpaaj.nl/wp/wp-content/themes/mrpaaj/MuseoSans_500.otf);
    font-weight: 500;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'IM Fell DW Pica', 'Museo', Verdana, Arial, Sans-Serif;
	background: #c2c2c2 url(images/background.jpg) no-repeat left bottom;
	background-attachment: fixed;
	color: #333;
	text-align: center;
	}

#page {
	position: relative;
	margin-left: 280px;
	}
	
/* SIDEBAR */	
#sidebar {
	position: fixed;
	left: 40px;
	bottom: 20px;
	width: 240px;
	list-style-type: none;
	}

#tagcloud {
	text-align: left;
	padding-left: 0.5em;
	margin-top: 3em;
	color: black;
	}
	
/* --------------*/

#content {
	font-size: 1.6em;
	width: 740px;
	margin-left: -20px;
	margin-top: 150px;
	margin-bottom: 150px;
	text-align: left;
	}
		
/* FOOTER */

#footerbg {
	width: 1920px;
	height: 200px;
	position: fixed;
	bottom: -50px;
	left: -10%;
	background: url(images/footerhills.png) no-repeat;
	z-index: -1;
}
	
#footerfg {
	width: 1920px;
	height: 200px;
	position: fixed;
	bottom: -50px;
	right: -500px;
	background: url(images/footerhills3.png) no-repeat;
	z-index: 1;
}

#footerrechts {
	width: 1920px;
	height: 150px;
	position: fixed;
	bottom: 0px;
	right: -20%;
	background: url(images/footerhills3.png) no-repeat;
	z-index: 1;
}

#linksonder {
	width: 500px;
	height: 400px;
	position: fixed;
	bottom: 0px;
	left: -50px;
	background: url(images/linksonder.png) no-repeat;
	z-index: 2;
}

#rechtsonder {
	width: 400px;
	height: 150px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	background: url(images/rechtsonder.png) no-repeat;
	z-index: 3;
}
	
/* POST STYLING */
.postmiddle{
	background: url(images/post_middle.png) repeat-y;
	padding: 0px 25px;
	position: relative;
	}
		
.posttop {
	background: url(images/post_top.png) no-repeat;
	display: block;
	height: 30px;
	margin-bottom: -1.2em;
	}

.postbottom {
	background: url(images/post_bottom.png) no-repeat;
	display: block;
	height: 30px;
	margin-top: -1em;
	}

a.title {
	font-family: 'IM Fell DW Pica', 'Museo', Verdana, Arial;
	font-size: xx-large;
	text-transform: lowercase;
	text-align: left;
	}
	
div.date {
	font-family: 'IM Fell DW Pica', 'Museo', Verdana, Arial;
	font-size: large;
	text-align: right;
	margin-top: -1.5em;
	}
	
div.entry {
	}
	
p.postmetadata {
	text-align: right;
	font-size: small;
	}

img.alignright {
	float: right;
	margin-left: 1em;
	}

img.smallimg {
	width: 160px;
	height: 120px;
}

img.size-thumbnail {
	width: 100px;
	height: 100px;
}

/* COMMENTAAR OPMAAK */

.commentsmiddle{
	background: url(images/post_middle.png) repeat-y;
	padding: 0px 25px;
	}
		
.commentstop {
	background: url(images/post_top.png) no-repeat;
	display: block;
	height: 30px;
	margin-bottom: -1.2em;
	}

.commentsbottom {
	background: url(images/post_bottom.png) no-repeat;
	display: block;
	height: 30px;
	margin-top: -1em;
	}	
.commentmetadata {
	float: right;
	}

.commentmetadata img {
	}
	
.logindetails {
	margin-top: -1em;
	}
	
.even, .oneven {
	padding: 0.3em 1em;
	margin-right: 1em;
	}
	
.even {
	background: #ddddee;
	}
	
.oneven {
	background: #ddddff;
	}
			
/* <MENU LINKS:> */

	a .alt {display:		none;}
	
	a:link, a:visited {
		color: #4d5369;
		}
		
	a:hover, a:active { 
		color: black;
		}
	
	a.title, #sidebar a {
		text-decoration: none;
	}
	
	a#headerlink {
		display: block;
		float: right;
		width: 680;
		height: 200;
		overflow: hidden;
		}

	a#menubericht, a#menuhome, a#menuimages, a#menumovies, a#menuinteractive, a#menume{
		display:			block;
		overflow:			hidden;
		position: 			fixed;
		z-index: 			10;
	}
	
	a#menubericht		{ width: 150px;	height: 50px; left: 125px; bottom: 305px;}
	a#menuimages		{ width: 120px;	height: 47px; left: 50px; bottom: 265px;}
	a#menumovies	 	{ width: 150px;	height: 50px; left: 170px; bottom: 240px;}
	a#menuinteractive 	{ width: 200px;	height: 52px; left: 70px; bottom: 200px;}
	a#menume			{ width: 60px;	height: 50px; left: 55px; bottom: 150px;}
	
	a#menubericht:link, a#menubericht:visited{background:					url(images/menusigns.png) 0px 0px no-repeat;color:black;}
	a#menubericht:hover, a#menubericht:active{background:					url(images/menusigns.png) -200px 0px no-repeat;color:black;}
	
	a#menuimages:link, a#menuimages:visited{background:					url(images/menusigns.png) 0px -50px no-repeat;color:black;}
	a#menuimages:hover, a#menuimages:active{background:					url(images/menusigns.png) -200px -50px no-repeat;color:black;}
	
	a#menumovies:link, a#menumovies:visited{background:					url(images/menusigns.png) 0px -100px no-repeat;color:black;}
	a#menumovies:hover, a#menumovies:active{background:					url(images/menusigns.png) -200px -100px no-repeat;color:black;}
	
	a#menuinteractive:link, a#menuinteractive:visited{background:					url(images/menusigns.png) 0px -150px no-repeat;color:black;}
	a#menuinteractive:hover, a#menuinteractive:active{background:					url(images/menusigns.png) -200px -150px no-repeat;color:black;}
	
	a#menume:link, a#menume:visited{background:					url(images/menusigns.png) 0px -200px no-repeat;color:black;}
	a#menume:hover, a#menume:active{background:					url(images/menusigns.png) -200px -200px no-repeat;color:black;}


/*		
	a#headerlink:link, a#headerlink:visited {background: url(images/headerimg2.png) -260px 0px no-repeat; color: black}
	a#headerlink:hover, a#headerlink:active {background: url(images/headerimg2.png) -1220px 0px no-repeat; color:black}
*/	
	
/*
	a#menubericht, a#menuhome, a#menuimages, a#menumovies, a#menuinteractive, a#menume{
		display:			block;
		width:				240px;
		height:				50px;
		overflow:			hidden;
	}
	
	a#menubericht:link, a#menubericht:visited{background:					url(images/button_bericht.png) 0px 0px no-repeat;color:black;}
	a#menubericht:hover, a#menubericht:active{background:					url(images/button_bericht.png) -241px 0px no-repeat;color:black;}
	
	a#menuimages:link, a#menuimages:visited{background:					url(images/button_beeld.png) 0px 0px no-repeat;color:black;}
	a#menuimages:hover, a#menuimages:active{background:					url(images/button_beeld.png) -240px 0px no-repeat;color:black;}
	
	a#menumovies:link, a#menumovies:visited{background:					url(images/button_beweging.png) 0px 0px no-repeat;color:black;}
	a#menumovies:hover, a#menumovies:active{background:					url(images/button_beweging.png) -240px 0px no-repeat;color:black;}
	
	a#menuinteractive:link, a#menuinteractive:visited{background:					url(images/button_interactie.png) 0px 0px no-repeat;color:black;}
	a#menuinteractive:hover, a#menuinteractive:active{background:					url(images/button_interactie.png) -240px 0px no-repeat;color:black;}
	
	a#menume:link, a#menume:visited{background:					url(images/button_me.png) 0px 0px no-repeat;color:black;}
	a#menume:hover, a#menume:active{background:					url(images/button_me.png) -240px 0px no-repeat;color:black;}
*/	
		
/* </MENU LINKS>*/

