/*  
Theme Name: Gigadesign V4
Theme URI: http://www.gigadesign.be
Description: Eindelijk een blog ? Nu ook met een goed design.
Version: 4.0
Author: Mark Creeten
Author URI: http://www.gigadesign.be/

***************************************************************************	
Je mag dit bestand bekijken (dit ben je nu aan het doen), maar leer er iets uit
daarom zijn sommige delen voorzien van comment-tekst, om je duidelijk
te maken waarom ik bepaalde dingen zo doe.
Mocht je bepaalde dingen willen gebruiken voor je eigen site, geen probleem,
maar gebruik niet alles en doe dan niet alsof jij het hebt gemaakt

*** OVER DE AFBEELDINGEN EN XHTML ***
Van de afbeeldingen mag je wel NIETS (her-)gebruiken, alsook niets van de XHMTL
	
********************************************************************************************
*/
/*alle margees en paddings weg*/
* {
	margin: 0;
	padding: 0;
}

/*standaard tags bepalen*/
body {
	background: #C1B98B url(images/bagr.gif) repeat-x top center;
	font: normal 62.5% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
	text-align: center;
}

h1 {
	font-size: 3.2em;
	color: #1a1a1a;
}

h2 {
	color: #ff4411;
	line-height: 26px;
	margin-bottom: 10px;
    font : bold 2.1em Georgia, "Trebuchet MS", serif;
}

h3 {
	font-size: 1.3em;
	color: #0C8ECE;
	line-height: 26px;
	margin-bottom: 10px;
	}

h4 {
   color: #555;
	font-size: 1.2em;
	line-height: 26px;
	margin-bottom: 10px;
}

hr {
	display: none;
}

img {
	border: none;
}

p {
	line-height: 20px;
}

code, pre {
	margin : 0 0 18px 0;
	font : 1.2em "Courier New", sans-serif;
	color : #8B8347;
	}

blockquote {
	background : transparent url(images/quote_1.gif) no-repeat top left;
	border : 1px solid;
	border-color : #777 #BBB #BBB #777;
	margin-bottom : 15px;
}

blockquote p {
	padding : 7px 7px 1px 7px;
	background : transparent url(images/quote_2.gif) no-repeat bottom right;
	color : #777;
	font : normal normal 1.3em/18px "Trebuchet MS", Verdana, serif;
}

acronym, abbr {
	border-bottom : 1px dotted #000;
	cursor : help;
}

/*positioneren van containers */
#container {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: left;
}

#content {
	width: 960px;
	float: left;
	background: #fff url(images/content_bg.gif) top center repeat-y;
	font-size : 1.2em;
}

#inhoud {
	width: 440px;
	margin: 80px 20px 0 20px;
	color: #333;
}

#kolom_1, #kolom_2, #kolom_3 {
	float: left;
}

#kolom_2, #kolom_3 {
	width: 240px;
}

#footer {
	width: 960px;
	height: 95px;
	float: left;
	background: url(images/voet.gif) no-repeat top center;
	font-size: 1.0em;
	color: #BBB;
}

/*header elementen*/
#header, #header h1 a {
	width: 960px;
	height: 45px;
	margin: 0;
	float: left;
}

#header h1 a {
	display: block;
	background: url(images/header.gif) bottom center no-repeat;
}

#header h1 a span {
	display : none;
}

/*Kolom 1 ---------------------------------------------------------------*/
#kolom_1 {
	width: 480px;
	background: url(images/navig.gif) no-repeat top center;
}

#inhoud a:link {
	text-decoration : none;
    color: #0C8ECE;
}

#inhoud a:visited {
	text-decoration : none;
	color : #36B6F3;
}

#inhoud a:hover, #inhoud a:active {
	text-decoration : none;
	color : #0B7AB0;
}

#inhoud h2 a:link, #inhoud h2 a:visited {
	color : #555555;
	text-decoration : underline;
	border-bottom : none;
}

