/*
Theme Name: Paul Ram 1.0
WEBSITE URL: http://paulram.nl/
Description: Portfolio website & Blog
Author: Paul Ram
Version: 1.0
Tags: Paul Ram Concept & Creatie
*/


/* --------------------------------------------------------------

   Created by Paul Ram
   http://www.paulram.nl
   
-------------------------------------------------------------- */

* html a:hover{visibility:visible}

 a{
		color:#eca101;
		text-decoration:none;
		outline: 0;
	}
	
a:hover{	
		color:#3b3b3b;
	}

img {
	border:0px;
}

body{
		font-family:verdana ,arial, sans-serif;
		font-size:12px;
		text-align:center;
		background:#dfdbdb;
		margin:0px;
		padding:0px;
		color:#3b3b3b;
		line-height:16px;
	}
	
	/* LAYOUT */
	
	div#container{	
		width:1000px;
		height:auto;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		background-color:#dfdbdb;
	}

	div#header{	
		width:1000px;	
		background-color:#fff;
		height:auto;
		overflow:hidden;
		color:#000;
	}
	
	div#header-left{	
		background-color:#fff;
		float:left;		
		width:400px;
		height:100px;
		margin:10px 0px 0px 0px;
		background-image:url('http://webdesignnijkerk.eu/rick/wp-content/themes/twentyten/images/paulramnl.jpg');
		background-repeat:no-repeat;
		
	}
	
	div#header-right{	
		background-color:#fff;
		float:right;
		font-weight:bold;
		padding:30px 20px 10px 10px;
		color:#676767;
	}
	

	div#menu{	
		width:1000px;	
		background-color:#868686;
		height: 35px;
		margin: 0px 0px 0px 0px;
		clear:both;
	}	
	
	ul.menu,
	.menu ul {	
		top:10px;
		position:relative;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		list-style-type:none;
		
	}	
	
	li.menu,
	.menu li{	
		display:inline;
		background:#868686;
		list-style-type:none;
		padding: 0px;
		margin: 0px;
		color:#fff;
	}
	
	.menu li a{	
		background:#868686;
		height:30px;
		border-right:1px solid #fff;
		padding: 10px 10px 10px 10px;
		margin:0px -4px 0px 0px;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	
	.menu li a:hover{	
		background:#fcad04;
		height:30px;
		border-right:1px solid #fff;
		padding: 10px 10px 10px 10px;
		margin:0px -4px 0px 0px;
	}
	
	.menu li.current_page_item a{
		background-color:#fcad04;
		height:30px;
		border-right:1px solid #fff;
		padding: 10px 10px 10px 10px;
		margin:0px -4px 0px 0px;
	}
	
	div#menu-kruimels{	
		width:990px;	
		background-color:#fff;
		height:45px;
		padding-left:10px;
		line-height:45px;
	}	
	
	div#menu-kruimels a{
		color:#eca101;
		text-decoration:none;
	}
	
	div#menu-kruimels a:hover{	
		color:#3b3b3b;
	}
	
	div#slider{	
		width:980px;	
		background-color:#fff;
		height:auto;		
		overflow:hidden;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 10px 10px;	
	}
	
	div#slider h1 {
		line-height:40px;
		padding:0px;
		margin:0px;
		text-align:left;
		font-size:16px;
		color:#3b3b3b;
	}
	
	div#slider  a{
		color:#000;
	}
	
	div#slider a:hover{
		color:#eca101;
	}
	
	.slider-inside{	
		width:958px;
		background-color:#fff;
		border:1px solid #e0dddd;
		min-height:170px;
		height:auto;
		margin-right:10px;
		float:left;
		text-align:left;
		padding:10px;
	}	
	
	.slider-inside p {
	padding:5px 0px 5px 0px;
	
	}
	

	div#content{	
		width:980px;	
		background-color:#fff;
		height:auto;
		overflow:hidden;
		padding:0px 10px 0px 10px;

	}
	
	div#recensieentwitter{	
		width:980px;	
		background-color:#fff;
		height:auto;
		overflow:hidden;
		padding:0px 10px 10px 10px;

	}
	
	.content1{	
		width:320px;
		background-color:#fff;
		min-height:200px;
		height:auto;
		margin-right:10px;
		float:left;
		text-align:left;
	}	
	
	.content2{	
		width:320px;
		background-color:#fff;
		min-height:200px;
		height:auto;
		margin-right:10px;
		float:left;
		text-align:left;
	}	
	
	.content3{	
		width:320px;
		background-color:#fff;
		min-height:200px;
		height:auto;
		float:left;
		text-align:left;
	}
	
	.border {
	min-height:150px;
	}
	
	.border{
		margin: 0px  0px  10px  0px;
		padding: 10px;	
		border:1px solid #e0dddd;
	}
	
	.content1 h1 {
		top:0px;
		left:0px;
		width:310px;
		background-color:#fcad04;
		height:40px;
		line-height:40px;
		padding: 0px 0px 0px 10px;
		margin:0px;
		text-align:left;
		font-size:16px;
	}
	
		.content2 h1 {
		top:0px;
		left:0px;
		width:310px;
		background-color:#fcad04;
		height:40px;
		line-height:40px;
		padding: 0px 0px 0px 10px;
		margin:0px;
		text-align:left;
		font-size:16px;
	}
	
		.content3 h1 {
		top:0px;
		left:0px;
		width:310px;
		background-color:#fcad04;
		height:40px;
		line-height:40px;
		padding: 0px 0px 0px 10px;
		margin:0px;
		text-align:left;
		font-size:16px;
	}
	
	.recensies{	
		width:650px;
		background-color:#fff;
		min-height:170px;
		height:auto;
		margin-right:10px;
		float:left;
		text-align:left;
	}

	.recensies h1{	
		top:0px;
		left:0px;
		width:640px;
		background-color:#dfdbdb;
		height:40px;
		line-height:40px;
		padding: 0px 0px 0px 10px;
		margin:0px;
		text-align:left;
		font-size:16px;
	
	}		
		
	.border-recencies{
		margin: 0px  0px  0px  0px;
		padding: 10px;	
		border:1px solid #e0dddd;
		display:block;
		min-height:220px;
		height:auto;
	}
	
	.twitter{	
		width:320px;
		background-color:#fff;
		min-height:170px;
		height:auto;
		float:left;
		text-align:left;
	}	
	
	.twitter h1 {
		top:0px;
		left:0px;
		width:310px;
		height:40px;
		line-height:40px;
		padding: 0px 0px 0px 10px;
		margin:0px;
		text-align:left;
		font-size:16px;
		background-color: #3cceff;
	}
	
	.border-twitter  {
		margin: 0px  0px  0px  0px;
		padding: 10px;	
		border:1px solid #e0dddd;
		display:block;
		min-height:210px;
		height:auto;
		}

	
	
	div#footer{	
		width:1000px;	
		height:auto;
		overflow:hidden;
		background-color:#4a4949;
	}
	

	.footer-left {
		list-style:none;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.footer-left li {
		width:200px;
		border-top:1px solid #4a4949;
		background-color:#fff;
	}
	
	.footer-left li a{
		padding:5px 5px 5px 5px;
		color:#3b3b3b;
		width:200px;
		background:#fff;
		font-weight:bold;
		display:block;
	}
	
	.footer-left li a:hover{
		padding:5px 5px 5px 5px;
		color:#3b3b3b;
		width:200px;
		background:#fcad04;
		font-weight:bold;
		display:block;
	}
	
	div#paginas {
		float:left;
		width:330px;
	}
	
	div#footermidden {
		float:left;
		width:330px;
	}
	
	div#footerright {
		float:left;
		width:330px;
	}
	
	.footerkop {
		display:block;
		margin:20px 10px -20px 40px; 
		color:#fff; 
		font-size:14px;
		font-weight:bold;
	}
	
	div#eind {
		text-align:center;
		height:45px;
		line-height:45px;
	}	
	
	div#eind h1{
		font-size:12px;
		background:#dfdbdb;
	}	
	

	.slider-inside ul {
	margin: 10px 10px 10px 20px;
	padding:0px;
	
	}

