/*
Theme Name: VeldingBasic
Theme URI: http://velding.nl nog in te vullen
Description: BasisTemplate 3 colums
Version: 1 (WP2.9.1)
Author: Harry Velding
Author URI: http://velding.nl
Tags: velding, three, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* ++++++++++++++CSS VOOR DE ALGEMENE STYLING +++++++++++++ */
#sb-overlay { width: 950px};
#sb-wrapper { width: 950px};
#sb-player { width: 950px};
* {
    margin: 0; padding:0; /* STICKY FOOTER */
}
html, body {

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it shod be next to on the page. */
         float: right;

}
.fltlft { /* this class can be used to float an element left in your page */
          float: left;
}
.clearfloat {
    clear: both;
}

/* ++++++++++++++CSS VOOR DE BASISONDERDELEN VAN DE PAGINA+++++++++++++ */

body {
    background: #E1FB76 url(style/template-images/bodyBG.jpg) no-repeat left top;
    padding-top:35px!important;
}
#wrapper {
    background: #ffffff;
    width:960px;
    margin: 0 auto ; /* DE ONDERMARGE IS GELIJK AAN DE HOOGTE VAN DE FOOTER MAAR DAN NEGATIEF */
    border:1px solid #669900;
    color:#4E4E4E;
    font-family: Verdana, Gill sans, Lucida Sans Unicode, Helvetica, sans-serif;
    font-size:13px;
    font-style:normal;
    line-height:20px
}
#header {
    height: 300px;
    color: #000000;
    margin: 0 auto;
    width:960px;
    background: url(style/template-images/headerBG.jpg) no-repeat left top;
    border-bottom:1px solid #669900;
}
#sidebar {
    padding: 10px 15px 20px 15px;
    float: left;
    width: 200px;
    margin: 0 0 50px 50px;
    background-color:#FEE580;
    border: 1px solid #FCC72E;
    margin-top:40px;
}
#contentBar {
    padding: 35px 40px 20px 50px;
    float: left;
    width: 580px;
    text-align:justify;
}
#sidebarRight {
    padding: 35px 30px 50px 25px;
    float: right;
    width: 210px;
}
#footer{
    height: 100px;
    background:#D3ED68;
    margin: 0px auto;
    width:960px;
    border-top:1px solid #669900;
}
.footerlogo {
    padding-top: 0px;
    vertical-align: text-bottom;
    border-style: none;
}
#single {
    padding: 35px 50px 20px 25px;
    float: left;
    width: 600px;
}

/* ++++++++++++++CSS VOOR SUB-DIVS BASIS PAGINA +++++++++++++ */

#headerleft {
    padding: 135px 25px 20px 50px;
    float: left;
    width: 200px;
}
#headerMiddle {
    padding: 230px 25px 20px 25px;
    float: left;
    width: 360px;
}
#headerRight {
    padding: 230px 0 20px 25px;
    float: right;
    width: 200px;
}
#headerHorizonSubMenu {
    padding: 5px 50px 0 50px;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    height:30px;
    position: absolute;
    top: 260px;
    width: 860px;

    background-image: url(style/template-images/tpGroen.png);
}
#headerHorizonSubMenu li {
    display:inline;
    padding:3px 5px 3px 5px;
}
#headerHorizonSubMenu li:hover {
    display:inline;
    padding:3px 5px 3px 5px;
    background: #CCCCCC;
}
#footer p{
    padding:3px 50px 3px 50px
}
.button {
    background: #FDBE01;
    color: #ffffff;
    font: 0.8em "Trebuchet MS", Gill sans, Lucida Sans Unicode, Helvetica, sans-serif;
    text-align: center;
    padding: 3px 8px;
    margin-top: 3px;
    border-style: none;
    -moz-border-radius: 3px;
    -webkit-borderradius: 3px;
}
.button:hover {
    background: #E1FB76;
    text-decoration: none;
    color: #669900;
}
.post-edit-link {
    background: #FDBE01;
    color: #ffffff;
    font: 0.8em "Trebuchet MS", Gill sans, Lucida Sans Unicode, Helvetica, sans-serif;
    text-align: center;
    padding: 3px 8px;
    margin-top: 3px;
    border-style: none;
    -moz-border-radius: 3px;
    -webkit-borderradius: 3px;
}

/* ++++++++++++++CSS VOOR Text +++++++++++++ */
a {
    color:#4E4E4E;
    text-decoration: none;
}
a:hover {
    color:#4E4E4E;
    text-decoration: none;
    
}
a:focus {
    outline: 0;
}
a:active {
    outline: 0;
}
p {
    text-align:justify;
    line-height:20px;
    padding-bottom:10px;
}
p#HeaderTitel{
    text-indent:-9999px;
}
h1#HeaderLogo{
    text-indent:-9999px;
}
h1{
    font-family:Gill Sans/ Gill Sans MT, sans-serif ;
    font-size:140%;
    padding:8px 0 8px 0;
    color:#669900
}
h2{
    font-family:Gill Sans/ Gill Sans MT, sans-serif ;
    font-size:125%;
    padding:3px 0 5px 0;
    color:#669900
}
h3{
    font-family:Gill Sans/ Gill Sans MT, sans-serif ;
    padding:3px 0 5px 0;
    color:#669900
}
h2.bgImage{
    background-image: url(style/template-images/h2BG.png);
    vertical-align: middle;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 15px;
    background-repeat: repeat-x;
}
h1.welkom{
    color: #Ffffff;
    padding:0px;
}
h5{
    font-family:Gill Sans/ Gill Sans MT, sans-serif ;
    font-size:110%;
    padding:3px 0 5px 0;
    color:#4E4E4E;
    line-height:20px
}