#inhoud h2 a:hover, #inhoud h2 a:active {
	color : #43963E;
	border-bottom : none;
}

#comments {
	color: #888888;
	border-bottom : 1px solid #EAEAEA;
	background : transparent url(images/documents.gif) no-repeat 0% 50%;
	padding-left : 16px;
}

#tracks {
	color: #888888;
	border-bottom : 1px solid #EAEAEA;
	background : transparent url(images/trackbacks.gif) no-repeat 0% 50%;
	padding-left : 16px;
}

.commentlist em {
	font-family : "Courier New", sans-serif;
	font-size : small;
}

.commentlist li, .commentlist li.alt {
	margin : 25px 0 15px 0;
}

.commentlist li {
    border-bottom : 1px solid #EAEAEA;
	border-top : 1px solid #EAEAEA;
    background-color : #F7F7F7;
	padding-left : 5px;
}

.commentlist li.alt {
	border-bottom : none;
	border-top : none;
	background-color : #FFF;
}

.commentlist li.highlighted {
	background-color : #EEECDD;
	border-bottom : 1px solid #D1CCA5;
	border-top : 1px solid #D1CCA5;
}

/* 
Dit was een harde noot, een echte kopbreker, als opeens border-bottom border-top wordt.
2 hacks in ��n id, kon niet anders
*/
#paginatie {
	border-bottom : 1px solid #EAEAEA;
	height : 1%; /* IE laten weten dat er wel degelijk IETS is */
	display : block; /* OOk Opera en FireFox dit vertellen */
	overflow : hidden; /* de links in de id plaatsen */
}

#paginatie span#links {
	float : left;
}

#paginatie span#rechts {
	float : right;
}

#inhoud .post-content p {
	margin-bottom : 18px;
}

#inhoud .post-content p img.spring {
	float : left;
	padding : 2px 8px 5px 0;
}

#thisform dl, #thisform2 dl, #thisform3 dl {
	border : 1px solid #EAEAEA;
	padding : 10px;
}

#thisform dt.good {
	font-weight : bold;
}

#thisform dd input, #thisform dd select, #thisform2 dd input, #thisform3 dd input {
	width : 220px;
	border : 1px solid #6996AC;
	height : 20px;
	font : normal 1.4em Arial, Georgia, "Trebuchet MS", Verdana, sans-serif;
	padding-left : 3px;
	margin-bottom : 8px;
}

#thisform input.styledbutton, #thisform2 input.styledbutton, #thisform3 input.styledbutton {
	font : normal 1.2em Arial, Georgia, "Trebuchet MS", Verdana, sans-serif;
    border : 1px solid;
    padding : 3px;
	background-color : #EEE;
	border-color : #CCC #555 #555 #CCC;
}

#commentform input, div.contactform p input {
	width : 220px;
	border : 1px solid #AAA;
	font : normal 1.2em Arial, Georgia, "Trebuchet MS", Verdana, sans-serif;
	padding-left : 3px;
	margin-bottom : 8px;
}

#commentform textarea, div.contactform p textarea {
	width : 400px;
    border : 1px solid #AAA;
	font : normal 1.2em Arial, Georgia, "Trebuchet MS", Verdana, sans-serif;
	padding: 3px;
	margin-bottom : 8px;
	overflow : auto;
}

#commentform input#subscribe {
	width : 15px;
}

#commentform input#submit, div.contactform p input#submit {
	font : bold 1em Arial, Georgia, "Trebuchet MS", Verdana, sans-serif;
    border : 1px solid #AAA;
    padding : 3px;
	background-color : #FFF;
	width : 100px;
}

#commentform input#submit:hover, #commentform textarea:hover, #commentform input:hover {
	border : 1px solid #888;
}

#inhoud .day-date {
	font-size : 95%;
	margin: 1em 0 25px 0;
	padding: 4px 0 0 0;
	color: #ccc;
	border-top: 1px solid #eaeaea;
}