/*	FEATURED IMAGE */

.attachment-post-thumbnail  {

}

.wp-post-image {
margin-right:20px;
	}
	
/*BREADCRUMBS*/

#breadcrumbs	 {
margin-top:0px;
}
	
/* MOUSEOVER BLOG PAGINA  */

.blog {
position:relative;
top:100px;
left:0px;
height:73px;
width:47px;
float:right;
z-index:2;
margin:0px -47px 0px 0px;
background-image:url(http://webdesignnijkerk.eu/rick/wp-content/themes/twentyten/images/blog-aan.jpg);
}

.blog a {display:block}
.blog img {width:100%; height:100%}
.blog a:hover img {visibility:hidden;}

/* MOUSEOVER BEDRIJFSWEBLOG STARTEN PAGINA  

.bedrijfsweblog {
position:relative;
top:200px;
left:10px;
height:206px;
width:55px;
float:right;
z-index:3;
margin:0px -47px 0px 0px;
background-image:url(http://webdesignnijkerk.eu/rick/wp-content/themes/twentyten/images/bedrijfs-weblog-starten-aan.jpg);
}

.bedrijfsweblog a {display:block}
.bedrijfsweblog img {width:100%; height:100%}
.bedrijfsweblog a:hover img {visibility:hidden;}

MOUSEOVER ONLINEPROFILERING PAGINA 

.onlineprofilering {
position:relative;
top:1000px;
left:0px;
height:174px;
width:55px;
float:right;
z-index:1;
margin:0px -47px 0px 0px;
background-image:url(http://webdesignnijkerk.eu/rick/wp-content/themes/twentyten/images/online-profilering-aan-aan.jpg);
}

.onlineprofilering a {display:block}
.onlineprofilering img {width:100%; height:100%}
.onlineprofilering a:hover img {visibility:hidden;} */

/* BLOG MENU */

	#blog-menu {
	 font-family: verdana, Arial, sans-serif;
	 font-size: 11px;
	 font-weight: bold;
	 padding: 0;
	 margin-bottom: 1em;
	 margin-top:0px;
	 color: #fff;
	}

	#blog-menu ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	}

	#blog-menu ul li {
	 margin: 0;
	 border-bottom: 2px solid #fff;
	 
	}

	#blog-menu ul li a {
	 display: block;
	 padding: 2px 2px 2px 4px;
	 background-color: #868686;
	 color: #fff;
	 text-decoration: none;
	 width: 100%;
	}
	
	#blog-menu .current-cat a{
	 background-color: #FCAD04;
	}

	html>body #blog-menu ul li a {
	 width: auto;
	}

	#blog-menu ul li a:hover {
	 background-color: #FCAD04;
	 color: #fff;
	}	
		
 .mc_signup_submit {
	margin:-38px 60px 0px 0px;
	left: 0px;
	top: 0px;
	float:right;
 
 }
	
/* SITEMAP PLUGIN UITSCHAKELEN LOVE*/	
	
 .ddsg-wrapper p{ display:none;}
 
 /* SHARING PLUGIN */


 .shr-bookmarks {float:left; padding:0px;margin:0px;}
 
 .socials { margin:0px; padding:0px;}
 
 /* SETH GODIN FIREST TIME*/
 
 .first-time { 	
		width:1000px;	
		background-color:#FFF;
		height: 25px;
		line-height:25px;
		margin: 0px 0px -15px 0px;
		padding:0px 0px 0px 10px;
		clear:both;
		color:red;
	}	
	
/* NIEUWSBRIEF PAGINA FORMULIER AANMELDEN */

.nieuwsbrief-aanmelden {
	width:245px;
	height:190px;
	padding: 0px;
	margin:0px;
	float:right;
	border:1px solid #e0dddd;
}

.nieuwsbrief-aanmelden ul {
	padding:0px;
	margin:0px;
	}
	
.nieuwsbrief-aanmelden .mc_signup_submit{
	padding:0px;
	margin-top:10px;
	float:left;
}

div#related-posts h2 {
	font-size:14px;

}