/*  
Theme Name: Martha Benedikte
Theme URI: http://www.bballcity.com/download/themes/simply-basic/
Description: Martha's wordpress theme by Sjoerd Koelewijn
Version: 1
Author: Sjoerd Koelewijn
Author URI: http://www.sjoerdkoelewijn.nl

The CSS, XHTML is released under a Creative Commons License
http://creativecommons.org/licenses/by/2.5/
*/


/*
1. Universal Declarations
2. Structure
	2.1. Header
	2.2. Content
	2.3. Comments
	2.4  Sidebar
	2.5  Footer
3. Lists
4. Headings
5. Images
6. Forms
7. Page Specific
8. Extras
*/


/* 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: #333;
		outline-style: none;
		
		}
		
	* a:hover {
		color: #2666b6;
		cursor: pointer;
		/* works well for onclick anchors */
		}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}
		
		    img.aligncenter {
		    display: block;
		    margin: auto;		    
		    }
		
		    img.alignright {
		    padding: 0px;
		    margin: 0 0 0px 5px;
		    display: inline;
		    }
		
		    img.alignleft {
		    padding: 0px;
		    margin: 0 5px 0px 0;
		    display: inline;
		    }
		
		    .alignright {
		    float: right;
		    }
		    
		    
		    .alignleft {
		    float: left;
    }





/* Structure
----------------------------------------------------------------------------- */
	
	html { 
		margin-bottom: 0.1em;
		background: #fff;
		}

	body {
		font-size: 62.5%; /* Sets the page font to 10px */
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align: center;
		color: #444;
		
		}
		
	.top {
		background: #eee;
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
		font-size: 1.1em;
		}

	#wrapper {
		position:relative;
		width: 1000px;
		margin-top:0px;
		
		margin-left:0px;
		padding: 0px;
		text-align: left;
		font-size: 1.1em;
		overflow:hidden;
		}
		
	#main {
		padding: 0px 0 0;
		
		}

	#content {
		float:left;
		width: 1000px;
		padding: 1px 0 0px;
		border: 1px solid #fff;
		}
		
	#contenthome {
		width: 1000px;
		margin-top:40px;
		
		}
		
	#sidebar {
		float: right;
		width: 210px;
		padding: 1px 0 60px;
		border: 1px solid #fff;
		}
		
	#footer {
		clear: both;
		width:1000px;
		margin-bottom:10px;
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}





	/* Header
	----------------------------------------------------------------------------- */
	
		#header {
		margin-left:0px;
		margin-bottom:0px;
		}	
		
		
		#headertext {
					
			position:absolute;
				
			margin:0px;
			padding:0px;
			
			width:1000px;
			
   			height:101px
			
			}
		
		a.headertext {
			width:1000px;
			height:101px;
			background:url(/elements/header.jpg) no-repeat;
			display:block;
			}
		
		a.headertext span{
			display:none;
					
			}		
		
	
			
				
	/* Content
	----------------------------------------------------------------------------- */
	
		.cat_wrap {
			width:230px;
			margin-right:20px;
			margin-top:0px;
			display:block;
			float:left;
			
			
		}
		
		#post_title_right{
			
			margin-top:-10px;
			
			margin-left:0px;
			}
		
		
		#content p a, #content .metadata a {
			color: #06c;
			padding-bottom: 2px;
			border-bottom: 1px solid #ddd;
			}
	
		#content p a:hover, #content .metadata a:hover {
			
			}
			
		#content p a:visited, #content .metadata a:visited {
			color: #2666b6;
			}
	
		#content p {
			font: 1em/2em Verdana, Arial, Sans-Serif;
			color: #444;
			
			}
	
		#content p, #content h3, #content blockquote {
			margin-bottom: 1.5em;
			line-height:18px;
			}
	
		.post {
			width:1000px;
			margin-bottom:10px;
			
					
		}
		
		#content .post h3 {
			border-bottom: 1px solid #ccc;
			font: 1.2em "Lucida Grande", sans-serif;
			padding-top: 20px;
			text-transform: uppercase;
			
			}
			
		.cat_entry {
			width:230px;
			
			height:300px;
			margin-top:0px;
			margin-bottom:0px;
			
			border-bottom:1px solid #E5E5E5;
			}
			
		
		
		.cat_title {
			margin-top:0px;
			margin-left:850px		
			}
			
		.page_title {
			margin-top:0px;
			margin-left:850px		
			}
			
		.detail_title {
			margin-top:0px;
			margin-left:0px;		
			}
			
			
		
		.thumb_field {
			margin-top:-25px;
					
			}
		
		
		
			
				
		#content .entry {
			padding-top: 0px;
			margin-top:0px;
			overflow: hidden;
			}
	
		#content .metadata {
			display: block;
			padding: 10px 0 60px;
			}
			
		.thumbnail {
		display:block;
		width:230px;
		height:230px;
		overflow:hidden;
		}
	
	
	
	
	
	/* Comments
	----------------------------------------------------------------------------- */
	
		.commentlist {
			padding: 10px 0 10px 0;
			}
			
		#content .commentlist li.comment-item {
			margin: 5px 0;
			padding: 20px 15px 10px 15px;
			list-style-type: none;
			overflow: hidden;
			}
		#content .commentlist li.alt {
			background: #f8f8f8;
			border: 1px solid #ddd;
			padding: 15px 15px 0 15px;
			}
		
		.cmtinfo {
			padding-bottom: 1.0em;
			}
		
		.comment_number a {
			font: 3.2em Georgia, serif;
			float: right;
			padding-right: 10px;
			color: #d6d6d6;
			margin-top: -10px;
			}
			
		.comment_author {
			font-size: 1.4em;
			}
			
		h3#respond {
			display: block;
			padding-top: 15px;
			}
	
	
	
	
	
	/* Sidebar
	----------------------------------------------------------------------------- */
	
		#sidebar ul li.side {
			padding-bottom: 25px;
			}
			
		#sidebar div {
			line-height: 1.7em;
			}
			
		#sidebar h1 {
			display: block;
			padding: 0 0 10px;
			}
		
		#sidebar ul li a {
			line-height: 1.9em;
			}
			
		#sidebar ul li ul li ul {
			padding-left: 15px;
			}
			
		#sidebar ul li ul li ul li ul {
			padding-left: 30px;
			}
	
	
	
	
	
	/* Footer
	----------------------------------------------------------------------------- */
	
		#footerline {
			background:url(/elements/lijntje.jpg) no-repeat;
			width:1000px;
			height:50px;
			margin-top:0px;
			}
		
		
		
		#footer p {
			line-height: 2.2em;
			color:#bbb;
			}	

		#footer a{
			line-height: 2.2em;
			color:#bbb;
		}



