/*
Theme Name: Moker-wide-3
Theme URI: http://mokerontwerp.nl
Author: Thomas Drucker
Author URI: http://mokerontwerp.nl/
*/
/*
wrapper = 16 columns van 60 px = 960px = na aftrek van gutters 940px
content = 12 columns van 60 px = 720px = na aftrek van gutters 700px
sidebar = 3 columns van 60 px = 180px = na aftrek van gutters 160px
previewbeeld= 6 columns van 60 px = 360px = na aftrek van gutters 340px
previewtekst = 6 columns van 60 px = 360px = na aftrek van gutters 340px
thumbnailbeeld = 3 columns van 60 px = 180px = na aftrek van gutters 160px

bovenbalk=#1d1d1d

logo,kopjes,datum=#1d1d1d



*/

/* Universal Selectors
----------------------------------------------------------------------------- */

	*  {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}
		
	ul {
		list-style-type: none;
		}
	
	* a:link, * a:visited, * a:active {
		text-decoration: none;
		color: #e1001a;
		outline: none;
		}
		
	* a:hover {
		text-decoration: underline;
		
		cursor: pointer;
		
		/* works well for onclick anchors */
		}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}
		
	em {
		font-style: italic;
		
	}
	h1,h2,h3,h4 {
		font-family:Georgia,serif;	
		color:#8c8c8c;
	}
	h3,h4{
		color: #1d1d1d;
		
		line-height: 20px;
	}	
	h2{	
		
		color: #1d1d1d;
		font-size: 1.3em;
	
	}
	h4{
		font-weight: normal;
		font-size: 1.2em;
	}
	h5{
		font-weight: normal;
		color:#000000;
		font-size: 1.1em;

	}
    

