/*
Theme Name: Focaldesign
Theme URI: http://www.focaldesign.be/
Description: Custom theme by <a href="http://www.focaldesign.be/">Focaldesign</a>.
Version: 1.0
Author: Stefaan Ellebaut
Author URI: http://www.focaldesign.be/
*/


/* Overall */
* {
	margin:0;
	padding:0;
}

body {
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size:62.5%;
	background-color:#fff;
}

/* Links */
a:link, a:visited, a:active {
	color:#09548B;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

	
/* Headers */
h1 {
	display:inline-block;
	float:left;
	margin:0.5em 2.0em 0 0;
}

h1 a {
	display:block;
	background:#fff url(images/h1.jpg) no-repeat top center;
	width:206px;
	height:85px;
	text-indent:-9999em;
}
	
h2
	{
	font-size:2.5em;
	display:block;
	margin:0.5em 0;
	font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
	color:#666;
	border-bottom:1px solid #666;
	padding-top:0.1em;
	}

h3
	{
	font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
	text-align: left;
	font-size: 2.0em;
	font-weight:normal;
	margin:10px auto;
	color:#666;
	clear:both;
	}

h4
    {
    font-size:1.1em;
	margin-bottom:10px;
	height:1.5em;
    }

h4 a, h4 a:visited
	{
	text-decoration:none;
	color:#000;
	}

h4 a:hover
	{
	text-decoration:underline;
	color:#000;
	}


/* Default elements */
img	{
	border: 0;
}

p {
	margin:1.5em 0;
	font-size:1.3em;
	line-height:1.2em;
}


/* Specific */
.screen-reader-text, .hidden {
	display:none;	
}

.alignleft {
	float:left;
	padding-right:10px;
}

.alignright {
	float:right;
	padding-left:10px;		
}

.aligncenter {
	margin:0 auto;
	text-align:center;	
}

.clear {
	clear:both;
}

.odd {
	background-color:#ececec; 
}

.even {
	background-color:#f7f7f7;
}


/* Header */
#header {
	clear:both;
	margin:0 auto;
	width:960px;
	height:95px;
	display:block;
	border-bottom:1px solid #ccc;
}

/* Navigation */
#navigation {
	width:auto;
	height:85px;
	margin:0.5em 0 0 0;
	font-size:1.7em;
	float:right;
}

#navigation li.current_page_item a, #navigation li.current_page_item a:hover {
	font-weight:bold;
	color:#666;
	text-decoration:none;
} 

#navigation ul {
	list-style-type:none;
	margin-top:40px;
}

#navigation ul li {
	float:left;
	display:block;
	margin:0 0 0 2.5em;
}


/* Wrapper */
#wrapper {
	clear:both;
	width:960px;
	margin:0 auto;
	display:block;
	position:relative;
}


/* Slideshows */
#slideshow {
	height:500px;
	margin:1.0em auto 0 auto;
	width:960px;
	overflow:hidden;
	position:relative;
}

#slideshow ul {
	position:relative;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#slideshow li {
	width:950px;
	height:500px;
	float:left;
	list-style-type:none;
	margin:0 auto;
	text-align:center;
}

#content #slideshow img {
	border:0;
	padding-left:15px;
}

#content #slideshow p {
	font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
	display:block;
	width:90%;
	height:4.0em;
	margin:0 auto;
	text-align:center;
	color:#000;
	font-size:4.0em;
	
}

#leftControl  {
	background:url("images/control_left.png") no-repeat scroll center left transparent;
	color:white;
	left:0;
	top:0;
	height:400px;
}

#rightControl {
	background:url("images/control_right.png") no-repeat scroll center left transparent;
	color:white;
	right:-10px;
	top:0;
	height:400px;
}

.control {
	cursor:pointer;
	display:block;
	height:500px;
	position:absolute;
	text-indent:-10000px;
	width:40px;
}


/* Sidebars */
#sidebars {
	width:250px;
	display:block;
	position:absolute;
	right:-0.75em;
	top:0;
	height:auto;
	font-size:1.2em;
	clear:both;
	margin:0.85em 0 0 0;
	}

	
#sidebars h3 {
	margin:0.5em;
	border-bottom:1px solid #666;
	font-size:1.5em;
}

#sidebars ol, #sidebars ul {
	margin:0 0 0.5em 2.5em;
	text-align:left;	
	font-size:1.2em;
	clear:both;
}

#sidebars ol li, #sidebars ul li {
	padding:2px 0;	
}

#sidebars #children ul {
	list-style:none;
	line-height:1.5em;
	margin:0 1.0em;
}