/* Lists
----------------------------------------------------------------------------- */

	#content ul, #content ol {
		margin-bottom: 2.0em;
		}
	#content ul li, #content ol li {
		margin: 1.0em 0 1.0em 3.5em;
		}
	#content ul li ul {
		font-size: 1.0em;
		margin-bottom: 0;
		}
	#content ul li {
		margin-left: 3.0em;
		padding-left: 0.5em;
		list-style-type: circle;
		}
	#content ol li {
		list-style-type: decimal;
		}




/* Headings
----------------------------------------------------------------------------- */

	h1, h1 a{
		font-size: 15px;
		line-height: 20px;
		
		color: #666;
		font-weight: normal;
		font-family: "Bookman Old Style", serif;
		margin-bottom:5px;
		}
		
		
	h1 a:hover {
		color: #2666b6;
	}

	
	
	h2, h2 a {
		color: #666;
		font-size: 25px;
		line-height: 30px;
		margin-bottom:5px;
		
		font-weight: normal;
		font-family: "Bookman Old Style", serif
		}

	h2 a:hover {
		color: #2666b6;
	}



	h3 {
		font-size: 10px;
		}

	
		
		
		
		
		
/* Images
----------------------------------------------------------------------------- */

	#content img {
		padding: 0px;
		border: 0px solid #ccc;
		max-width: 1000px;
		display: block;
		margin: 0 auto;
		}

	#content img.none {
		border: 0;
		max-width: 90%;
		margin: 0 auto;
		}
		
	#content img.wp-smiley {
		border: 0;
		padding: 0;
		margin: 0;
		display: inline;
		/* For whenever one uses smileys in posts */
		}





/* Forms
----------------------------------------------------------------------------- */

	.searchform {
		width: 250px;
		float: left;
		text-align: right;
		}
		
		
		
		
		
/* Page Specific
----------------------------------------------------------------------------- */

	.last_20 li {
		line-height: 2em;
		}

	.archive_date {
		width: 100px;
		float: right;
		}
		
	/* This is if you use the current page-archives.php for your archives */
		
	.pagetitle {
		display: block;
		padding: 0 0 40px;
		margin-top:-50px
		
		}
					
			
			
			
			
/* Extras
----------------------------------------------------------------------------- */

	blockquote {
		border-left: 5px solid #eee;
		padding-left: 15px;
		}

	pre {
		margin-bottom: 1.5em;
		}
	code {
		font: 1.2em/1.8em "Courier New", Courier, mono;
		}

	.center {
		text-align: center;
		}

	hr {
		display: none;
		
		}
		
		
