/*
Theme Name: Be Nice
Theme URI: http://blog.gigadesign.be/?page_id=36
Description: Be Nice, my first WPTheme and i'am so proud
Version: 1.0
Author: Creeten Mark
Author URI: http://www.gigadesign.be/
*/ 

* {
	margin: 0;
	padding: 0;
}

html, body {
	text-align : center;
    font-size: small;
    font-family: Verdana, Tahoma, Arial, Serif;
	background : #627894 url(images/achter.gif) repeat-x top left;
}

ul, ol {
	margin : 10px 0 15px 15px;
}

ul li, ol li {
	margin : 6px 0 3px 0;
}

em {
	font-style : italic;
}

strong, .b {
	font-weight : bold;
}

fieldset {
	border : none;
}

h4 {
	font : bold 1.1em "Trebuchet MS", serif;
}

blockquote {
  margin:0;
  padding:10px 18px;
  font-style:italic;
  border : 1px solid #8F8F8F;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {
	font-family:Courier, Monaco, monospace;
}

code {
	padding: 5px;
	background-color : #F3F7FC;
	color : #363;
	border : 1px solid #8F8F8F;
	display : block;
	margin : 10px 0;
}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
  border-bottom : 1px dotted;
  cursor : help;
}

/*invulformulier dingen ------------------------------------------------------ */

#commentform {
	margin : 6px 0 9px 10px;
}

#commentform p {
	margin : 9px 0;
}

#commentform p input {
	width: 250px;
    border: 1px solid #ccc;
    padding: 2px 2px 2px 3px;
    font-size: 0.9em;
    color: #444;
	vertical-align : middle;
}

#commentform p textarea {
	width: 450px;
	height: 130px;
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1em;
    color: #444;
}

#commentform input#submit {
	width : 100px;
    border: 1px solid #A3BEE7;
	background-color : #fff;
}

#comments, #respond {
	font : bold 1.2em Georgia, serif;
	border-top : 1px solid;
	padding : 10px 0 10px 13px;
	color : #7EB40D;
	background : url(images/documents.gif) no-repeat 0 50%;
	margin-top : 10px;
}

#searchform input {
	width : 160px;
	margin : 5px 0 5px 5px;
    border: 1px solid #507405;
    padding: 2px 2px 3px 3px;
    font-size: 0.9em;
    color: #444;
	vertical-align : middle;
	background : #FFF url(images/mag_glass.gif) no-repeat 97% 50%;
}

#searchform #zoekbut {
	display : none;
}


/*weergave van reacties ---------------------------------------------*/

ol.commentlist {
	padding : 7px 3px 7px 15px;
}

ol.commentlist li p {
	margin : 8px 0;
	letter-spacing : normal;
}

ol.commentlist li {
	background-color : #D9E4F4;
	border : 1px solid #B4C9E9;
	padding : 8px 5px 8px 5px;
	margin : 5px 0 15px 0;
}

ol.commentlist li.alt {
	background-color : #F3F7FC;
	border : 1px solid #CCDDF2;
	padding : 8px 5px 8px 5px;
}

/* enkele classes -----------------------------------------*/

.cmtinfo{
	font : 0.9em Verdana, sans-serif;
	/*border-bottom : 1px solid #8F8F8F;*/
	border-left : 1px solid #8F8F8F;
	padding-left : 5px;
}

.tagging {
	margin : 6px 0 9px 3px;
}

.center {
    border-bottom : 1px solid #C4C4C4;
    border-top : 1px solid #C4C4C4;
	margin : 12px 0 29px 0;
	background-color : #D8E0F5;
	height : 20px;
	padding : 5px 3px 3px 3px;
}

.smal {
	font-size : smaller;
}

.big {
	font-size : 2em;
	font-weight : bold;
}

.niks {
	display : none;
	clear : both;
}

.left {
	float : left;
	width : 49%;
}

.previous {
	float : left;
}

.next {
	float : right;
}

.right {
	float : right;
	width : 49%;
}

/* alles in het midden zetten ------------------------------------------------------- */

#container, #main, #footer, #navigation {
	margin : 0 auto;
}

#container {
	width : 768px;
	text-align : left;
	padding-top : 6px;
}

#main {
	background : url(images/faux.gif) repeat-y top left;
	width : 758px;
	overflow : hidden;
}

/* alle header stuff ----------------------------------*/

#header {
	background : url(images/header.gif) no-repeat top left;
	height : 123px;
}

#header h1 {
	text-align : right;
	padding : 19px 21px 0 0;
}

#header h4 {
	font : italic 110% "Trebuchet MS", Verdana, serif;
	padding : 10px 21px 0 0;
	text-align : right;
}

#header a {
	color : #FFF;
	font : bold 40px  "Trebuchet MS", serif;
	text-decoration : none;
}

#header a:hover {
	color : #F0A727;
}

/* navigatie dingen staan hier ---------------------------------------------------*/

#navigation {
	width : 748px;
	background-color : #FFF;
	padding : 1px 5px 5px 5px;
	text-align : right;
}

#navigation ul {
	margin : 0;
	height : 25px;
	background : #8AC708 url(images/navi.gif) repeat-x top left;
	list-style-type : none;
}

