/* 
    Document   : style
    Created on : 22-jul-2011, 15:31:05
    Author     : jurgenvanveen
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@font-face{ font-family: Helvetica-neue; src:url('fonts/HelveticaNeue.dfont'); }

body {
    margin:0;
    padding:0;
    background: #ffffff url(images/body_background.gif);
    color: #555555;
    font-size: 13px;
    font-family: 'Helvetica Neue',  Helvetica-neue, Helvetica, sans-serif;
    
    
}

.clear {
    clear:both;
}

a, a:active, a:visited {
    text-decoration: none;
    color: #ff6e0d;
}

a:hover {
    text-decoration: underline;
    
}


h1 {
    color: #ff6e0d;
    font-size: 24px;
    margin-top: -5px;
    
}

h2 {
    text-transform: uppercase;
    font-size: 18px;
   
    font-weight: bold;
    
}

.post {
    width: 620px;
    margin:30px 0 35px 0;
}

img {
    border: 0;
    outline: 0;
}


.postcontent img {
    max-width: 614px;
    padding: 3px;
    border: 1px solid #cccccc;
}

a.more-link img {
    padding: 0;
    border: 0;
}

.datum-blogger {
    font-style: italic;
    color: #898989;
}

.postcontent {
    float: left;
    width: 575px;
    margin-top: 0px;
}

.postcontent .attachment-post-thumbnail {
  
margin-bottom: 20px;
   padding: 0;
   border: 0;
   
}


#topborder {
    height: 5px;
    width: 100%;
    background-color: #ff6e0d;
}

#content {
    width: 1080px;
    height: auto;
    margin: 0 auto;
    background: #ffffff;  
   padding-bottom: 60px;
   background: #ffffff url('images/content_back.png') repeat-y;
   
    
}



#left-column{
    width: 620px;
    margin: 0 20px 0 70px;
    
    
    float: left;
    
   
    
    
}

#making-conversations{
    width: 620px;
    padding: 0 20px 0 70px;
    margin: 0 0 30px -70px;
    float: left;
    background: #ffffff url('images/detail_header_back.png') repeat-x;
    
    
}


#gerelateerd{
    width: 620px;
    padding: 0 20px 0 70px;
    margin: 50px 0 30px -70px;
    float: left;
    background: #ffffff url('images/gerelateerd_back.png') repeat-x;
    
    
}




#right-column{
    
    width: 300px;
    padding: 10px 0px 0 0;
/*    background: #ff6e0d;*/
    float:left;
     color: #ffffff;
    
    font-weight: bold;
    
}









.date_banner {
    background: url('images/date_banner.png');
    width: 35px;
    height: 73px;
    text-align: center;
    color: #ffffff;
    font-family: Helvetica-neue, sans-serif;
    font-weight: bold;
    float:left;
    margin-right: 10px;
}

.date_banner .day {
    position:relative;
    top:5px;
    font-size: 24px;
}

.date_banner .month {
    position:relative;
    top:5px;
    font-size: 15px;
}


#right-column a, #right-column a:hover, #right-column a:visited {

    color: #ffffff;
   
}

li#about {
    font-size: 15px;
    
}

#footer{
    background: #d7d7d7;
     width: 1080px;
    height: 30px;
    margin: 0 auto;
   padding-top: 15px;
    
}

#copyright {
    color: #8c8c8c;
    text-align: center;
    font-weight: bold;
}




li#tags a, li#geselecteerde_tag a {
    color : #ffffff;
    display:block;
    border-top: 1px solid #ffbb8d;
    padding: 8px 0 8px 10px;
    height: 15px;
   margin: 0;
   width: 248px;
}

li#tags a.active, li#geselecteerde_tag a.active {
     color: #ff6e0d;
     background: #ff6e0d url('images/tag_active_back.png') no-repeat ;
     margin-left: -20px;
      padding-left: 30px;
    width: 278px;	
     border-color: #ff6e0d;
     
     
}




