/*   
Theme Name: Johnnijssenbloembollen.com
Theme URI: http://johnnijssenbloembollen.com
Description: Themplate for http://johnnijssenbloembollen.com
Author: Alec Nijssen
Author URI: http://alecnijssen.nl

*/



/*

     ___      .______      .__   __. 

    /   \     |   _  \     |  \ |  | 

   /  ^  \    |  |_)  |    |   \|  | 

  /  /_\  \   |      /     |  . `  | 

 /  _____  \  |  |\  \----.|  |\   | 

/__/     \__\ | _| `._____||__| \__| 

                                     

  _______ .______          ___       _______  __       _______.  ______  __    __   _______     _______ .__   __. 

 /  _____||   _  \        /   \     |   ____||  |     /       | /      ||  |  |  | |   ____|   |   ____||  \ |  | 

|  |  __  |  |_)  |      /  ^  \    |  |__   |  |    |   (----`|  ,----'|  |__|  | |  |__      |  |__   |   \|  | 

|  | |_ | |      /      /  /_\  \   |   __|  |  |     \   \    |  |     |   __   | |   __|     |   __|  |  . `  | 

|  |__| | |  |\  \----./  _____  \  |  |     |  | .----)   |   |  `----.|  |  |  | |  |____    |  |____ |  |\   | 

 \______| | _| `._____/__/     \__\ |__|     |__| |_______/     \______||__|  |__| |_______|   |_______||__| \__| 

                                                                                                                  

.___  ___.  __    __   __      .___________. __  .___  ___.  _______  _______   __       ___      

|   \/   | |  |  |  | |  |     |           ||  | |   \/   | |   ____||       \ |  |     /   \     

|  \  /  | |  |  |  | |  |     `---|  |----`|  | |  \  /  | |  |__   |  .--.  ||  |    /  ^  \    

|  |\/|  | |  |  |  | |  |         |  |     |  | |  |\/|  | |   __|  |  |  |  ||  |   /  /_\  \   

|  |  |  | |  `--'  | |  `----.    |  |     |  | |  |  |  | |  |____ |  '--'  ||  |  /  _____  \  

|__|  |__|  \______/  |_______|    |__|     |__| |__|  |__| |_______||_______/ |__| /__/     \__\ 

                                                                                                  

____    ____  ______   .______      .___  ___.   _______  ___________    ____  __  .__   __.   _______ 

\   \  /   / /  __  \  |   _  \     |   \/   |  /  _____||   ____\   \  /   / |  | |  \ |  |  /  _____|

 \   \/   / |  |  |  | |  |_)  |    |  \  /  | |  |  __  |  |__   \   \/   /  |  | |   \|  | |  |  __  

  \      /  |  |  |  | |      /     |  |\/|  | |  | |_ | |   __|   \      /   |  | |  . `  | |  | |_ | 

   \    /   |  `--'  | |  |\  \----.|  |  |  | |  |__| | |  |____   \    /    |  | |  |\   | |  |__| | 

    \__/     \______/  | _| `._____||__|  |__|  \______| |_______|   \__/     |__| |__| \__|  \______| 

                                                                                                       

http://www.alecnijssen.nl

<!-- reset css -->
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


input{
	height:2em;}
	
input[type=submit] {
	padding:5px 25px;
	font-size:1em;
	border:0 none;
	background:#fff;
	border:1px solid #ccc;}
<!-- /////// ---->

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	

}

body {

	margin:0px;

 	height: auto;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:16px;

	line-height:2em;

	color:#666;

	font-weight:100;}

h1{

	color:#333;}



body a{

	text-decoration:none;

	color:#c1272d;}



body a:hover{

	color:#000;}



#wrapper{

 min-height: auto;

 overflow:hidden;



}



/* =Header

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

#header{

	width:100%;


	background:#fff;

	-moz-box-shadow: 0px 0px 10px #000; /* Firefox */

	-webkit-box-shadow: 0px 0px 10px #000; /* Safari, Chrome */

 	box-shadow: 0px 0px 10px #000; /* CSS3 */

	}

#header a{

	text-decoration:none;

}

#masthead{

	width:960px;

	margin:0px auto;

	height:115px;

	}





#blog-title {

	float:left;

	position:absolute;

	width:270px;

}





#blog-title a{}

	#blog-description{

	display:none;}



#branding {

	margin: 0;

}



/* =Menu

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



#headnav {

	display: block;
	width: 100%;
	background-color:#E6E6E6;
	height:58px;
	margin:0px;
	padding:0px;





}

#access{

	width:960px;
	margin:0px auto;}


#access .menu-header,

div.menu {

	width: 940px;

}



#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px;



}



#access .menu-header li,

div.menu li {

	float: left;
	position: relative;
	margin:0px 0px 0px 0px;

}



#access a {

	color: #666;

	display: block;

	line-height: 38px;

	padding: 10px 20px;

	text-decoration: none;

}



#access ul ul {

	display: none;

	position: absolute;

	top: 58px;

	left:0px;

	float:left;

	margin:0px;

	padding:0px;

	z-index: 99999;

	

}

#access ul ul li {

	min-width: 180px;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background:#fff;

	line-height:1.25em;

	padding:10px;

	width: 100%;

	height: auto;

	float:left;

	color:#000;

	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

		border-bottom: 1px solid #ccc;



}

#access li:hover > a,

#access ul ul :hover > a {

	background: #c1272d;

	color: #fff;

}

#access ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	color: #fff;

	background-color:#c1272d;

}

* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	color: #fff;

}





.skip-link {

	display: none;

}





/* =Content

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

#container{

	width:960px;

	margin:0px auto;

	margin-top:100px;

	overflow:hidden;

	background: #F6F6F6 top no-repeat;

	-moz-box-shadow: 0px 0px 10px #000; /* Firefox */

    -webkit-box-shadow: 0px 0px 10px #000; /* Safari, Chrome */

    box-shadow: 0px 0px 10px #000; /* CSS3 */

	height:100%;

 	border-bottom:3px solid #c1272d;

}