#navigation ul li {
	display : inline;
	padding : 5px 4px 2px 1px;
}

#navigation a {
	font : 1.5em "Times New Roman", "Trebuchet MS", serif;
	color : #FFF;
	text-decoration : none;
	padding : 3px;
}

#navigation a:hover {
	background-color : #FFF;
	color : #7BB407;
}

/* alles wat met posts te maken heeft ----------------------------------------------*/

#content {
	float : right;
	width : 73%;
	padding : 0 10px 0 10px;
}

div#content h2.post-title {
	font : bold 1.5em/1.0em Georgia, "Trebuchet MS", serif;
	border-bottom : 1px solid #D5D5D5;
	margin : 8px 0 5px;
    color : #CE4104;
}

div#content h1.post-title {
	font : bold 1.9em/1.0em Georgia, "Trebuchet MS", serif;
	border-bottom : 1px solid #D5D5D5;
	margin : 8px 0 5px;
    color : #80B60C;
}

div#content h1.cal {
	background : url(images/cal.gif) no-repeat 0 50%;
	padding-left : 25px;
}

div#content h1.cat {
	background : url(images/file.gif) no-repeat 0 50%;
	padding-left : 25px;
}

div#content h2.post-title a {
	color : #CE4104;
	text-decoration : none;
    background : url(images/simple_arrow.gif) no-repeat 0 50%;
	padding : 0 0 0 15px;
}

div#content h2.post-title a:visited,  div#content h2.post-title a:active {
	color : #CE4104;
	text-decoration : none;
}

div#content h2.post-title a:hover {
	color : #466289;
    background : url(images/simple_arrow_o.gif) no-repeat 0 50%;
}

div#content.archive h3 {
	border-bottom : 2px dotted;
	margin : 10px 0 5px 8px;
	font-size : 1.1em;
	color : #6A6A6A;
}

div#content a:link {
	color : #75A907;
	text-decoration : none;
}

div#content a:visited {
	color : #066;
	text-decoration : none;
}

div#content a:hover, div#content a:active {
	text-decoration : underline;
	color : #FA6121;
}

p.day-date {
	color : #6E6E6E;
	margin : 6px 0 4px 10px;
	font-size : 0.8em;
	line-height : 1.3em;
	border-left : 1px solid #8C8C8C;
	padding : 0 0 0 4px;
}

div#content p.day-date span.editlink a {
	background : url(images/wrench.gif) no-repeat 0 50%;
	color : #E7E7E7;
	text-decoration : none;
	padding : 0 0 0 15px;
}

div.post-content {
	color : #494949;
	font-size : 1.0em;
	line-height : 1.1em;
	padding : 10px 9px 0 10px;
}

div.post-content p {
	padding : 5px 0 5px;
}

div.post-content p img {
	border : 1px solid #909090;
	background-color : #FFF;
	padding : 5px;
}

div.post-content p img:hover {
	border : 1px solid #3B3B3B;
	background-color : #FCFCFC;
}

div.post-content ul, div.post-content ol {
	margin : 3px 0 5px 25px;
}

div.post-content ul li {
	background : transparent url(images/orange.gif) no-repeat 0 50%;
	padding-left : 15px;
    list-style : none;
}

div.post-content p.post-info {
	font : 0.8em Verdana, sans-serif;
	border-bottom : 1px solid #D5D5D5;
    border-top : 1px solid #D5D5D5;
	margin : 12px 0 29px 0;
	padding : 6px 0 3px 14px;
	background : #EEF2FB url(images/speech_bubble.gif) no-repeat 0 50%;
}

p.post-info a.more {
	background : url(images/book.gif) no-repeat 0 50%;
	padding : 0 0 0 15px;
}

/* dingen voor de zijkant ---------------------------------------------------------*/

#sidebar {
	float : left;
	width : 24%;
	margin : 0 0 0 3px;
}

#sidebar h2 {
	font : bold 1.2em Georgia, serif;
	margin : 18px 0 10px 4px;
	background : url(images/cube.gif) no-repeat 0 50%;
	padding : 0 0 0 14px;
	color : #555;
}

#sidebar ul {
	list-style-type : none;
	margin : 0 0 5px 15px;
}

#sidebar ul li {
	font : 0.9em/1.4em Tahoma, Arial, serif;
    color : #444444;
}

#sidebar a, #sidebar a:visited {
	text-decoration : none;
	color : #555;
    background : url(images/gre_arrow.gif) no-repeat 0 50%;
	padding-left : 14px;
}

/*#sidebar a:visited {
    background : url(images/ora_arrow.gif) no-repeat 0 50%;
}*/

#sidebar a:hover, #sidebar a:active {
	text-decoration : underline;
	color : #B83903;
	background : url(images/ora_arrow.gif) no-repeat 0 50%;
}

/* footer stuff staat hier ---------------------------------------------*/

#footer {
	clear : both;
	background : url(images/onder.gif) no-repeat;
	height : 45px;
	width : 768px;
	margin : 0 0 15px 0;
}

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

#footer a:visited {
	font-weight : normal;
}

#footer a:hover, #footer a:active {
	color : #066;
	text-decoration : underline;
}

#footer p {
	padding : 14px 0 0 0;
	font : 0.8em Verdana, sans-serif;
	text-align : center;
}