#sidebars #children li {
	background:transparent url(images/subpage.png) no-repeat center left;
	padding:0 0 0 20px;
	line-height:1.75em;
}

#sidebars #children li.current_page_item {
	background:transparent url(images/subpage_active.png) no-repeat center left;
	padding:0 0 0 20px;
	line-height:1.75em;
}

#sidebars #children li.current_page_item a {
	font-weight:bold;
	color:#666;	
}

#sidebars #flickr {
overflow: hidden;
}

#sidebars h3.flickr {
	background:transparent url(images/flickr.gif) no-repeat center right;
}

#sidebars #flickr img {
	margin:0.5em 0.5em 1.0em 0.75em;
	height:75px;
	width:75px;
}

#sidebars #flickr a img {
border:3px solid #09548B;
}

#sidebars #flickr a:hover img {
border:3px solid #000;
}

#sidebars h3.twitter {
	background:transparent url(images/twitter.gif) no-repeat center right;
}

#sidebars #tweet ul {
	list-style-type:none;
	margin:0.75em;
	font-size:1.1em;
}

#sidebars #tweet ul li {
	border-bottom:1px solid #ccc;
	padding:0.5em 0;
}

#sidebars ul.contact {
	list-style-type:none;
	line-height:25px;
	margin:0.75em;
}

#sidebars li.adres {
	background: url('images/adres.gif') no-repeat center left;
	padding-left:25px;
	}

#sidebars li.btw {
	background: url('images/btw.gif') no-repeat center left;
	padding-left:25px;
	}

#sidebars li.bank {
	background: url('images/bank.gif') no-repeat center left;
	padding-left:25px;
	}	
	
#sidebars li.telefoon {
	background: url('images/telefoon.gif') no-repeat center left;
	padding-left:25px;
	}
	
#sidebars li.email {
	background: url('images/mail.gif') no-repeat center left;
	padding-left:25px;
	}
	
#sidebars li.linkedin {
	background: url('images/linkedin.gif') no-repeat center left;
	padding-left:25px;
	margin-left:-25px;
	list-style-type:none;
	line-height:2.0em;
	}
	
#sidebars li.facebook {
	background: url('images/facebook.gif') no-repeat center left;
	padding-left:25px;
	margin-left:-25px;
	list-style-type:none;
	line-height:2.0em;
	}

#sidebars li.twitter {
	background: url('images/twitter.gif') no-repeat center left;
	padding-left:25px;
	margin-left:-25px;
	list-style-type:none;
	line-height:2.0em;
	}

#sidebars li.flickr {
	background: url('images/flickr.gif') no-repeat center left;
	padding-left:25px;
	margin-left:-25px;
	list-style-type:none;
	line-height:2.0em;
	}

#sidebars #bestelling ul {
	list-style-type:none;
	line-height:25px;
	margin:0.75em;
}

#sidebars #bestelling li.handleiding {
	background: url('images/handleiding.gif') no-repeat center left;
	padding-left:25px;
	}

#sidebars #bestelling li.prijslijst {
	background: url('images/prijslijst.gif') no-repeat center left;
	padding-left:25px;
	}
	
#sidebars #bestelling li.excel {
	background: url('images/excel.gif') no-repeat center left;
	padding-left:25px;
	}

#sidebars #bestelling form {
	margin:0.75em;
}

#sidebars #bestelling #status #error {
	
}

#sidebars #bestelling #status #succes {
	
}

#sidebars #bestelling #status #verzenden {
	
}

/* Content */
#content {
	font-size:1.2em;
	display:block;
	width:675px;
	padding-bottom:50px;
}

#homepage #content {
	width:960px; /* Home gebruikt ganse pagina voor portfolio slideshow */
	padding-bottom:0;
}

#content p {
	font-size:1.2em;	
}

#content ul {
	font-size:1.2em;
	margin-left:1.5em;	
}

#content img {
	border:1px solid #000;	
}

#content a img {
border:3px solid #09548B;
}

#content a:hover img {
border:3px solid #000;
}

#content img.alignleft {
	padding:0;
	margin-right:10px;
}

#content img.alignright {
	padding:0;
	margin-left:10px;	
}


/* Forms */
#content .wpcf7-form {
margin:2.0em 0;
}

#content .wpcf7-form p {
	margin:0 0 1.0em 0;
	padding:0;
}

#content .wpcf7-form label {
}

#content form input.text, #content form .textarea
 {
	background:url(images/input.gif) no-repeat scroll 0 0 transparent;
	border:1px solid #CCCCCC;
	padding:3px 0 3px 3px;
	width:400px;
	border-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	font-size:1.0em;
	margin-bottom:0.5em;
}

