/*
Tema: BemBlogado
Version: 1.0
Author: Eric Nascimento
*/ 

* {
	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 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;
}

/*Formulário de contato ------------------------------------------------------ */
#contactform{ 
	margin-top:15px;
	padding:1em;
  	background:#F8FFF8;
	border-bottom:3px solid #F8FFF8;
}
#contactform td{ padding:5px 0 }
#contactform th{ padding:8px 0 }
#contactform #name, #contactform #email, #contactform #site{ 
	padding:2px;
	font:12px arial;
	color:#777;
	border:1px solid #ccc;
	margin:1px;
}

#contactform label{
	font:normal 12px arial;
	display: block;
}
#contactform #postcomment{
	background:#f5f5f5;
	padding:2px 5px
}
#contactform textarea{
	color:#333;
	padding:5px;
	width:90%;
	border:1px solid #ccc;
	margin:1px;
}
#contactform #name:focus,
#contactform #email:focus, #contactform textarea:focus, #contactform #site:focus{
	border:2px solid #BFEAC1;
	color:#333;
	margin:0;
}

#contactform table tbody tr td input {
	width: 260px;
}

#contactform table tbody tr td textarea {
	width:402px;
	height:140px;
}
#contactform table tbody tr td input.botao {
	width:80px;
	height:25px;
}


/*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 Comentários ---------------------------------------------*/

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;
	background-color: #FFFFFF;
}

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

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

#header {
	background : url(images/header.jpg) no-repeat top;
	height : 203px;
}

h1 {
	position:relative;
	width:100%;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
}

#header h4 {
	font : italic 110% "Trebuchet MS", Verdana, serif;
	padding : 10px 0 0 100px;
	text-indent:-9000px;
}

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

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

#header_sep {
	margin: 10px 10px 15px 10px;
	border-bottom: 2px solid black;
	height : 5px;
}

/* 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 : 72%;
	padding : 0 10px 0 10px;
}

div#content h2.post-title {
	font : bold 1.5em/1.0em Arial;
	border-bottom : 1px solid #D5D5D5;
	margin : 8px 0 5px;
    color : #888888;
}

div#content h1.post-title {
	font : bold 1.9em/1.0em Arial;
	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 : #888888;
	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 : #888888;
	text-decoration : none;
}

div#content h2.post-title a:hover {
	color : #7BB407;
    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 : #7BB407;
}

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.6em;
	padding : 10px 9px 0 10px;
}

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

div.post-content p img {
	float: left;
	padding: 5px;
	border: 1px solid #efefef;
	margin: 0 10px 0 0;
	float: left;
}

div.post-content div.linha {
	border-bottom: 1px dashed #D5D5D5;
	text-indent: -90000px;
	margin: 0 0 20px 0;
}
div.post-content div.linhaf {
	border-bottom: 1px hidden #D5D5D5;
	text-indent: -90000px;
}

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%;
}

h2.nome {
	font: bold 1.4em Verdana;
	color: #7bb407;
}


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.aba1 {
	font : bold 0.9em Arial;
	margin : 0 0 0 4px;
	background : url(images/aba.gif) no-repeat 0 50%;
	padding : 8px 0 0 14px;
	color : #EBEBEB;
	width: 167px;
	height: 22px;
}

#sidebar h2.aba2 {
	font : bold 0.9em Arial;
	margin : 0 0 0 4px;
	background : url(images/aba2.gif) no-repeat 0 50%;
	padding : 8px 0 0 14px;
	color : #EBEBEB;
	width: 167px;
	height: 22px;
}

#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%;*/
}

#sidebar a.pri, #sidebar a.pri:visited {
	text-decoration : none;
	color : #FFF;
    /*background : url(images/gre_arrow.gif) no-repeat 0 50%;*/
}

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

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

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

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

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

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

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

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