#inhoud .day-date a.perma {
	padding-left: 16px;
	color: #999;
	text-decoration: none;
	background : transparent url(images/permalink.gif) no-repeat 0% 50%;
}

#inhoud .day-date span.comlink a {
	padding-left: 16px;
	color: #999;
	text-decoration: none;
	background : transparent url(images/speech_bubble.gif) no-repeat 0% 50%;
}

#inhoud .day-date span.taglink a {
	color: #999;
	text-decoration: none;
	background : transparent url(images/document.gif) no-repeat 0% 50%;
	padding : 0 6px 0 12px;
}

#inhoud ul {
	list-style : none;
	margin-left : 5px;
	margin-bottom : 20px;
}

#inhoud ol {
	margin-left : 30px;
	margin-bottom : 20px;
}

#inhoud ol li, #inhoud ul li {
	margin-bottom : 8px;
	margin-top : 8px;
}

#inhoud ul li {
	line-height : 20px;
	padding-left : 20px;
   background: url(images/bullet.gif) top left no-repeat;
}

#zoeken {
	background-color : #FC9;
	border : 1px solid #000;
	margin-bottom : 15px;
}

ul#zoekterm {
	padding : 8px 5px 2px 5px;
	list-style : none;
}

ul#zoekterm li {
	display : inline;
	background : transparent none;
	padding : 0 7px 0 0;
}


/*kolom 2 ---------------------------------------------------------------*/
#kolom_2 {
	background: url(images/column_two_bg.gif) top left no-repeat;
	padding-top : 25px;
}

#kolom_2 p a:link, #kolom_2 p a:visited {
	text-decoration : none;
    border-bottom : 1px solid #0C8ECE;
	color : #0C8ECE;
}

#kolom_2 p a:hover, #kolom_2 p a:active {
	text-decoration : none;
	border-bottom : 1px solid #43953E;
	color : #43953E;
}

#kolom_2 p {
	margin : 0 15px 10px 15px;
	color : #2E576B;
}

#titel_nav  span, #titel_links span, #titel_rss span, #titel_zoek span, #titel_info span, #titel_handig span, #titel_bookm span {
	display : none;
}
#titel_nav, #titel_links, #titel_rss, #titel_zoek, #titel_info, #titel_handig, #titel_bookm {
	display : block;
	width : 180px;
	height : 70px;
}
#titel_nav {
	background : transparent url(images/titel_navigatie.gif) no-repeat 13px;
}
#titel_links {
	background : transparent url(images/titel_links.gif) no-repeat 13px;
}
#titel_rss {
	background : transparent url(images/titel_rss.gif) no-repeat 13px;
}
#titel_zoek {
	background : transparent url(images/titel_zoeken.gif) no-repeat 13px;
}

#titel_info {
	background : transparent url(images/titel_informatie.gif) no-repeat 13px;
}

#titel_handig {
	background : transparent url(images/titel_handig.gif) no-repeat 13px;
}

#titel_bookm {
	background : transparent url(images/titel_bookm.gif) no-repeat 13px;
}

.lijst {
	margin-bottom: 20px;
	list-style-type : none;
    margin-left : 20px;
	padding-left : 5px;
}

.lijst li {
	color: #444;
	font-size: 1.1em;
    line-height: 24px;
}

.lijst li ul {
	display : none;
}

.lijst li a:link {
	color: #2E576B;
	text-decoration: none;
	background : transparent url(images/simple_arrow.gif) no-repeat 0% 50%;
	padding-left : 15px;
}

.lijst li a:visited {
	color: #417A96;
    text-decoration: none;
	background : transparent url(images/simple_arrow.gif) no-repeat 0% 50%;
	padding-left : 15px;
}

.lijst li a.xml {
	color: #2E576B;
	text-decoration: none;
	background : transparent url(images/feed-icon-10x10.gif) no-repeat 0% 50%;
	padding-left : 15px;
}

.lijst li a.delicious {
	color: #2E576B;
	text-decoration: none;
	background : transparent url(images/delicious.gif) no-repeat 0% 50%;
	padding-left : 19px;
}