/* Structure
----------------------------------------------------------------------------- */
	
	html { 
		margin-bottom: 0.1em;
		
		height:100%;
		}

	body {
	
	background-color: white;

		font-size:62.5%;
    	line-height:20px;
		font-family:Arial,sans-serif;
		text-align: left;
		color: #444;
		height:100%;
				
		}
	#topline {
	height:90px;
	
	}
	#mainwrapper {
	width: 1040px;
	margin: 0px auto -100px;
	background-color: white;
	
	}
	#wrapper {
		/*background: url(/mokerwp/wp-content/beelden/baseline.png) repeat scroll ;*/
		font-size:1.2em;
		width: 960px;
		margin: 0px auto -30px;
		min-height:100%;
		height:auto !important;
		height:100%;
		text-align: left;
		background-color: white;
		

		}
	#push {
		height:30px;
		}
	#header {
		
		height:120px;
		
		
		}

	#main {
		width: 960px;
		padding: 0px 0 0px 0px;

		}

	#content {
		float:left;
		width: 700px;
		padding-bottom: 20px;
		

		}
		
	#sidebar {
		float: right;
		width: 160px;
		margin-right:10px;
		
		}
		
	#footer {
		height:30px;
	
		clear: both;
	
		}
	.clear{
		clear:both;
	}


	/* Header
	----------------------------------------------------------------------------- */
		#header {
   		font-family:Georgia,serif;	
		color:#8c8c8c;
    	font-weight: normal;
    	letter-spacing: 7px;
    	line-height: 10px;
    	
    	
    	}
    	#home-link {


		background: url(/mokerwp/wp-content/beelden/mokerontwerpt/balloonlogooldschool.png) no-repeat scroll ;
		display:block;
		height:79px;
		position:absolute;
		text-indent:-9999px;
		top:28px;
		width:256px;
		
		margin-left: -8px;
		}
		#conceptencreatie{
		width:179px;
		height: 23px;
		background:transparent url(/mokerwp/wp-content/beelden/mokerontwerpt/conceptencreatie.jpg) no-repeat scroll ;
		float: right;
		margin-right: 80px;
		margin-top: 79px;
		}
		
		#masthead{
		
		margin-left:10px;
		width:940px;
		height:110px;
		border-bottom:3px #000000 solid;	
		
		}
		#mail{
		float: right;
		width:160px;
		height:24px;
		margin-top: 79px;
		}
		#mailbutton{
		
		width: 86px;
		height:24px;
		background:transparent url(/mokerwp/wp-content/beelden/mokerontwerpt/mail.png) no-repeat scroll ;
		float: left;
		}
		#mailbutton:hover{
		background:transparent url(/mokerwp/wp-content/beelden/mokerontwerpt/mail_hover.png) no-repeat scroll ;

		}		
		
		
		form#searchform {
			float:right;
		}
			
			
	/* Content
	----------------------------------------------------------------------------- */
	.vergroot{
	float:right;
	
	}
	#mokerad{
	width:700px;
	margin-left: 10px;
	
	padding-top: 10px;
	
	
	
	background: url(/mokerwp/wp-content/beelden/dashedline_700.png) no-repeat;
	background-position: top;
	
	}
	#mokerad img{
	background: url(/mokerwp/wp-content/beelden/dashedline_700.png) no-repeat;
	background-position: bottom;
	padding-bottom: 11px;
	padding-top: 12px;
	
	}
	#content-label{		
		width:940px;
		height:50px;
		float:left;
		margin-left: 10px;
		/*border:1px solid #000000;*/		
	}
	#content-label h2{
		/*border:1px solid #000000;*/
		line-height: 20px;
		margin-top:14px;
		
	}
	h3#recent {
	padding-bottom:5px;

	
	padding-top:6px;
	background: url(/mokerwp/wp-content/beelden/dashedline_640.png) no-repeat;
	background-position: top;
	
	}
	h3#geselecteerd {
	padding-bottom:5px;

	
	padding-top:6px;
	background: url(/mokerwp/wp-content/beelden/dashedline_640.png) no-repeat;
		background-position: top;
	
	}
	#content #recent-posts {
	float:left;
	width:720px;
	
	}
	#content #recent-posts h3{
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 10px;	
	}
	#content #selected-posts h3{
	padding-top: 5px;
	padding-bottom: 5px;
		
	}
	#content .datum {
	float: right;
	font-size: .8em;
	color:#aaaaaa;
	}
	#content .post .datum {
	margin-top: -5px;
	
	}
	#content #recent-posts .kop {
	float:left;
	width:160px;
	margin-top: 0px;
	
	}
	#content #recent-posts .kop h3{
	padding-left: 0px;
	margin-top: -10px;
	}
	#content #recent-posts .datum{
	margin-top:-4px;
	
	}
	#content #recent-posts .tekst {
	width:220px;
	}
	#content #recent-posts .excerpt {
	width:220px;
	margin-top: -5px;
	}
	#content #selected-posts {
	float:right;
	width:400px;
	margin-right:-10px;
	}
	#content .post-selected .excerpt {
	width:400px;
	}
	#content .post-selected .kop {
	margin-top: 0px;
	}
	#content .post-recent {
	padding-bottom:14px;
	width:220px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top:11px;
	background: url(/mokerwp/wp-content/beelden/dashedline_220.png) no-repeat;
		background-position: top;
	
	}
	#content .post-selected {
	padding-bottom:14px;

	
		padding-top:11px;
	background: url(/mokerwp/wp-content/beelden/dashedline_400.png) no-repeat;
		background-position: top;

	}
	#content .post {
		float : left;
		
		padding-top:20px;
		margin-bottom: 10px;
		
		width:700px;

		margin-left:10px;
		background: url(/mokerwp/wp-content/beelden/dashedline_700.png) no-repeat;
		background-position: top;

			
		}
		
		#content .tekst {
			margin-right:10px;

			float : left;
			width: 280px;
						
		}
		#content .tekst p{
			padding-bottom: 20px;
						
		}
		#content .kop {
			
			float : left;
			
			margin-top:-5px;			
		}
		#content .excerpt {
			float : left;
			width: 280px;
			padding-top:1px;
		}
		.verder{
		font-size: .8em;
			text-transform: uppercase;	
			color: #e1001a;
			margin-top:1px;
		}
		
		.arrows{
			color: #e1001a;
		}
			/* pages
	--------------------------------------------- */
	#content .post-page {
		float : left;
		
		margin-bottom: 10px;
		padding-bottom:10px;
		width:700px;
		margin-left:10px;
			
	}
	#content #voorwaarden{
		background: url(/mokerwp/wp-content/beelden/dashedline_640.png) no-repeat;
		padding-top:17px;
		

	}
	#content #voorwaarden ul{
	padding-top: 0px;
	}
	#content #voorwaarden li{
	text-indent: -2.2em;
	padding-left: 2.2em
	}
	#content #voorwaarden p{

	padding-left: 2.2em
	}
	#content .post-page p{
	padding-bottom: 13px;
	}
	#column1 {
		width:280px;
		float:left;
	}
	#column2 {
		width:340px;
		float:right;
	}
	#column1 h3{
		width:280px;
		background: url(/mokerwp/wp-content/beelden/dashedline_340.png) no-repeat;
		padding-top:17px;
	
	}
	#column2 h3{
		width:340px;
		background: url(/mokerwp/wp-content/beelden/dashedline_340.png) no-repeat;
		padding-top:17px;
	}
	#column2 img{
		width:340px;
		background: url(/mokerwp/wp-content/beelden/dashedline_340.png) no-repeat;
		padding-top:21px;
		padding-bottom:6px;
	}
	
					
	/* Previews
	--------------------------------------------- */
	
				
		#content .previmg{
			width: 400px;
			
			float : right;
			padding-bottom: 10px;
			
		}
		#content .previmg-recent{
			width: 220px;
			
			float : right;
			padding-bottom: 10px;
			
		}
		 #homepage .previmg{
		
		}

		#content .post-news {
			float:left;
			width: 700px;
			padding-bottom: 10px;
			border-bottom: 1px solid #000000;
			margin-bottom: 10px;
			margin-left:10px;
		}
		#content .post-news .kop{
		float:left;

		}
		
		#content .previmg img{
		float:right;	
		}
		

			
	/* Posts single
	--------------------------------------------- */
		
		#content .singlepost img {
			
			margin-left: auto;
			margin-right: auto;
			
		}
		#content .singlepost .subcase{
		float : left;
		
		padding-top:21px;
		margin-bottom: 10px;
		padding-bottom:10px;
		margin-left:10px;

		width:700px;
		background: url(/mokerwp/wp-content/beelden/dashedline_700.png) no-repeat;
		background-position: top;
		}
		
		#content .singlepost .enkelepost{
		float : left;
		
		padding-top:20px;
		margin-bottom: 10px;
		padding-bottom:10px;
		margin-left:10px;

		width:700px;

		background: url(/mokerwp/wp-content/beelden/dashedline_700.png) no-repeat;
		background-position: top;
		
		}
		
		#content .singlepost .tekst {
			width:280px;
			float:left;
			margin-top:-4px;
			
			
		}
		
		#content .singlepost .plaatjes{
		width:400px;
		float:right;
			
		}
		#content .singlepost .plaatje {
			margin-bottom:20px;
			float:left;
			width:400px;
			
		}
		
		#content .singlepost .reeks {
		margin-bottom:20px;
		}
		
		#content .singlepost .bijschrift {
			background: url(/mokerwp/wp-content/beelden/dashedline_400.png) no-repeat;
		background-position: bottom;
			padding-bottom:10px;
							
		}
	
		
			

