/*

Theme Name: voorne-putten

Theme URI: http://www.voorne-putten.nl/

Description: WordPress theme voor <a href="http://www.voorne-putten.nl/">voorne-putten.nl</a>.

Version: 0.1

Author: Future Forward Brand Newmedia

Author URI: http://www.futureforward.nl/

Tags: red, grey, white, fixed width, two columns

*/



/* Begin Typography & Colors */

body {

	background: #fff;

	color: #000;

	}



#page {

	background: #fff;

	}



#header {

	background: #fff url('img/horizontal-topborder.gif') top left repeat-x;

	}



#headerimg {

	background: transparent;

	}



#body {

	background: #fff;

	}



#topbar {

	background: #fff;

	}



#sidebar, #right-sidebar, #content-banners {

	background: #fff;

	}

	

#wp-calendar th {

   font-weight: bold;

   }



#content {

	background: #fff;
    font-family:Trebuchet MS,Arial,Verdana,sans-serif;
	}



.post, .post-1, .post-2, .post-3, #commentlist, #newslist, #wp-calendar {

	background: #f7f7f7;

	}



#footer {

	background: #fff;

	}



a {

	color: #E1001A;

	}



#newslist li a {

	color: #000;

	}



h2, #edition li ul li h2, a#rss2url {

	font: bold 12px/12px "Trebuchet MS", Arial, Verdana, sans-serif;

	color: #E1001A;

	}



h2.opties {

	background: #fff;

	}



h3 {

	font: normal 16px/16px "Trebuchet MS", Arial, Verdana, sans-serif;

	}



h4 {

	font: bold 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif;

	color: #444;

	}



#edition li ul li {

	font: 13px/13px "Trebuchet MS", Arial, Verdana, sans-serif;

	}



li.cat-item {

	font: bold 16px/16px "Trebuchet MS", Arial, Verdana, sans-serif;

	background: transparent;

	}



li.cat-item a:link {

	color: #000;

	background: #fff;

	}



li.cat-item a:visited {

	color: #000;

	background: #fff;

	}



li.cat-item a:hover {

	color: #fff;

	background: #E1001A;

	}



li.cat-item a:active, li.cat-item a.active {

	color: #fff;

	background: #E1001A;

	}



#poweredby, input.textinput {

   font:12px/12px "Trebuchet MS", Arial, Verdana, sans-serif;

   }



.entry p, .entry li, .entry2 p, .entry3 p, .entry4 p, .entry5 p, .entry6 p, .mawe, .entry2 li, #commentlist li, #newslist li, li.page_item, small.commentmetadata, cite, div.navigation, #wp-calendar {

	font: 12px/18px "Trebuchet MS", Arial, Verdana, sans-serif;

	}



#footer p {

	font: 12px/18px "Trebuchet MS", Arial, Verdana, sans-serif;

	}



input.textinput {

	font: 12px/12px "Trebuchet MS", Arial, Verdana, sans-serif;
    height:16px;
	color: #000;

	background: #fff;

	}
input.textinput2 {

	font: 12px/12px "Trebuchet MS", Arial, Verdana, sans-serif;
    height:16px;
	color: #000;
	border: 1px solid #919B9A;
	width:110px;    
	background: #fff;
    font:12px/12px "Trebuchet MS", Arial, Verdana, sans-serif;
	}


#topbar li * {

	font: normal 12px/18px "Trebuchet MS", Arial, Verdana, sans-serif;

	color: #000;

	}



#topbar h2, h2#comments, h2.opties, a#rss2url {

	color: #576F8D;

	}



input.submitbutton {

	color: #576F8D;

    width:13px; height: 17px;

    background-image: url("/wp-content/themes/voorne-putten/img/pijltje-leesmeer.png");
    background-repeat:no-repeat;
    background-color: transparent;
    
    text-indent: -9999px;

	font: bold 12px/12px "Trebuchet MS", Arial, Verdana, sans-serif;

	}



ul.optionlist {

	background: #F7F7F7;

	}



li.page_item a:link, #topbar li a:link {

	color: #000;

	}



li.page_item a:visited, #topbar li a:visited {

	color: #000;

	}



li.page_item a:hover, #topbar li a:hover {

	color: #E1001A;

	}



li.page_item a:active, #topbar li a:active {

	color: #E1001A;

	}

	

/* End Typography & Colors */





/* Begin Structure */

html {

	width: 100%;

	}



body {

	width: 100%;

	}



#page {

	width: 100%;

	position: relative;

	}



#header {

	width: 100%;

	height: 108px;	

	}



#headerimg {

	width: 840px;

	margin: 0 auto;

	position: relative;

	padding-right:128px;

	}

	

#poweredby {

   width: 840px;

	margin: 0 auto;

	position: relative;

	text-align: right;

	padding: 5px 0 0 0;

	}



