/*  
Theme Name: Blue-Bridge
Theme URI: http://www.wmw.be
Description: Future with css is so nice
Version: 1.0
Author: Joery Stroo
Author URI: http://www.wmw.be
*/
* {
	margin: 0;
	padding: 0;
}

html, body {
text-align : center;
font-size: small;
font-family: Verdana, Tahoma, Arial, Serif;
background :#fff url(images/bg.gif);
}

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

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

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

em {
	font-style : italic;
      color: #666;
}

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

fieldset {
	border : none;
}

h3 {
  margin: 6px 0 3px 0;
}

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

blockquote {
  margin:0;
  padding:10px 18px;
  font-style:italic;
  border : 1px solid #8F8F8F;
  background: url(images/quote.gif);
}

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


.code{
padding: 5px;
font-family:Courier, Monaco, monospace;
	border: 1px solid blue;
}


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


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


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


#container {
margin-left: 35px;
width : 768px;
text-align : left;

}

#main {

	width : 758px;
	overflow : hidden;
}

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

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

#header h1 {
font-size: 30px;
padding-left: 530px;
padding-top: 135px;
}

#header h4 {
	font : italic 110% "Trebuchet MS", Verdana, serif;
	padding-left: 20px;
	color: White;
	margin-top: -15px;
}

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

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



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

#content {
float: left;
width: 63%;
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 : #869EC1;
}

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 : #466289;
	text-decoration : none;
    background : url(images/star.png) no-repeat 0 50%;
	padding : 0 0 0 15px;
}

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

div#content h2.post-title a:hover {
color : #7B95BC;
background : url(images/star_hover.png) no-repeat 0 50%;
text-decoration: none;
}

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

div#content a:link,div#content a:visited{
	color : #6A5ACD;
	text-decoration : none;
}


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

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 : #C1C1C1;
	text-decoration : none;
	padding : 0 0 0 15px;
}
div#content p.day-date span.editlink a:hover{
	color: #7D7D7D;
	text-decoration: underline;
}

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 img {
	border : #909090;
	background-color : #FFF;
	padding : 5px;
	border: double;
}

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

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

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

div.post-content p.post-info {
	font : 0.8em Verdana, sans-serif;
    border-top : 1px solid #D5D5D5;
	margin : 12px 0 29px 0;
	padding : 6px 0 3px 14px;

}
span.comment a:link,span.comment a:visited
{
padding-left: 16px;
background :url('images/comment.gif') no-repeat 0 50%;
}
span.comment a:hover{

background : url('images/comment_hover.png') no-repeat 0 50%;
}

.more  {
	background : url('images/book.gif') no-repeat 0 50%;
	padding-left:15px; 
}

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

#sidebar {
padding-left: 20px;
float : left;
width : 23%;
margin : 0 0 0 3px;
}

#sidebar h2 {
	font : bold 1.2em Georgia, serif;
	margin : 18px 0 10px 4px;
	background : url(images/arrow.png) 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,#sidebar a:active {
	text-decoration : none;
	color : #555;
    background : url(images/bullet.gif) no-repeat 0 50%;
	padding-left : 16px;
}

#sidebar a:hover {
	text-decoration : underline;
	color : #B83903;
	background : url(images/bullet_hover.gif) no-repeat 0 50%;
}
#sidebar .pages a:link,#sidebar .pages a:visited{
	background: url(images/page.gif) no-repeat;
}
#sidebar .pages a:hover{
	background: url(images/page_hover.gif) no-repeat;
}
#sidebar .cats a:link,#sidebar .cats a:visited{
background: url(images/cats.png) no-repeat;
}
#sidebar .cats a:hover{
	background: url(images/cats_hover.png) no-repeat;
}
#sidebar .rss a:link,#sidebar .rss a:visited{
padding-left: 40px;
background: url(images/rss.gif) no-repeat;
}
#sidebar .rss a:hover{
	background: url(images/rss_hover.gif) no-repeat;
}
/* footer stuff staat hier ---------------------------------------------*/

#footer {
clear : both;
height : 45px;
width : 696px;
margin-left: 6px;
margin-top: 37px;
background: #E2E2E2;
border:1px solid #CCC;
}

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


#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;
}
/* classes */
em.user{
padding-left: 13px;
	background: url(images/user.png) no-repeat;
}

em.time{
padding-left: 13px;
	background: url(images/time.png) no-repeat 0 50%;
}
ul.bullet {
	list-style: none;
}
.bullet li a:link,.bullet li a:visited{
padding-left: 25px;
background: url(images/content_bullet.jpg) no-repeat 0 50%;
}
.bullet li a:hover{
	background: url(images/content_bullet_hover.gif) no-repeat 0 50%;
}
.submit{
font-size: 0.9em;
color: #444;
border: 1px solid #1E90FF;
}