/* home
----------------------------------------------------------------------------- */		
		
			
		
		#works {
		
			float:left;
			
			width:600px;
		
		   	height:248px;
		   	
		   	  	
		}
		
		
		
		a.works { 
		
		        background:url(/elements/home_nav/works.jpg) repeat 0px 0px;
		
		        width:600px;
		
		   	height:248px;
		   	
		   	display:block;
		
		}
		
		
		
		a.works span { 
		
		        display:none; 
		
		}
		
		
		
		a.works:hover { 
		
		        background:url(/elements/home_nav/works.jpg) repeat 0px -248px;
		
		        
		
		}
		
		
		#crafts {
				
			float:left;

			width:400px;

			height:248px;


		}



		a.crafts { 

			background:url(/elements/home_nav/crafts.jpg) repeat 0px 0px;

			width:400px;

			height:248px;

			display:block;

		}



		a.crafts span { 

			display:none; 

		}



		a.crafts:hover { 

			background:url(/elements/home_nav/crafts.jpg) repeat 0px -248px;



		}
		
		
		
		
		#about {
						
			float:left;

			width:200px;

			height:124px;


		}



		a.about { 

			background:url(/elements/home_nav/about.jpg) repeat 0px 0px;

			width:200px;

			height:124px;

			display:block;

		}



		a.about span { 

			display:none; 

		}



		a.about:hover { 

			background:url(/elements/home_nav/about.jpg) repeat 0px -124px;



		}
		
		
		
		
		
		#cv {
								
					float:left;
		
					width:200px;
		
					height:124px;
		
		
				}
		
		
		
				a.cv { 
		
					background:url(/elements/home_nav/cv.jpg) repeat 0px 0px;
		
					width:200px;
		
					height:124px;
		
					display:block;
		
				}
		
		
		
				a.cv span { 
		
					display:none; 
		
				}
		
		
		
				a.cv:hover { 
		
					background:url(/elements/home_nav/cv.jpg) repeat 0px -124px;
		
		
		
		}
		
		
		
		
		
		#agenda {
								
					float:left;
		
					width:200px;
		
					height:124px;
		
		
				}
		
		
		
				a.agenda { 
		
					background:url(/elements/home_nav/agenda.jpg) repeat 0px 0px;
		
					width:200px;
		
					height:124px;
		
					display:block;
		
				}
		
		
		
				a.agenda span { 
		
					display:none; 
		
				}
		
		
		
				a.agenda:hover { 
		
					background:url(/elements/home_nav/agenda.jpg) repeat 0px -124px;
		
		
		
		}
		
		
		
		
		
		#contact {
								
					float:left;
		
					width:200px;
		
					height:124px;
		
		
				}
		
		
		
				a.contact { 
		
					background:url(/elements/home_nav/contact.jpg) repeat 0px 0px;
		
					width:200px;
		
					height:124px;
		
					display:block;
		
				}
		
		
		
				a.contact span { 
		
					display:none; 
		
				}
		
		
		
				a.contact:hover { 
		
					background:url(/elements/home_nav/contact.jpg) repeat 0px -124px;
		
		
		
		}
		
		
		
		
		#links {
								
					float:left;
		
					width:200px;
		
					height:124px;
		
		
				}
		
		
		
				a.links { 
		
					background:url(/elements/home_nav/links.jpg) repeat 0px 0px;
		
					width:200px;
		
					height:124px;
		
					display:block;
		
				}
		
		
		
				a.links span { 
		
					display:none; 
		
				}
		
		
		
				a.links:hover { 
		
					background:url(/elements/home_nav/links.jpg) repeat 0px -124px;
		
		
		
		}
		
		
		
		
		
		
		
		
		