#body {

	width: 968px;

	margin: 0 auto;

	padding: 5px 0;

	}



#topbar {

	width: 840px;

	margin: 0 auto;

	padding-right:128px;

	}



#sidebar {

	width: 235px;

	float: left;

	padding: 0 8px 0 0;

	}



#wp-calendar {

   position:relative;

   padding: 13px 0;

   margin-bottom: 13px;

   }

   	

#wp-calendar, #wp-calendar table, #wp-calendar caption {

   width:100%;

   }

   

#wp-calendar th, #wp-calendar td {

   padding: 2px;

   vertical-align: middle;

   }

   

#wp-calendar caption, #wp-calendar td, #wp-calendar th {

   text-align: center;

   }



#content {

	width: 597px;

	float: left;

	padding: 0;

	}

	

#right-sidebar {

   width:120px; 

   height:600px; 

   margin-left:8px; 

   float:left;

   }

   

#content-banners {

   padding: 8px 0 13px 0;

   }



#footer {

	width: 100%;

	clear: both;

	}

/* End Structure */





/* Begin Headers */

h1 span {

	display: none;

	}



h1 {

	background: #fff url('img/voorne-putten-logo.gif') top left no-repeat;

	height: 108px;

	width: 323px;

	}



h2 {

	text-transform: uppercase;

	border-left: 1px dotted #E1001A;

	padding: 5px;

	margin-bottom: 13px;

	margin-left: 10px;

	}



h4 {

	padding-top: 5px;

	}



#edition li ul li h2 {

	margin: 0 0 5px 0;

	}



#topbar h2 {

	border: 0;

	margin: 0;

	display: inline;

	}

	

#sidebar h2 {

   margin-top:13px;

   }

   

#wp-calendar h2 {

   margin-top: 0;

   }



h2#comments {

	border-left: 1px dotted #576F8D;

	margin-left: 0;

	padding: 5px 5px 5px 0;

	}



#newslist li h2 {

	margin-left: 0;

	}

h3:first-letter {

	text-transform: uppercase;

}

h3 {

	font-weight: bold;

	}



h2.opties {

	border-width: 8px 0 0 0;

	border-color: #DEE0DC;

	border-style: solid;

	margin: 30px 0 0 0;

	}

/* End Headers */





/* Begin Images */

img.reageer {

   padding-right: 5px;

   width: 24px;

   height: 18px;

   vertical-align: middle;

}



#poweredby img {

   padding: 0 3px;

   }

/* End Images */





/* Begin Lists */

#headerimg ul {

	clear: both;

	}



#headerimg ul ul {

	float: left;

	clear: none;

	}



#headerimg li {

	display: inline;

	}



#headerimg li ul li {

	display: block;

	}



#edition {

	position: absolute;

	top: 20px;

	right: 128px;

	}



#edition li ul {

	margin-right: 20px;

	}



#categories {

	position: absolute;

	top: 71px;

	right: 128px;

	}



#categories li {

   margin-right: 20px;

	}



#topbar ul {

	border-top: 4px solid #E1E1E2;

	padding: 2px 2px 4px 5px;

	}



#topbar li {

	float:left;

	}



#sidebar li {

	margin-bottom: 13px;

	}



#sidebar li.cat-item a {

	display: block;

	padding: 5px 5px;

	}



#sidebar ul.optionlist {

	margin-bottom: 13px;

	}



#sidebar ul.optionlist li.page_item {

	margin: 0 10px;

	padding: 0;

	border-bottom: 2px solid #DEE0DC;

	}



#sidebar ul.optionlist li.page_item a {

	display: inline;

	padding: 0;

	}



li.cat-item {

	text-transform: uppercase;

	}



#commentlist, #newslist {

	margin-top: 13px;

	padding: 13px;

	}



#newslist {

	margin-bottom: 13px;

	}

	

ol.commentlist hr {

   border: 0;

	height: 1px;

	color: #DEE0DC;

	background: #DEE0DC;

	margin: 5px 0;

   }

   

.entry ol {

   list-style-type:decimal;

   }

   

.entry ul {

   list-style-type:disc;

   }

   

.entry ol.commentlist {

   list-style-type: none;

   }

/* End Lists */





/* Begin Form Elements */

#searchform {
   float: left;

   }



input.textinput {

	border: 1px solid #919B9A;

	width:110px;

	}



input.submitbutton {

	border: 0;

	text-transform: uppercase;

	}



textarea#comment {

   width: 100%;

   }

/* End Form Elements */





/* Begin Posts */

.post, .post-1 {

	padding: 13px;
    
    height: auto;

	margin-bottom: 10px;
    
    clear:both;

	}