/* Sidebar
	----------------------------------------------------------------------------- */
	
		h1#logo{
			margin-top: 10px;
			text-indent: -9000em;
			background: url(/mokerwp/wp-content/beelden/mokerlogorood.png) no-repeat;
			width:50px;
			height: 50px;
			
		}
		
		#sidebar #menu{
       		
        }
        #sidebar #categories{
       		 padding-top:6px;
       		 padding-bottom:4px;
        }
         #sidebar #pagemenu{
       		 padding-top:6px;
       		 padding-bottom:4px;
        }

       .menupart{
       background: url(/mokerwp/wp-content/beelden/dashedline_160.png) no-repeat;
       }
        #werk{
        width:55px;
        height: 20px;
        background: url(/mokerwp/wp-content/beelden/mokerontwerpt/werk.png) no-repeat;
        background-position: bottom;
        text-indent:-9999px;
       padding-top: 10px;
      
        }
        #info{
        width:42px;
        height: 20px;
        background: url(/mokerwp/wp-content/beelden/mokerontwerpt/info.png) no-repeat;
         background-position: bottom;

        text-indent:-9999px;
       padding-top: 10px;
      

        }
		#sidebar ul li a {
           
            width:220px;
            height:50px;
            font-family:Arial, sans-serif;
            
            }
        #sidebar #adres{
        	background: url(/mokerwp/wp-content/beelden/dashedline_160.png) no-repeat;
			color:#444444;
         	padding-top:7px;
         	padding-bottom: 3px;
        } 
        
         #sidebar #adres a{
        color:#444444;
        }  
        
        #sidebar #menu a{
        color:#444444;
        }  
        #sidebar #flickr{
        	padding-top: 13px;
        	width: 160px;
        	background: url(/mokerwp/wp-content/beelden/dashedline_160.png) no-repeat;
        	
        }    
        
        #mokertje{
        padding-top: 20px;
        } 
            
			/* Footer
	----------------------------------------------------------------------------- */
		
		#footer  {
		
		
		
		
		
		
		}	
		#onderlogo{
		background: url(/mokerwp/wp-content/beelden/mokerontwerpt/logo.png) no-repeat;
		width:28px;
		height:28px;
		float:right;
		margin-top:10px;
		}
		#copyright{
		float:right;
		font-size: 0.95em;
		height:32px;
		margin-top: 6px;
		
		}
		#footerbalk{
		margin: 0 auto;
		width:940px;
		height:10px;
		font-size: 1.2em;
		color: #444444;
		background: url(/mokerwp/wp-content/beelden/dashedline_940.png) no-repeat;
		/*border-top: 1px #000000 solid;*/
		}
		