#content form .textarea {
	height:5.0em;
}

#content div.wpcf7-validation-errors {
display:block;
width:100%;
border:2px solid #ffff00;
margin:0;
padding:0.1em;
}

/* Blog algemeen */
#content .post {
	clear:both;
	display:block;
	padding-bottom:50px;
	background: transparent url('images/post_bg.jpg') no-repeat bottom center;
} 

#content .post .postmetadata img {
	border:0;	
}

#content .post .entry {
	margin:1.0em 0;
}

#content .post .entry .attachment-post-thumbnail {
	float:left;
	margin:0 1.0em 0 0;
	width:55px;
	height:55px;
}

.post .entry p {
	margin:0.5em 0.5em 0.5em 0;
	line-height:1.5em;	
}

.post .entry p.clear {
	padding-top:1.0em;
}

.prev-next {
	clear:both;
	display:block;
	margin:-1.5em 0;
}

.prev-next a {
	color:#0066CC;
}

#content .prev-next a:hover {
	color:#09548B;
	text-decoration:underline;
}

/* posts overview/archive */
.blog .post h3, .archief .post h3 {
	margin-left:3.0em;
	margin-bottom:0.5em;
}

.post .post-date {
	float:left;
	display:block;
	color:#DDDDDD;
	height:6.0em;
	width:6.0em;
	margin:-5.75em 0.5em 0.5em -0.5em;
	padding:0;
	text-align:center;
	font-family:georgia,serif;
}

.post .post-date .day {
	font-size:4.0em;
	font-weight:600;
}

.post .post-date .month {
	font-family:georgia,serif;
	font-size:2.0em;
	font-style:italic;
	margin:-0.5em;
}

.post .postmetadata {
	font-size:1.0em;
	margin-left:6.0em;
	margin-top:-0.5em;
}

.post .more {
	float:right;
	margin:0 0 1.0em 0;	
}

.post #personalia {
	margin-top:-5px;;	
}

/* Single post */
.single .post h2 {
	margin-left:3.0em;
	margin-bottom:0.5em;
}

.single .post .post-date {
	float:left;
	display:block;
	color:#DDDDDD;
	height:7.0em;
	width:7.0em;
	margin:-7.0em 0.5em 0.5em -0.5em;
	padding:0;
	text-align:center;
	font-family:georgia,serif;
}

.single .post .post-date .day {
	font-size:5.0em;
	font-weight:700;
}

.single .post .post-date .month {
	font-family:georgia,serif;
	font-size:3.0em;
	font-style:italic;
	margin:-0.5em;
}

.single .post .postmetadata {
	font-size:1.0em;
	margin-left:7.5em;
	margin-top:-0.5em;
}


/* Comments */
#content #comments {
	clear:both;
	display:block;
}

#comments img {
	border:0;	
}

#content h3#commentlist, #content #contribute h3 {
	border-bottom:1px solid #666;
	padding:0.5em 0 0.2em 0;
}

#content h3#commentlist{
	padding:0.25em 0 0.5em 60px;
	background:url(images/comment.png) no-repeat scroll 0 0 transparent;
}

#content #contribute h3{
	padding:0.25em 0 0.5em 60px;
	background:url(images/writecomment.png) no-repeat scroll 0 0 transparent;
}

ol.commentlist {  
    margin:1.0em;  
    padding:0;
    }  
  
.commentlist li {  
    list-style:none;
    margin-bottom:1.5em; 
    padding:1.0em;
    border-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
    }      
    

.commentlist a:link, .commentlist a:visited, .commentlist a:active {  
     color:#0066CC;
     text-decoration:none;
    }  
  
.commentlist a:hover {  
    color:#09548B;
	text-decoration:underline;
    }  
  
.commentlist .author {  
    font: small-caps bold 1.2em Helvetica, Verdana, Arial, sans-serif;  
    float:left;
    }  
  
.commentlist .time {  
    background: url(images/clock.gif) no-repeat 1px;  
    padding-left:15px;  
    float:right;
    text-align:right;
    line-height:1.5em;
    }  
  
.commenttext {  
	clear:both;
    border-top:1px solid #666;  
    color:#666;
    padding:0.5em 1.0em;  
    } 
    
.commenttext p {
    margin:0;
    padding:0; 	
 }


/* Bestellen */
#content #bestellen {
	width:100%;
	height:100%;	
}


/* Search */
#searchform {
	padding:0.4em 0.75em;
}
	
#searchform #s {
	padding:0.2em 0.2em 0.2em 20px;
	color:#666;
	width:205px;
	background: #FFF url(images/search.jpg) no-repeat 1px 1px;
	border-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}	