.post-2, .post-3, .post-4 {

	padding: 13px;
    float:left;
	margin-bottom: 10px;
    height: auto;
    
	}


.post-4 {
    border:1px solid #DEE0DC;
}	

p.postmetadata {

   text-align: center;

   border: 1px dashed #DEE0DC;

   padding: 5px;

   margin-top: 13px;

   }

/* End Posts */



/* Begin Entry */
.entry {

}

.entry p {
    padding-bottom:10px;
    padding-top: 20px;
    display:block;    
}

.entry2 p {
    padding-top: 20px;
}

.entry ol, .entry ul {

	padding-top: 13px;

	}

	

.entry ol, .entry ul {

	padding-left: 15px;

	}

/* End Entry */





/* Begin Sidebar */

/* End Sidebar */



/* Begin Footer */

#footer {

	border-top:3px solid #E2E2E3;

	}



#footer p {

	width: 925px;

	margin: 0 auto;

	}

/* End Footer */



/* Begin Various Tags & Classes */

hr {

	border-top: 1px dashed #fff;

	height: 8px;

    margin-top:3px;

	color: #DEE0DC;

	background: #DEE0DC;

	}

	

#topbar hr {

	border-top: 1px dashed #000;

	clear: both;

	}



#topbar li span {

   margin-left: 15px;

   }



strong {

	font-weight: bold;

	}



div.navigation {

   position: relative;   

   clear:both;

   }

   	

div.alignleft {

   display: inline;

   }



div.alignright {

   display: inline;

   }

   

a#rss2url img {

   vertical-align:baseline;

   padding:2px 0px 0px 10px;

   }

div#TICKER * {

   vertical-align: bottom;

   }

/* End Various Tags & Classes */



/* Begin event-calendar 3 */

.ec3_eventday {

   background: #DEE0DC;

   }

   

#wp-calendar {

   border-bottom: 4px solid #DEE0DC;

   }   

/* End event-calendar 3 */



/* Begin links */

a {

	text-decoration: none;

	outline: none;

	}



li.cat-item a:link {

	text-decoration: none;

	padding: 0 10px;

	border: 1px solid #000;

	height: 20px;

	position: relative;

	}



li.cat-item a:visited {

	text-decoration: none;

	padding: 0 10px;

	border: 1px solid #000;

	height: 20px;

	position: relative;

	}



li.cat-item a:hover {

	text-decoration: none;

	padding: 0 10px;

	border: 1px solid #000;

	height: 20px;

	position: relative;

	}



li.cat-item a:active {

	text-decoration: none;

	padding: 0 10px;

	border: 1px solid #000;

	height: 20px;

	position: relative;

	}

/* End links */

.entry img{

	width:265px;

    display:block;

	height:auto;

	margin:0px 10px 0px 0;

	float:left; 
}
.entry2 img{
    
	width:265px;

    display:block;

	height:auto;

	margin:0px 10px 0px 0;

	float:left; 
    
    padding-bottom: 10px;
}

.entry3 img{

	width:167px;

	height:auto;

	margin:3px 10px 10px 0;

	float:left;
}

.entry4 img{

	width:167px;

	height:auto;

	margin:3px 10px 10px 0;

	float:left;
}
.entry6 img{

	width:167px;

	height:auto;

	margin:3px 10px 10px 0;

	float:left;
}
.alignright {
    float:right;
    background:url("/wp-content/themes/voorne-putten/img/arrow.gif") repeat scroll 0 0 transparent;
    height:31px;
    width:31px;
    text-indent:-9999px;
    position:relative;
    top:0px;
    left:14px;
}

.entry .visual2 img{

	width:auto;

	height:auto;

	margin:0;

	float:none;

}

.entry h4 img{

	height:auto;

	width:auto;

    margin:0 5px 0 0;

}
.mawe{
        float:right;
        width:105px;
        font:inherit;
        font-size: 12px;
        margin-top:-10px
}

.spancic {
    float:right;
    margin-right:5px;
    margin-top: 3px;
}

.mawe2{
        float:right;
        width:110px;
        font:inherit;
        font-size: 12px;
        margin-top:0px  
}

.more-link {
    float:left;
}
p .more {
    display:block;
    padding-top:20px;
}

.entry5 img {
    display:block;
    float:left;
    height:auto;
    margin:0 10px 0 0;
    width:40px;
}
.deze {
    display:block;
    margin-bottom:4px;
    width:580px;
    height:18px;
}
.nostyle {
    display:block;
    float:none !important;
    height:auto;
    margin:0 10px 0 0 !important;
    width:auto !important;
}
.entry td {
    font-size: 12px;
}
#col1, #col2, #col3 {
    float:left;
    width:165px;
    margin-bottom:10px;
    padding-bottom:0;
}
#col2, #col3 {
    margin-left:9px;
}