.content,

#content{

	width:620px;

	float:left;

	overflow:hidden;

	min-height:350px;

	margin-right:50px;

	padding:30px 50px 30px 30px;

}

.nosidebar{

	width:900px;

	float:left;

	overflow:hidden;

	min-height:350px;

	margin-right:50px;

	padding:30px 50px 30px 30px;

}

#primary,

#secondary {

	width:200px;

	background:#ececec;

	float:right;

	border-bottom:1px solid #c1272d;

	}

	

#secondary{

	margin:10px 0 0 0;}



#primary ul,

#secondary ul{

	margin-left:0px;

	padding:0px 0px 0px 10px;

	list-style:none;

	}

	

.post{

	width:700px;

	float:left;

	overflow:hidden;

	margin-right:50px;

}

.entry-attachment{width:550px;

float:left;

}

.post img{

	border:0px;}



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

img.alignleft {float:left; margin:0 1em 1em 0}

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

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

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



.entry-utility,

.entry-meta{display:none;}

#content h1{ color:#c1272d;}

.entry-title { color:#c1272d;}

.entry-title a{ color:#c1272d;

				text-decoration:none;}

.entry-title a:hover{color:#000;}



.right{

	float:right;}

.left{ float:left;}



.right,

.left{

	width:250px;

	display:inline-block;}
	
.rightnosidebar{
		float:right;}


.leftnosidebar{
		float:left;}


.rightnosidebar,

.leftnosidebar{

	width:400px;

	display:inline-block;}

	

strong{

	font-weight:bold;}



/* =Navigation

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



.navigation {

	margin: 0 0 1.5em 0;

	overflow: auto;	

}









#footer{

	bottom:0;

	background:#101010;

	width:100%;

	color:#fff;

	-moz-box-shadow: 0px 0px 10px #000; /* Firefox */

  	-webkit-box-shadow: 0px 0px 10px #000; /* Safari, Chrome */

  	box-shadow: 0px 0px 10px #000; /* CSS3 */

	margin-top:175px;

}

	



#footer a:hover{

	color:#9a9a9a;}



#colophon{

	

	width:960px;

	margin:0px auto;

	padding:0px;



	}



#colophon .widget-container{

	vertical-align:top;

	width:280px;

}



#footer img{

	float:left;

	padding-right:10px;

	border:0px;}



#footerblock{

		padding:10px;

		margin-right:12px;

		margin-left:5px;

		margin-top:20px;

		margin-bottom:10px;

		display:inline-table;}



.footerlinks{

	margin:0px;

	padding:0px;

	min-height:250px;}



.footerlinks ul {

	padding:0px;

	margin: 0px;

	min-height:150px;

}

.footerlinks, .widget-area li {

	padding-left:0px;

	list-style: none;
	width:270px;}

	

.footerlinks ul li {

	border-bottom:1px solid #2a2a2a;

	border-top:1px solid #2a2a2a;

		list-style: none;}

	

/* SUBNavigation

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



#containersub{

	

width:960px;

	margin:0px auto;

	margin-top:100px;

	overflow:hidden;

	background:#ececec;

	-moz-box-shadow: 0px 0px 10px #000; /* Firefox */

    -webkit-box-shadow: 0px 0px 10px #000; /* Safari, Chrome */

    box-shadow: 0px 0px 10px #000; /* CSS3 */

	height:100%;

 	border-bottom:3px solid #c1272d;



	}



#containersub .contentsub{

	width:679px;

	float:right;

	padding:30px 50px 30px 30px;

	min-height:350px;

	background: #F6F6F6 top no-repeat;

	-moz-box-shadow: 0px 0px 20px #666; /* Firefox */

    -webkit-box-shadow: 0px 0px 20px #666; /* Safari, Chrome */

    box-shadow: 0px 0px 20px #666; /* CSS3 */}

	

	

	

.submenu {

	display:-block;

	width:200px;

	float:left;

	background:#ececec;

	padding:80px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}



.submenu h3{

	margin-left:10px;

	line-height:10px;}

	



.submenu ul{

	border-top:1px solid #ccc;

	margin-bottom:0px;
	margin:0px;
	padding:0px;

}





.submenu li{



	list-style:none;

	

}



.submenu li a{


	border-bottom:1px solid #ccc;

	padding:5px 5px 5px 10px;



	display:block;

	color:#666;

	

}



.submenu li a:hover{

		background-color:#c1272d;

		color:#fff;

}





.submenu li.current_page_item > a,

.submenu li.current-menu-ancestor > a,

.submenu li.current-menu-item > a,

.submenu li.current-menu-parent > a {

	color: #fff;

	background-color:#c1272d;



}