/*  
Theme Name: DS
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Klopper - MadeByDS
Author URI: http://www.wpdesigner.com/

*/






/* 
This Stylesheet is handwritten by MadeByDS - http://www.madebyds.nl
This CSS is released under Creative Commons License - http://creativecommons.org/licenses/by/2.5/nl/
You may adapt and learn from the elements of this CSS to use in your own projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright protected and may not be reproduced

Color palette
	White			#FFFFFF
	Black			#000000
	
	DS Red			#EE203F
	Light Grey		#EEEEEE
	Grey			#AAAAAA
	Dark Grey		#606060
*/



/* Basic elements
-------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

body { 
	color: #606060; 
	font-size:  62.5%; 
	font-family: Verdana, Arial, Helvetica; 
	line-height: 150%; 
}

/*redefine*/

body {
	background: url(../../../../images/bg.png) repeat-x;
}

/* Text elements
-------------------------------------------------------- */
p {
	font-size: 1.1em;
        padding: 5px 0;
	line-height: 1.7;
        padding-bottom: 20px;
}

p.nextmatch {
	color: #000000;
	padding-bottom: 20px;
}

a {
	outline: none;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
	border: none;
}

a:hover, a:active {
	color: #EE203F;
	text-decoration: none
}

h1 { 
	font-size: 1.4em;
        color: #000000;
	font-weight: bold; 
        padding-bottom: 0px;
        padding-top: 20px;
}

h1 span {
	display: none;
}

h2 {
	color: #EE203F;
	font-size: 1.2em;
	font-weight: bold;
}

h2.toptekst {
	color: #EE203F;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
}

h3 {
	color: #EE203F;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {
	color: #EE203F;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 0px;
        padding: 0;
}

p, ul, li { 
	margin: 0; 
	padding: 0; 
	font-weight: normal; 
	list-style: none; 
}

/* Image elements
-------------------------------------------------------- */	
img.logo {
	float: right
}

img.top {
	border: none;
	padding-top: 10px;
}

img.rss {
	border: none;
	padding-left: 10px;
	padding-top: 10px;
}

img.welkom {
	padding-bottom: 25px;
	border: none;
}

img.right {
	float: right;
	border: none;
}

/* Navigation elements
-------------------------------------------------------- */
#kwick {
	position: relative;
}

#kwick li {
	float: left;
}

		#kwick .kwicks {
			display: block;
			background: url(../../../../images/kwicks_bg.png);
			height: 200px;
		}
		
		
		#kwick .kwick {
			display: block;
			cursor: pointer;
			overflow: hidden;
			height: 180px;
			width: 120px;
			padding: 10px;
			background: #fff;	
			margin-right: 5px;
		}
		
		#kwick .kwick span {
			display: none;
		}
		
		#kwick .ds {
			background: url(../../../../images/home.png);
			margin-left: 5px;
		}
		
		#kwick .ajax {
			background: url(../../../../images/ajax.png);
		}
		
		#kwick .fanzine {
			background: url(../../../../images/fanzine.png);
		}
		
		#kwick .supporters {
			background: url(../../../../images/supporters.png);
		}
		
		#kwick .nieuwsarchief {
			background: url(../../../../images/archief.png);
		}
		
		#kwick .fotoarchief {
			background: url(../../../../images/fotoarchief.png);
			margin-right: 0px;
		}

/* List elements
-------------------------------------------------------- */



/* Page container
-------------------------------------------------------- */ 
#page-container {
	width: 900px;
	margin: auto;
	position: relative;
}

#container {
	position: relative;
	width: 900px;
}

/* Header elements
-------------------------------------------------------- */
#header {
	height: 150px;
	background: url(../../../../images/header_bg.png) no-repeat top center;
}


#logo-container {
	float: right;
	width: 300px;
	line-height: 18px;
	margin-bottom: 20px; 
}


#devider {

}

/* Content elements
-------------------------------------------------------- */
.entry {
	padding-bottom: 20px;
        border-bottom: dotted 1px #606060; 
}

#contentwrapper {
	position: relative;
	z-index: 10000;
	font-size: 11px;
	margin-top: 30px;
	margin-bottom: 30px;
	min-height: 100px;
}

#rightcontent {
	float: right;
	width: 200px;
	padding-left: 140px;
	background-image: url(../../../../images/rightcontent_bg.png); 
	background-repeat: no-repeat; 

}
#leftcontent {
	margin-right: 200px;
	width: 550px;
}


/* Footer elements
-------------------------------------------------------- */
#sub-footer { 
	background-image: url(../../../../images/footer_bg.png); 
	background-repeat: repeat-x; 
	padding-top: 30px;
	border-top: #EEEEEE solid 1px;
	border-left: #EEEEEE solid 1px;
	border-right: #EEEEEE solid 1px;
	font-size: 11px;
	clear: both;
}

#column-a { 
	float: left; 
	width: 140px; 
	text-align: left; 
	padding-left: 30px;
	padding-right: 5px;
}

#column-b { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-c { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-d { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-e { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-f { 
	float: left;
	width: 140px;
}
 
#footer { 
    clear: both; 
    height: 66px; 
    font-size: 1em; 
    color: #AAAAAA; 
    padding: 30px 25px 13px; 
    text-align: center; 
    margin-top: 30px;
}
 
#footer #altnav {
	width: 350px;
}
 
#footer a {
	color: #AAAAAA;
	text-decoration: none;
}
 
#footer a:hover {
	color: #EE203F;
}