.lijst li a.digg {
	color: #2E576B;
	text-decoration: none;
	background : transparent url(images/digg.gif) no-repeat 0% 50%;
	padding-left : 19px;
}

.lijst li a.techno {
	color: #2E576B;
	text-decoration: none;
	background : transparent url(images/technorati.gif) no-repeat 0% 50%;
	padding-left : 19px;
}

.lijst li a.furl {
	color: #2E576B;
	text-decoration: none;
	background : transparent url(images/furl.gif) no-repeat 0% 50%;
	padding-left : 19px;
}

.lijst li a.magnol {
	color: #2E576B;
	text-decoration: none;
	background : transparent url(images/magnolia.gif) no-repeat 0% 50%;
	padding-left : 19px;
}
 
.lijst li a:hover {
	font-weight: bold;
   color: #0C8ECE;
}

.lijst li a.curent {
	color: #0C8ECE;
	font-weight: bold;
}

div#adhese {
	/*margin-bottom: 20px;*/
    margin-left : 20px;
	padding-left : 5px;
}


/*kolom 3 -------------------------------------------------------------------*/
#kolom_3 {
	background: url(images/column_three_bg.gif) top center no-repeat;
	padding-top : 45px;
}

#kolom_3 a, #kolom_3 a:visited {
	text-decoration : underline;
	color : #2D6400;
}

#kolom_3 a:hover, #kolom_3 a:active {
	color : #0C8ECE;
	text-decoration : underline;
}

ul#recent, ul#ads, ul#spams {
	margin : 10px 10px 18px 15px;
    position : relative;/*peekaboo bug IE6 on endings */
	list-style-type : none;
}

ul#flickr {
	margin : 10px 10px 10px 15px;
    position : relative;/*peekaboo bug IE6 on endings */
	list-style-type : none;
}

ul#flickr li {
	margin : 0 0 8px 0;
}


ul#recent li, ul#ads li, ul#spams li {
	margin : 8px 0 11px 0;
}

ul#flickr li {
float: left;
margin-left: 5px;
}

ul#flickr li a:link img, ul#flickr li a:visited img {
border: 2px solid #FFF;
}

ul#flickr li a:hover img, ul#flickr li a:active img {
border: 2px solid #00A;
}

ul#recent li.alternate a {
	text-decoration : none;
}

#kolom_3 div p {
	margin-bottom : 10px;
	position : relative;/*peekaboo bug IE6 on endings */
}

#kolom_3 h2.titels {
	margin: 0 0 15px 10px;
	color : #9C9350;
	font-size: 1.4em;
}

#kolom_3 div {
	margin: 0 20px 22px 20px;
	color: #3B8600;
	line-height: 18px;
	font-size: 1.0em;
}

#cats {
	list-style-type : none;
	margin : 0 15px 27px 15px;
	display : block;
	width : 200px;
}

#cats li {
	display : inline;
}

#cats li a:link, #cats li a:visited {
	text-decoration : none;
	color : #666;
	font : bold 1.2em "Trebuchet MS", Verdana, serif;
	padding : 5px 2px 2px 0;
}
#cats li a:hover, #cats li a:active {
	color : #990000;
	text-decoration : none;
}

/* overal classes --------------------------------------------------------*/

.goed {
	border : 1px solid #99CC33;
	padding : 5px;
	display : block;
}
.slecht {
	border : 1px solid #CC3333;
	padding : 5px;
	display : block;
}

.niks {
	clear : both;
}

.left dt {
	font-size: 1.5em;
	color: #900;
	line-height: 26px;
	margin-bottom: 10px;
	text-decoration : underline;
}

.post-title {
	background : url(images/head_bul.gif) no-repeat 0% 50%;
	padding-left : 22px;
}

.meer {
	background : url(images/permalink.gif) no-repeat 0% 50%;
	padding-left : 17px;
	position : relative; /*peekaboo bug IE6 met links */
	display : block;/*correct weergeven link-afbeelding in IE6*/
}