/* Lists
----------------------------------------------------------------------------- 

	#content ul, #content ol {
		
		padding: 15px 0 15px;
		}

	#content ul li a, #content ol li a {
		line-height: 2.5em;
		}

	#content .post ol {
		padding-left: 25px;
		*padding-left: 30px;
		}
		
	#content .post ul li {
		padding-left: 20px;
		background: url(images/bullet.gif) center left no-repeat;		
		}

*/

		
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

		
/* Caousel
----------------------------------------------------------------------------- */
#carousel{
	width:700px;
	height:351px;
	background: url(/mokerwp/wp-content/beelden/dashedline_700.png) no-repeat;
	background-position: bottom;
	margin-left: 10px;
}
.jcarousel-skin-moker .jcarousel-container {
	width:700px;
	height:340px;
    
    padding-top: 20px;
    background: url(/mokerwp/wp-content/beelden/dashedline_700.png) no-repeat;
	background-position: top;
}
	
.jcarousel-skin-moker .jcarousel-clip-horizontal{
width:700px;
height:340px;
	
}
.jcarousel-skin-moker .img{

}
.jcarousel-skin-moker .slideWrapper{
width:700px;
}
.jcarousel-skin-moker .bijschrift{
height:20px;
margin-top: 6px;
float:right
}
.jcarousel-skin-moker .bijschrift img{
	margin-top: -6px;
}
.jcarousel-skin-moker .jcarousel-next-horizontal {
    position: absolute;
    bottom: 15px;
    left: 25px;
    width: 25px;
    height: 20px;
    cursor: pointer;
    background:  url(/mokerwp/wp-content/beelden/carousel/next-horizontal.gif) no-repeat 0 0;
}
.jcarousel-skin-moker .jcarousel-next-horizontal:hover {
    background-position: -25px 0;
}

.jcarousel-skin-moker .jcarousel-next-horizontal:active {
    background-position: -50px 0;
}

.jcarousel-skin-moker .jcarousel-prev-horizontal {
    position: absolute;
  	bottom:15px;
    left: 0px;
    width: 25px;
    height: 20px;
    cursor: pointer;
    background:  url(/mokerwp/wp-content/beelden/carousel/prev-horizontal.gif) no-repeat 0 0;
}
.jcarousel-skin-moker .jcarousel-prev-horizontal:hover {
    background-position: -25px 0;
}

.jcarousel-skin-moker .jcarousel-prev-horizontal:active {
    background-position: -50px 0;
}