li#tags a:hover, li#geselecteerde_tag a:hover {
    background-color : #ffffff;
    color: #ff6e0d;
     
  
    text-decoration: none;
    
}


li#tags a.active:hover, li#geselecteerde_tag a.active:hover {
      color: #ff6e0d;
     background: #ff6e0d url('images/tag_active_back_hover.png') no-repeat;
     margin-left: -20px;
     padding-left: 30px;
    
     border-color: #ff6e0d;
 
}



ul#sidebar{
    list-style:none;
    padding-left: 20px;
    margin: 0;
}

ul#sidebar li ul {
    list-style: none;
   
}

ul#sidebar li{
    margin-top: 50px;
    text-transform: lowercase;
    
}


#socialicons {
height: 35px;    	

}

.fadehover {
    
	position: relative;   
}

#youtube {
   
}

#facebook {
    left: 37px;
}

#twitter {
    left: 78px;
}

#linkedin {
    left: 117px;
}

#rss {
    left: 157px;
}

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	
	}
	
	
	
	
.wp-pagenavi{
    width: 610px;
    height: 33px;
    background: url('images/navi_back.png');
    padding: 7px 0 0 10px;
    
    
}

.wp-pagenavi a, .wp-pagenavi span {
    margin: 0 10px 0 0;
    height: 13px;
    background: url('images/navilink_back.png') repeat-x;
    border: 1px solid #d2cccc;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 10px;
    float:left;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
}



.wp-pagenavi a:hover, .wp-pagenavi span.current, .wp-pagenavi a.current {
	background: #ff6e0d;
	color: #ffffff;
	text-decoration: none;
	
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    font-size: 16px;
}


#share {
    
    border:1px solid #d3d3d3; 
    
    background:white; 
   
    height: 20px;     
    padding: 10px;
    
    
}

.sharebutton {
    float:left;
   
    width: auto;
   
}

#tweetshare {
    margin-right: 15px;
}

#inshare {
    margin-right: 27px;
}


#searchform {
    width: 250px;
    background-color: white;
    height:25px;
    padding-left: 10px;
    margin: 0px;
}
screen-reader-text {
    display:none;
}
#searchfield {
    
   
   height: 23px; 
   width: 210px;

   outline: none;
   -webkit-appearance: none;
   vertical-align: top;
   color: #b7b7b7;
   font-size: 13px;
   border: 0;
  
}

#searchfield:focus {
    outline: none;
    -webkit-appearance: none;
    
}

#navigation {
    
    width:710px;
    margin: 12px 0 0 -70px; 
  border-top: 1px solid #cccccc;
  padding: 0px 0px 0px 0px;
  
}


#navigation #categorieen {
    list-style: none;
    margin: 12px 0 0 0;
  
    padding-left: 70px;
   float:left;
}



#categorieen li {
    display: inline;
    margin-left: 0;
    margin-right: 25px;
    
    font-size: 14px;
    font-weight: bold;
    font-family: 'trebuchet ms', arial, sans-serif;
    padding-top: 12px;
    
}

#categorieen li a {
    text-transform: uppercase;
    color: #969494;
    text-decoration: none;
    
}

#categorieen li a:hover {
    
    color: #555555;
}
#categorieen .current-cat {
    border-top: 3px solid #cccccc;
    
}

#categorieen .current-cat a  {
    color: #555555
}

#sitebutton {
   margin:10px 0 0 10px;
    float:left;
}


 
 
 



#contact {
    background: url('images/contact.png') no-repeat;
    width: 259px;
    height: 98px;
    margin-left: 15px;
    padding: 20px 15px;
    font-weight: normal;
    
}

#contactdetails {
    height: 70px;
    width: 256px;
    
}

#contactdetails #lt {
    float:left;
}


#contactdetails #rt {
    float:left;
    margin-left: 15px;
}