/* voet ---------------------------------------------------------------------*/
#footer p {
	width: 410px;
	margin: 27px 0 0 40px;
	line-height: 18px;
}

#footer p a:link, #footer p a:visited {
	color: #BBB;
	text-decoration: underline;
	/*border-bottom: 1px solid #444;*/
    position : relative; /*peekaboo bug IE6 on links */
}

#footer p a:hover, #footer p a:active, #footer p a:focus {
	color: #fff;
	text-decoration : underline;
}

/* contact form */

#searchform {
	width: 220px;
	margin : 0 0 20px 9px;
}

#searchform fieldset {
	border : none;
}

#searchform input#s {
	width : 220px;
	background : #F6F6F6 url(images/mag_glass.gif) no-repeat 95%;
	border : 1px solid #6996AC;
	height : 25px;
	font : normal 1.6em Arial, Georgia, "Trebuchet MS", Verdana, sans-serif;
	padding-left : 3px;
}

#zoekbut {
	display : none;
}

/* contact form ends */

/*Extra */
div.buiten {
  float: left;
  padding: 1px;
  margin: 0 0 7px 7px;
  }

.shadow {
  display: block;
  padding: 1px;
}

.kleur {
  display: block;
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0;
}

.traag {
color: #900;
}

.snel {
color: #090;
}

.strike {
	text-decoration : line-through;
}

.cl {
	clear : left;
}

.hilite {
    color: #000;
    background-color: #E3E3E3;
    padding: 0 2px;
}

.contactform { 
	position: relative;
	overflow: hidden;
}
		
.contactleft {
	width: 25%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
}
		
.contactright {
	width: 70%;
	text-align: left;  
	float: right; 
	display: inline; 
	padding: 4px; 
    margin: 5px 0; 
}

.contacterror {
    border: 1px solid #ff0000;
}
/* een tabel, ja er staat ergens een tabel */

table#kleur {
	border : 1px dashed #CCC;
}

table#kleur td {
	padding : 3px;
}

table#kleur tr.odd {
	background-color : #E5E5E5;
	border-bottom : 1px solid #6E6E6E;
	border-top : 1px solid #6E6E6E;
}

/* spam count */

.akismetcount {
margin: 1em 0 0;
width: 9em;
border: 1px solid #ccc;
font-family: helvetica,arial,sans-serif;
font-size: 100%;
font-weight: bold;
background-color: #FFF;
color: #0c479d;
}

.akismetcount span.spams {
padding: 0 0.4em;
background-color: #FC6;
color: #000;
}

.akismetcount span.count {
margin-left: 5px;
}

/*character entities */

#char_container {font-family:"courier new", monospace; position:relative;  width : 420px; }
#tabl a:link, #tabl a:visited  {text-decoration:none; color:#000; padding-left:5px; padding-right:5px;  float : left;  font-size : 140%;  }
#tabl a span {display:none;}
#tabl a:hover {text-decoration:none; color:#c00;  background-color : #FF6;  }
#tabl a:hover .sym {display:block; width:150px; position:absolute; top:60px; left:300px; font-size:150px; font-weight:bold; background:transparent; color:#c00; text-align:center; border:1px solid #000; background:#fff;}
#tabl a:hover .cod {display:block; width:150px; position:absolute; top:0; left:300px; font-size:20px; font-weight:bold; background:transparent; color:#080; text-align:center; border:1px solid #c00;}
#tabl a:hover .web {display:block; width:150px; position:absolute; top:30px; left:300px; font-size:20px; font-weight:bold; background:transparent; color:#008;  text-align:center; border:1px solid #c00;}
#tabl a:hover .des {display:block; width:150px; position:absolute; top:240px; left:300px; font-size:16px; font-weight:bold; background:transparent; color:#000; text-align:center; border:1px solid #c00;}

#tabl {width:290px; position:relative; top:0; left:0;}