/*
Theme Name: site2011  
Theme URI: http://www.arjenklaverstijn.com
Description: site for 2011
Author: arjen klaverstijn
Version: 1.0
*/
  
body{
color:#2e3e44;
    font-family:georgia;
    font-size:15.61px;


    /*   background-color: C5E1F0;
    */
}

#wrapper{
width:1024px;
margin:0px auto 0px auto;
}

#sidebar{

width: 25%;
float:right;	
	}

a:link, a:visited,#contentwrap a:link, #contentwrap a:visited{
    text-decoration: none;
font-size: 1em;
    color:#fe4e5f;
}

#contentwrap a:hover{
    color:#007dbe;
}

#contentwrap{
    line-height: 2em;
    font-size: .8em;
    padding:0px 20px 20px 20px;
    background-color: white;
    margin-top: 20px;
}

.content{
width:1024px;
}
#footerwrap{
margin-left: 20px;
padding-bottom: 20px;
font-size:.75em
}

#footerwrap li{
}
#feature_wrap{
 background-color:#2E3E44;
 position: relative;
	 color:#FFF;
    overflow:hidden;
    height:271px;
    margin-top:5px;
    margin-bottom:5px;
}
#feature_img{
    float:left;

}

#feature_img_wrap{
 width:500px;
 height:281;
 float:left;

     position: relative;
 -moz-border-radius: 20px; /* Firefox */
  -webkit-border-radius: 20px; /* Safari, Chrome */
  border-radius: 20px; /* CSS3 */

}


#feature_box{
line-height:1.5em;

    float: left;
    height: 200px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 30px;
    width: 360px;
}
#feature_box h3{
margin-bottom:20px;
font-size:3em;
}
#feature_box div{

display:none;
}

#feature_box p{
margin-bottom:10px;
padding-right:60px;
}
.post_content{
}

.post_content p{
    margin-bottom:5px;

}

.post_content .meta_data{
    margin-top: 10px;
    color:grey;
    font-size: .8em;

}

.post_content H3{
    margin-bottom:10px;
}

.postWrap{
padding:20px;
}

.page_content{
    color: #4e4e4e;
    margin-top:10px;
    margin-bottom:10px;    
}
.page_content div{
margin-bottom:15px;
}
.page_content p{
   margin-bottom: 1em;

}
.page_content ul{
   list-style: circle;

 margin-bottom: 1em;
}
.page_content ul li{
   margin-left: 2.5em;


}

.three-quarter{
width:70%;
}


.metadata p{
    margin:5px;
}

.metadata{
    margin-top:10px;
    width:500px;
    font-size:.7em ;
}

#linkMenu{
    float:right;
}

.clear{
    clear:both;
}

.border{
 margin:5px 0px 5px 0px;
overflow:hidden;
     width:100%;
    height:10px;
    background-image:url('images/border.jpg');
}

#header{
    padding: 20px 20px 20px 20px;
    background-color: white;
    height:100px;
}

#logo{

font-size:2em;
    width:1024px;
 margin-bottom:20px;
}


#logo a:link,#logo a:visited{

color:#7AB9F0;
margin-right:10px;
}

#menu-pages{
font-size: 1.5em;	
	}
#menu-categories a:link, #menu-categories a:visited{
	font-size: 1em;
	color: darkgray;
}

#menu-categories a:hover{
	font-size: 1em;
	color: #000;
}


.menu{
margin:20px 0px 20px 0px;
	overflow: hidden;
}
.menu a{
cursor:pointer;
}
.menu a:link,.menu a:visited{

    text-decoration:none;
    color:#2e3e44;
}

.menu li{
    float:left;
    margin-right:20px;
}

.menu li ul{
font-size:.9em;
padding:10px 0px 10px 0px;


}

.sub-menu li a:link,.sub-menu li a:visited{
    color:darkgrey;
}
.menu li .current-menu-item a:link,.menu li .current-menu-item a:visited,.menu .current-menu-item a:link, .menu li.current-page-item a:link,.menu li.current-cat a:link,.menu li.current-menu_item a:visited,.menu li.current_page_item a:visited,.menu li.current-cat a:visited{
    color:#fe4e5f;
}


.menu a:hover, .sub-menu li a:hover{
    color:#007dbe;
}

#gallery li .video{
}

h1{
}
h2, H2 a:link, H2 a:visited{
    font-weight: normal;
    text-decoration: none;
    color:#364552;
    font-size: 1.5em;
    margin:10px 0px 10px 0px;
}

.content{
    clear:both;
    margin-top:10px;
}

.view-all{
    margin-right: 10px;
    padding:20px;
    float:right;
    clear:both;
    font-size: .75em;
}

cat_post{

    display: none;
}


