/*  
Theme Name: SK Berlare
Theme URI: http://www.skberlare.be
Description: SK Berlare-thema
Version: 1
Author: Maarten Bogaert
Author URI: http://www.skberlare.be

	SK Berlare v1.0
	http://www.skberlare.be

/* Begin Typography & Colors */
body {
	font-size: 63.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-image: url(http://www.skberlare.be/wp-content/themes/sk-berlare/images/background.png); 
	background-attachment: fixed;
	background-repeat: repeat;
	color: #000000;
	text-align: center;
	}

#page {
	background-color: white;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 763px
	}

#content {
	font-size: 1.3em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	background-image: url(http://www.skberlare.be/footerskberlare.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 7px; 
	background-color:#FFFFFF;
	color:#000000;
	font-size: 1.2em;
	padding: 1;
	margin: 0 auto;
	height: 60px;
	clear: both;
	}

#small {
	font-family: 'Verdana', Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Verdana', Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: white;
	}

h3, h3 a, h3 a:visited {
	color: #333;
	margin: 0px;
	padding: 0px;
	}

h2, h2 a, h2 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
.postmetadata img {
	padding: 0;
	margin: 0;
	}

code {
	font: 1.1em 'Verdana', Arial, Helvetica, Sans-Serif, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #000000;
	text-decoration: underline;
	}

a:hover {
	color: #FF0000;
	text-decoration: none;
	}
	
.singlebottom li {
	padding: 3px 1px 3px 0;
	list-style-type: none;
	list-style-image: none;
	text-align:left;
	}
/* End Typography & Colors */


/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}
	
#header {
	background-image: url(http://www.skberlare.be/headerskberlare.jpg); 
	background-repeat: no-repeat;
	height: 165px;
	margin: 0;
	padding: 5px 15px 0 0;
	}

.narrowcolumn {
	float: center;
	padding: 0 0 30px 30px;
	margin: 0px 0 0;
	width: 650px;
	}
	
.jeugdcolumn {
	float: center;
	padding: 0 0 30px 30px;
	margin: 0px 0 0;
	width: 650px;
	}

.leftcolumn {
	float: left;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	padding: 20px 5px 5px 5px;
	}

.centercolumn {
	padding: 20px 5px 5px 5px;
	margin: 0 217px 0 218px;
	}

.centercolumn-jeugd {
	padding: 20px 5px 5px 5px;
	margin: 0 37px 0 218px;
	}

.rightcolumn {
	float: right;
	width: 150px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	padding: 20px 5px 5px 5px;
	}

.item {
	border: 1px solid #FF0000;
	padding: 0;
	margin: 0;
	}

.item h4 {
	border-bottom: 1px solid #FF0000;
	font-size: 1.2em;
	text-decoration: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	margin: 0px;
	padding: 2px 4px 4px 5px;
	}

.item p {
	margin: 5px;
	padding: 0px;
	}

.item li{
	margin: 0;
	padding: 2px 5px 2px 8px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

#footer p {
	padding-top:5px;
	text-align: center;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	}

#footer a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer img {
	border: 0;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 0px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 0;

	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h3 {
	padding: 0;
	margin: 0px;
	margin-top: 0px;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;

	}

/*	Use 'class="alignright"' and use 'class="centered',
	This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

.img {
	float:left;
	width:120px;
	margin:0 0 15px 20px;
	padding: 5px;
	text-align:center;
	}
/*In the paragraph above, the div element is 120 pixels wide and it contains the image. The div element will float to the right. Margins are added to the div to push the text away from the div. Borders and padding are added to the div to frame in the picture and the caption.*/
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.item ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}
/* End Entry Lists */

.topnavbar	{
	margin: 0;
	padding: 0;
	text-align: right;
	}

.topnavbar li {
	display: inline;
	padding: 8px;
}

.topnavbar form {
	display: inline;
}

.topnavbar form input#s {
	width: 100px;
}

.topnavbar img input {
	vertical-align: text-bottom;
	border: 0;
}

.sponsors1	{
	margin: 0;
	padding: 0 0 0 295px;
	float: left;
	}

.sponsors2	{
	margin: 0;
	padding: 0 45px 0 0;
	float: right;
	}

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}
#searchformheader {
	margin: 0;
	padding: 5px 0px 0px 10px; 
	}
#searchformheader img {
	margin: 0;
	padding: 50px; 
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
/* End Form Elements */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 4px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.kalender {
	padding: 7px 5px 5px 0;
	}

.kalender table {
	border: 2px solid #ff0000;
	}

.kalender td {
	padding: 7px 7px 7px 10px;
	}

.kalender tr.titel {
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.kalender tr.wit {
	background-color:#FFFFFF;
	border-left: 1px solid #C1DAD7;
	}
	
.kalender tr.rood {
	background-color:#FFD2D2;
	border-left: 20px solid #C1DAD7;
	}

/* End Various Tags & Classes*/