/* Admin */
#content .post-edit-link {
	text-decoration:none;	
}

#content a.post-edit-link:hover {
	text-decoration:underline;	
}

#content .post-edit-link img, #content a.post-edit-link:hover img {
	border:0;	
}

/* Pictures */
.ngg-album-compact {
	text-align:center !important;
	border:1px solid #ccc;
	margin:5px 10px 5px 1px;
	padding-top:5px;
}

.ngg-album-compact:hover {
	text-align:center !important;
	border:2px solid #09548B;
	margin:4px 9px 4px 0;
	padding-top:5px;
}

.ngg-album-compactbox {
	padding:5px !important;
}

.ngg-album-compactbox .Thumb {
	border:1px solid #000;
	width:auto !important;
	height:auto !important;
	margin:0;
	padding:0;
	border:0 !important;
}

#content .ngg-gallery-thumbnail a img {
	border:0;
	padding:0 !important;
	display:inline !important;
}

.ngg-album-compact h4 {
	width:auto !important;
	font-size:1.15em !important;
	padding:0 5px;
}

.ngg-album-compact p {
	display:none !important;
}

.ngg-album .previewblock {
clear:both;
display:block;
}

.ngg-album .previewblock img {
float:left;
border:1px solid #000;
padding:2px;
margin-right:5px;
background-color:#fff;
}

.ngg-album .previewblock ul {
margin-left:125px;
}

.ngg-album .details {
text-align:right;
margin:-10px 0 0 0;
}

.ngg-album .count {
font-style:italic;
float:right;
text-align:right;
display:block;
margin-top:6px;
width:20%;
}

.entry .ngg-albumoverview {
/*margin-left:-15px;*/
}

.ngg-galleryoverview .ngg-gallery-thumbnail-box {
	width:120px;
	height:120px;
	text-align:center;
	margin:5px 10px 5px 1px;
	line-height:120px !important;
	border:1px solid #ccc;
	vertical-align:middle;
	display:table;
	float:left;
}

.ngg-galleryoverview .ngg-gallery-thumbnail-box:hover {
	width:120px;
	height:120px;
	text-align:center;
	margin:4px 9px 4px 0;
	line-height:120px;
	border:2px solid #09548B;
	vertical-align:middle;
	display:table;
	float:left;
}

.ngg-gallery-thumbnail  {
	margin-right:0 !important;
	float:none !important;
	height:120px;
	line-height:120px;
	display:table-cell;
  	vertical-align:middle;
}

#content .ngg-gallery-thumbnail a img {
	border:0;
	padding:0 !important;
	display:inline !important;
}

.ngg-gallery-thumbnail img {
	text-align:center;
	margin:0 auto !important;
	display:inline !important;
	vertical-align:middle;
}

#klanten .ngg-galleryoverview .ngg-gallery-thumbnail-box {
	width:120px;
	height:120px;
	text-align:center;
	margin:5px 10px 5px 1px;
	line-height:120px !important;
	border:1px solid #ccc;
	vertical-align:middle;
	display:table;
	padding-bottom:10px;
	float:left;
}

#klanten .ngg-galleryoverview .ngg-gallery-thumbnail-box:hover {
	width:120px;
	height:120px;
	text-align:center;
	margin:4px 9px 4px 0;
	line-height:120px;
	border:2px solid #09548B;
	vertical-align:middle;
	display:table;
	padding-bottom:10px;
	float:left;
}


.ngg-gallery-thumbnail-box .title {
	clear:both;
	display:table-row;
	text-align:center;
	margin:0 auto;
	width:120px;
	height:20px;
	line-height:20px;
}

/* Footer */
#footer {
	clear:both;
	width: 960px;
	display:block;
	margin:0 auto;
	padding:0 25px;
}


/* errors */
.error { color:red; font-size:1.2em; }
.error ul li { margin-left:25px; }


/* Oypo */
#PixxerLanguageSwitch { display:none; }
#PixxerParentPath { display:none; }
#PixxerThumbs { width:250px; }
.foto { margin:2px; }
#PixxerParentPath a:link, #PixxerParentPath a:hover ,#PixxerParentPath a:visited, #PixxerParentPath a:active { color:#09548B; }
#PixxerParentPath a:hover { text-decoration:underline; color:#ccc; } 

/* Google Ads */
#adsense { border:1px dotted #ccc; margin-top:3.0em; width:675px; display:block; }
h3#ads { margin-top:2.0em; }
#adsidebar { margin-top:0; }
//.adbottom { float:left; margin-right:10px; }