.boxgrid{
    display:none;
    width: 301px;
    height: 168px;
    margin-right:40px;
    margin-bottom:40px;
    float:left;
    overflow: hidden;
    position: relative;
}
.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.boxgrid p{
    float:left;
}
.boxgrid-title{
    margin-right: 10px;
    text-align: right;
    width:100px;
    color: white;
    font-weight:normal;
    float:right;
}
.boxcaption{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    position: absolute;
    background: #1b1f23;
    height: 40px;
    width:300px;
    opacity: 0.7;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.captionfull .boxcaption {
    top: 168px;
    left: 0;

}
.playButton{
text-indent: -99999px;
    margin-left: 10px;
    float:left;
    width:132px;
    height:44px;
    background-image:url('images/buttonsprite.png');
    background-position:0px 0px;
}
a:hover .playButton{
    background-image:url('images/buttonsprite.png');
    background-position:0px 44px;}
.viewButton{
    text-indent: -99999px;
    margin-left: 10px;
    float:left;
    width:176px;
    height:44px;
    background-image:url('images/buttonsprite.png');
    background-position:-132px 0px;
}

a:hover .viewButton{
    background-image:url('images/buttonsprite.png');
    background-position:-132px 44px;}

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}
/*///////////
feature
///////////*/



/*///////////
wordpress
///////////*/
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}

/*///////////
contact
///////////*/

#scf2 input, #scf2 textarea{
    padding: 5px;
    margin: 5px 0px 5px 0px;
    background-color: #eee;
    border:1px solid #bbb;
    -moz-border-radius:10px;
    -webkit-border-radius:5px;
 
}

#scf2 input, #scf2 textarea, #scf2 fieldset{
width:100%;
}

#scf2 input#scf2_submit{
    background-color: #2E3E44;
color:white;
    border:none;
}

#scf2 form{
width:100%;
padding:0px;
margin:0px;
}
/*///////////
links
///////////*/
#links h2{
    font-weight: bold;
    margin-bottom: 15px;

}
#links ul{

}
#links li{
width: 300px;
float:left;
font-style:italic;
list-style:none;
display:block;
margin-left:10px;
margin-bottom: 1.5em;

}
#links li a{
font-style:normal;
font-size:1.5em;
display:block;
list-style:none;

margin-bottom:5px;
}

.load{
   margin:50px;
    padding-left: 85px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-image: url("images/loading.gif");
    background-position: center left;
}

.document {
    
    padding-left: 30px;
    display:inline-block;
    padding-top: 15px;
 padding-top: 10px;
     padding-bottom: 10px;
    background-image: url("images/document.png");
    background-repeat: no-repeat;
    background-position: left center;
}


.breadcrumb{
}
#feature_pager{
margin-right: 20px;
float: right;
font-size:5em;
	}

#feature_pager a:link,#feature_pager a:visited{
display:inline-block;
width: 20px;
height: 20px;

}
#feature_pager a:link.activeSlide,#feature_pager a:visited.activeSlide{
color:white;
}

.pauze{
position:absolute;
right:0px;
z-index:1000;
font-size:1.5em;
font-weight:bolder;
width:30px;
height:30px;
margin: 20px;
color: white;
display:none;
}

.pauze-bg{
top:0px;
left:0px;
position:absolute;
float:left;
background-color: white;
width:30px;
height:30px;
opacity:.5;
}

.pauze-inhoud{
text-align:center;
top:0px;
left:0px;
position:absolute;
width:30px;
height:30px;
}

h3{
color: #FE4E5F;
margin-bottom:1em;
clear: both;
font-size: 1.2em;
font-weight:normal;
}
#header, h2, h3 {
 
font-family: 'Rokkitt', sans-serif;
}

h2{
clear:both;
}

.anchormenu, .blue{
background-color:#E8F4FF;
}

.gray{
background-color:F2F2F2;
}

.anchormenu{
column-width: 300px;
-webkit-column-width: 300px; 
-moz-column-width: 300px; 
column-gap: 1em;  
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
border-left:4px solid lightgray;
padding:10px;
overflow:hidden;
margin-bottom:20px;
}

.anchormenu li{
}
sup{font-size:xx-small; vertical-align:top; line-height: 1em;} 
sub{font-size:xx-small; vertical-align:bottom;line-height: 1em;} 


#up{
width: 1009px;
position: fixed;
top: 29px;
}

#up a:link{
text-align:right;
background-color: #fff;
background-color: rgba(255, 255, 255, .7);
float:right;
padding:  10px;
margin:  5px 5px 5px 5px;
width:290px;
}

#langswitch{
float:right;
}
#langswitch select{
width:100px;
padding:5px;
background-color:#EDF5FA;
border: none;
}

#langswitch ul{
width:100px;
padding:5px;
}

#langswitch ul li{
float:right;
display:block;
}
#langswitch ul li.active{
display:none;
}

.date{font-size:.8em;
line-height:1.6em;
text-align:center;
position:relative;
left:920px;
display:inline-block;
width:50px;
height:50px;
background-color:#2E3E44;
color:white;
top:35px;
padding:5px
}
.date h3{
font-size:2em;
margin:0px;
}