/* ++++++++++++++CSS VOOR Nested Listst Sidebar +++++++++++++ */
#links a{
    background: url(style/template-images/pijlRechtsIcon.png) no-repeat left 5px;
    padding-left:15px;
    display: block;
}
#sidebarRight li.current_page_item{
    background: #E1FB76;
}
#sidebar li.current_page_item{
    background: #FCC72E;
}

#sidebar li {
    list-style: none;
}
#sidebar li:hover {
    background: #FCC72E  !important;
}
#sidebarRight ul li:hover {
    background: #E1FB76 !important;
}

#sidebar li  {
    list-style: url(style/template-images/bullit.png) ;
    margin-left:20px;
    
}
#sidebarRight ul li  {
    list-style: url(style/template-images/bullit.png) ;
    margin-left:20px;
    
}
#sidebar ul ul li,#sidebarRight ul ul li{
    list-style: url(style/template-images/bullit.png);
    margin-left:20px;
}
#sidebar ul ul ul li,#sidebarRight ul ul ul li {
    list-style: url(style/template-images/bullit.png);
    margin-left:20px;
}
#sidebar ul ul li {
    list-style: url(style/template-images/bullit.png);
}
#sidebarRight li {
    list-style: none;
    line-height:20px;
}
.post ul li  {
    list-style: url(style/template-images/bullit.png);
    margin-left:20px;
}

/* ++++++++++++++CSS VOOR  FORMULIEREN +++++++++++++ */

h3 #comments{
    font-family:Gill sans, Lucida Sans Unicode;
    font-size:115%;
    padding:3px 0 5px 0;
    color:#669900
}
/* Styles the <h3>tag for the "number of responses to the post" heading. */
#commentlist ol{}
/*Styles the "ordered list" of the comments list. */
.alt li and #comment-n {}
/*The comment list items have two style references. The first one is the class alt and the second is the
 comment ID number signified here by the letter n. This allows them to be styled individually or through the
 use of WordPress Plugins. cite The tag cite frames the "Name says:" and link to the comment author's URL.*/
.commentmetadata small{}
/*The <small> tag has a class of commentmetadata which allows the date and time of the post to be styled.*/
ol #commentlist p {
    color:#669900
}
/*Styles the paragraph within the ordered list of comments.*/
h3#respond  {
    font-family:Gill sans, Lucida Sans Unicode;
    font-size:115%;
    padding:3px 0 5px 0;
    color:#669900
}
/*Styles the heading for "Leave a Reply." */
#commentform {}
/*Style reference for the overall "form" for inputting comments. Each input area has it's own ID.*/
#author {}
/*ID reference for the comment author's input area.*/
#comments small{}
/*The <small> tag is used in several places in the Classic Theme. This usage surrounds the text in the comment submit
form and the text for the list of tags that can be used in the comment.*/
#email {}
/*ID reference for the comment author's email.*/
#url {}
/*ID reference for the comment author's URL. */
#comment {}
/*ID reference for the comment input textarea. It does not style the final generated comment, just the input box.*/
#comment #submit {}
/*There are two submit buttons in the Classic Theme, for search and comment submissions. This is the submit comment button.
The submit form field is the same type of submit button you styled in the search form. The same issues and rules apply, and the same problems may occur crossbrowser.*/
input.form {
    background: #FFFFCC;
    margin: 3px;
    width: 190px;
    border:1px solid #669900;
    font: 11px ;
    color: #669900;
    padding: 3px 1px 3px;
    vertical-align: middle;
}
textarea.form {
    background: #FFFFCC;
    margin: 3px;
    border:1px solid #669900;
    font: 11px ;
    color: #669900;
    padding: 3px 1px 3px;
    width: 300px;
}
.post img{
    margin: 5px 10px 0px 0px;
    border:1px solid #669900;
}
.cursief{
    font-size: 11px;
    font-style:italic;
}
.footerpadding{
    padding-top:20px;
}
#commentform input, #commentform textarea {
    margin:3px 2px 3px 0;
}
.post ul  {
    margin-left: 20px;
}
.breadcrumb{
    font-style:italic;
    font-size:smaller;
}
.schrijver  {
    color:#669900;
    border: 1px solid #669900;
    padding: 3px;
    margin-bottom:5px
}
.schrijver a {
    color:#669900;
    font-style:italic;
}
.comment{
    color:#4E4E4E;
    font-style:normal;
        padding: 3px;
}
#sidebar p {
    text-align:left;
}
.css_form_embedded  {
background:none repeat scroll 0 0 #FFFFCC;
border:1px solid #FCC72E;
font-size:12px;
line-height:1.4em;
margin:0;
padding:0 10px;
text-align:left;
width:95%;
}
.css_form_antispam_inputfield {
border:1px solid #FCC72E;
color:#000000;
width:100px;
height:20px;
}