/* Navigation on all pages (but index)
----------------------------------------------------------------------------- */		
		
		
		#pagenav {
			width:1000px;
			height:62px;
			margin-left:0px;
			margin-top:25px;
			//margin-top:35px;
			margin-bottom:20px;
			
		
		
		}
		
		
		
		a.homepage { 
				
				        background:url(/elements/pagenav.jpg) repeat -600px 0px;
				
				        width:100px;
							
				   	height:62px;
				   	
				   	display:block;
				   	
				   	float:left;
				   	
				
				}
				
				
				
				a.homepage span { 
				
				        display:none; 
				
				}
				
				
				
				a.homepage:hover { 
				
				        background:url(/elements/pagenav.jpg) repeat  -600px -62px;
				
				        
				
		}
		
		
		a.workspage { 
		
		        background:url(/elements/pagenav.jpg) repeat 0px 0px;
		
		        width:100px;
					
		   	height:62px;
		   	
		   	display:block;
		   	
		   	float:left;
		   	
		   	margin-left:190px;
		   	
		
		}
		
		
		
		a.workspage span { 
		
		        display:none; 
		
		}
		
		
		
		a.workspage:hover { 
		
		        background:url(/elements/pagenav.jpg) repeat  0px -62px;
		
		        
		
		}
		
		
		
		a.craftspage { 

			background:url(/elements/pagenav.jpg) repeat -100px 0px;
 			width:100px;
					
		   	height:62px;

			display:block;
			
			float:left;

		}



		a.craftspage span { 

			display:none; 

		}



		a.craftspage:hover { 

			background:url(/elements/pagenav.jpg) repeat -100px -62px;



		}
		
		
		
		
	
		a.aboutpage { 

			background:url(/elements/pagenav.jpg) repeat -200px 0px;

			 width:100px;
								
		   	height:62px;

			display:block;
			
			float:left;

		}



		a.aboutpage span { 

			display:none; 

		}



		a.aboutpage:hover { 

			background:url(/elements/pagenav.jpg) repeat -200px -62px;



		}
		
		
		
		
		
	
		
		
				a.cvpage { 
		
					background:url(/elements/pagenav.jpg) repeat -300px 0px;
					 width:100px;
										
		   	height:62px;
		
					display:block;
					
					float:left;
		
				}
		
		
		
				a.cvpage span { 
		
					display:none; 
		
				}
		
		
		
				a.cvpage:hover { 
		
					background:url(/elements/pagenav.jpg) repeat -300px -62px;
		
		
		
		}
		
		
		
		
		
	
		
		
				a.agendapage { 
		
					background:url(/elements/pagenav.jpg) repeat -400px 0px;
		
					 width:100px;
										
		   	height:62px;
		
					display:block;
					
					float:left;
		
				}
		
		
		
				a.agendapage span { 
		
					display:none; 
		
				}
		
		
		
				a.agendapage:hover { 
		
					background:url(/elements/pagenav.jpg) repeat -400px -62px;
		
		
		
		}
		
		
		
		
		
	
		
		
				a.contactpage { 
		
					background:url(/elements/pagenav.jpg) repeat -500px 0px;
		
					 width:100px;
										
		   	height:62px;
		
					display:block;
					
					float:left;
		
				}
		
		
		
				a.contactpage span { 
		
					display:none; 
		
				}
		
		
		
				a.contactpage:hover { 
		
					background:url(/elements/pagenav.jpg) repeat -500px -62px;
		
		
		
		}
		
		
		
		
	
		
		
				a.linkspage { 
		
					background:url(/elements/pagenav.jpg) repeat -700px 0px;
		
					 width:100px;
										
		   	height:62px;
		
					display:block;
					
					float:left;
		
				}
		
		
		
				a.linkspage span { 
		
					display:none; 
		
				}
		
		
		
				a.linkspage:hover { 
		
					background:url(/elements/pagenav.jpg) repeat -700px -62px;
		
		
		
		}
		
				
		
		
		
		
		
		
		
		
		
		
/* ronde inputboxen en buttons
----------------------------------------------------------------------------- */	
		
		
		
		@-moz-document url-prefix(http) {
		
		/* change the buttons*/
		input[type="reset"], input[type="submit"], button
		{
		-moz-border-radius: 0.5em;
		border: 1px solid #CCC;
		margin-top:4px;
		border-bottom: 1px solid #CCC ;
		background-color: #EEE;
		color: #555555 ;
		}
		input, textarea
		{
		-moz-border-radius: 0.8em;
		}
		input, textarea,select
		{
		background-color: #FFF;
		border-top: 1px solid #C3C3C3;
		border-right: 1px solid #C3C3C3;
		border-bottom: 1px solid #C3C3C3;
		border-left: 1px solid #C3C3C3;
		color: #555555 !important;
		}
		/*change them on focus with a blue border*/
		
		input:not([type="button"]):not([type="reset"])
		:not([type="submit"]):not([type="checkbox"])
		:focus,textarea:focus
		{
		-moz-outline-radius: 0.8em;
		}
		input:not([type="button"]):not([type="reset"])
		:not([type="submit"]):not([type="checkbox"])
		:focus, textarea:focus, select:focus
		{
		-moz-outline: 2px solid #ccc;
		-moz-outline-offset: -1px;
		}
		/*rollover effect on the buttons*/
		input[type="submit"]:hover,input[type="reset"]
		:hover,button:hover {
		border-color: #E8E9E8;
		border-bottom-color:#E8E9E8;
		background-color: #FCFCFC;
		}
		}
		
		
		
		

/* sifr
----------------------------------------------------------------------------- */




@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}



/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	  .sIFR-active h1 {
	    visibility: hidden;
	    font-family: Verdana;
	    line-height: 25px;
	    font-size: 25px;
	    margin-bottom:10px;
	    
	    
	}
	
	.sIFR-active h2 {
	  visibility: hidden;
	  font-family: Verdana;
	  line-height: 30px;
	  font-size: 30px;
	  
	}

 
}