/*
Theme Name: Wups Februari 2010
Theme URI: http://www.wups.nl
Description: Eigen style
Version: 1.0
Author: Jaap Bierman
Author URI: http://wups.nl/
Tags: blabla

*/

body {
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: rgb(222,218,184);
	background: url(bg.png) left top repeat;
	font-family: Georgia, Times, serif;
}

p.bovenbericht {
	width: 100%;
	background: #FFF;
	padding:0;margin:0;
	position: fixed;
	top:0;
}

::selection {
	background: #000;
	color: #FFF;
}
::-moz-selection {
	background: #000;
	color: #FFF;
}

p,li {
	font-size: 1em;
	line-height: 2em;
}

h1 {
	margin: 1.5em 0 0 0;
	padding: 0px 20px;

	font-family: "Goudy Old Style", Baskerville, Palatino, Times, serif;
	text-shadow: 1px 1px 0px #FFF;	
	text-transform: lowercase;
	font-variant: small-caps;
	background: #FFF;
	background: rgba(255,255,255,0.5);
}
h1 a, h1 a:visited {
	color: rgb(0,0,0);
	text-decoration: none;
}

h1 a:hover:after {
	content: "➙";
	color: #FFF;
	padding: 0 2px;margin: 0 0 0 5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
	background: #000;
	font-size: 75%;
	text-shadow: none;
}

#con {
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
}

a,a:link,a:visited { text-decoration: none; }

/* Styles for post information */
p.cat,p.tag,p.com { margin: 0;  }
p.dat,p.cat a,p.tag a,p.com a,.bericht { margin: 0; padding: 2px 5px; }

p.dat, p.cat a,p.cat a:visited, p.tag a,p.tag a:visited,p.com a,p.com a:visited { text-transform: lowercase; display:block; border-left: 15px solid #FFF; }
p.dat { border-left-color: #D32226; background-color: #E57B7E; }
p.cat a,p.cat a:visited { background: #B3DB83; border-left-color: #7FC22F;color: #00F; }
p.tag a,p.tag a:visited { background: #B7A0D8; border-left-color: #875FBE;color: #00F; }
p.com a,p.com a:visited { background: #9EB1E9; border-left-color: #5C7CDA;color: #00F; }
p.com { background: #9EB1E9; }

p.cat a:hover,p.tag a:hover,p.com a:hover { background: #000; }
p.cat a:hover { color: #7FC22F; }
p.tag a:hover { color: #875FBE; }
p.com a:hover { color: #5C7CDA; }
p.cat a:active,p.tag a:active,p.com a:active { color: #FFF; }

p.cat a:hover:after, p.tag a:hover:after, p.com a:hover:after {
	padding: 0 2px;margin: 0 0 0 5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
	content: "➙";
	color: #000;
}
p.tag a:hover:after { background: #875FBE; }
p.com a:hover:after { background: #5C7CDA; }
p.cat a:hover:after { background: #7FC22F; }
p.cat a:active:after, p.tag a:active:after, p.com a:active:after { background: #FFF }

.bericht { border-left: 15px solid #CCC; background-color: #FFF; padding: 2px 10px;margin-bottom: 2em; }

/* MESSAGE LINK COLOURS */
.bericht a,.bericht a:visited, { color: #206BA4; padding: 0 2px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
}
.bericht a:hover { background: #206BA4; color: #FFF; }
.bericht a:active { background: #000; }
.bericht a[href^="http:"]:after, a:after .buitenlink {
	padding: 0 2px;
	margin: 0 0 0 5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
	background: #206BA4;
	content: "➚";
	color:#fff;
}
.bericht a[href^="http:"]:hover:after, a:hover:after .buitenlink { color: #206BA4; background: #FFF; }
.bericht a[href^="http:"]:active:after, a:active:after .buitenlink { color: #FFF; background: inherit; }



/* SIDEBAR */
#onderbalk { margin-top: 1em; text-align: justify; position:relative; z-index: 5; }
h2 { font-family: "Goudy Old Style", Palatino, "Book Antiqua", Georgia, Times, serif; }
#onderbalk p, #onderbalk ul, #onderbalk ol, #onderbalk input, #onderbalk button, #onderbalk select  { font: .8em/1.8em Helvetica, Verdana, Arial, sans-serif; }

#achterkleureen, #achterkleurtwee { overflow: hidden; clear: both; }
#achterkleurtwee { background: #9EB1E9; }

#achterkleureen { background: #FFF; }
#achterkleureen h2 { padding: 0 5px 0 10px; display: block; margin-right: 1em; color: #FFF; text-shadow: 1px 1px 0px #000; }

.lik { clear: both; }

#blh h2 { background: #D32226; }
#mah h2 { background: #7FC22F; }
#meh h2 { background: #875FBE; }

#maandarchief { padding-top: 1em; }
#maandarchief p, #searchform { display: inline; }
#maandarchief button {
	border: none;
	padding: 3px 7px;
	-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;
	
	background-color: #7FC22F;
	color: #FFF;
	
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
}
#maandarchief button:hover {
	background-color: rgb(0,0,0);
	cursor: pointer;
}

#berichtenlijst ol { padding: 1em 0 0 0; }
#berichtenlijst ol li { padding: 0 1em 0 0; display: inline; position:relative; }
#berichtenlijst a:hover:after { 
	content: attr(title);
	display: block;	position: absolute;
	top: 1.5em; left: 0; width: 200px; padding: 5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
	color: #000;
	background: #9EB1E9;
	z-index: 2;
}

#meningen ul { list-style-type:square; padding:1em 0 0 1em; }
#meningen ul li { position: relative; }

a.buitenlink:after {
	padding: 0 2px;
	margin: 0 0 0 5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
	background: #00F;
	content: "➚";
	color:#fff;
}

#maandarchief div { padding-top: 1.5em; }
.lik { float: left; width: 25%; }
.rek { float: right; width: 75%;}




.kolom { width: 20%; float: left; }
.dubbelekolom {	width: 40%; float: left; }

.kolom h2 a, .kolom p { padding: 0 5px; }

.simplepie .kolom { background: #9EB1E9; margin-bottom: -2000px; padding-bottom: 2000px; }
.simplepie .kolom h2 a { background: #5C7CDA; color:#FFF; display: block; text-shadow: 1px 1px 0px #000; color: #FFF; }
.simplepie .kolom h2:first-letter { text-transform: capitalize; }

.simplepie .kolom:nth-of-type(1) { background: #E57B7E; }
.simplepie .kolom:nth-of-type(1) h2 a { background: #D32226; color: #FFF; }
.simplepie .kolom:nth-of-type(2) { background: #B3DB83; }
.simplepie .kolom:nth-of-type(2) h2 a { background: #7FC22F; color: #FFF; }
.simplepie .kolom:nth-of-type(3) { background: #B7A0D8; }
.simplepie .kolom:nth-of-type(3) h2 a { background: #875FBE; color:#FFF; }
.simplepie .kolom:nth-of-type(4) { background: #F1CE67; }
.simplepie .kolom:nth-of-type(4) h2 a { background: #E7AD00; color:#FFF; }
.simplepie .kolom:nth-of-type(5) { background: #9EB1E9; }
.simplepie .kolom:nth-of-type(5) h2 a { background: #5C7CDA; color:#FFF; }

.simplepie .kolom h2 a:hover { background: #000; }

.simplepie .kolom h2 a:after, .simplepie .kolom h2 a:visited:after { 
	padding: 0 2px;
	margin: 0 0 0 5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
	content: "➚";
}

.simplepie .kolom:nth-of-type(1) h2 a:hover:after { color: #D32226; }
.simplepie .kolom:nth-of-type(2) h2 a:hover:after { color: #7FC22F; }
.simplepie .kolom:nth-of-type(3) h2 a:hover:after { color: #875FBE; }
.simplepie .kolom:nth-of-type(4) h2 a:hover:after { color: #E7AD00; }
.simplepie .kolom:nth-of-type(5) h2 a:hover:after { color: #5C7CDA; }


.simplepie p a, .simpliepie p a:visited, #meningen a, #meningen a:visited, #berichtenlijst a, #berichtenlijst a:visited { color: #00F; padding: 0 2px; }
.simplepie p a:hover, #meningen a:hover, #berichtenlijst a:hover {
	background: #00F; color: #FFF; 
	-moz-border-radius: 3px;-webkit-border-radius:3px;-khtml-border-radius: 3px;border-radius: 3px;
}
.simplepie p a:active, #meningen a:active, #berichtenlijst a:active { background: #000; }


.commentlist ul {
	margin:0;padding:0;list-style: none;
}
.commentlist li {
	margin: 10px 0;
	line-height: 1.5em;
	list-style: none;
	-moz-border-radius: 10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius: 10px;
}

.commentlist li { background: #B3DB83; }
.commentlist li span { background: #7FC22F; color: #FFF; display: block; padding: 2px 5px; -moz-border-radius: 10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius: 10px;}
.commentlist li p { padding: 5px; }

.commentlist li:nth-child(1n) { background: #E57B7E; }
.commentlist li:nth-child(1n) span { background: #D32226; color: #FFF; }
.commentlist li:nth-child(2n) { background: #B3DB83; }
.commentlist li:nth-child(2n) span { background: #7FC22F; color: #FFF; }
.commentlist li:nth-child(3n) { background: #B7A0D8; }
.commentlist li:nth-child(3n) span { background: #875FBE; color:#FFF; }
.commentlist li:nth-child(4n) { background: #F1CE67; }
.commentlist li:nth-child(4n) span { background: #E7AD00; color:#FFF; }
.commentlist li.bypostauthor { background: #9EB1E9; }
.commentlist li.bypostauthor span { background: #5C7CDA; color:#FFF; }

.commentlist li a { text-decoration: none; }	

.commentlist li a { color: #FFF;padding: 0 2px;-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.commentlist a:hover { background: #00F; color: #FFF; }
.commentlist a:active { background: #000; }
.commentlist a:after {
	padding: 0 2px;
	margin: 0 0 0 5px;
	-moz-border-radius: 5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
	background: #00F;
	content: "➚";
	color:#fff;
}
.commentlist a:hover:after { color: #00F; background: #FFF; }
.commentlist a:active:after { color: #FFF; background: inherit; }

#respond h2, h2#comments {
	margin: 1em 0 0 0;
	padding: 0px 20px;

	font-family: "Goudy Old Style", Baskerville, Palatino, Times, serif;
	text-shadow: 1px 1px 0px #FFF;
	font-size: 2em;
	text-transform: lowercase;
	font-variant: small-caps;
	background: #FFF;
	background: rgba(255,255,255,0.5);
}

legend { display: none; margin:0;padding:0; }
form#commentform { margin:0;padding:0; }
form#commentform fieldset { border:0;margin:0;padding:0;background:#FFF; }
form#commentform ol { padding:0;margin:0; }
form#commentform ol li {
	list-style: none;
}

form#commentform label { display:inline-block; width:30%; padding: 0 5px; height:auto; }
li.aut { background: #E57B7E; }
label.laut { background: #D32226; color: #FFF; }
li.mai { background: #B3DB83; }
label.laim { background: #7FC22F; color: #FFF; }
li.web { background: #B7A0D8; }
label.lweb { background: #875FBE; color: #FFF; }
li.rea { background: #9EB1E9; }
label.real { background: #5C7CDA; color:#FFF; }
li.smi { background: #F1CE67; }
label.smil { background: #E7AD00; color:#FFF; }

form#commentform input, form#commentform textarea { width: 30%; padding: 2px; }
form#commentform input, form#commentform select, form#commentform option, form#commentform textarea {
	-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;border:none;
}
form#commentform input:not([type=submit]):focus, form#commentform textarea:focus {
	background: #DDD;
}
form#commentform .asifinput {
	display: inline-block;
	width: 30%;
}

form#commentform button {
	border: none;
	padding: 5px 10px;
	margin:0;
	width:100%;
	background-color: #00F;
	color: #FFF;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
	text-align:center;
	font-size: 1em;
}
form#commentform button:hover {
	background-color: #000;
	cursor: pointer;
}

.wp-smiley-select:hover { cursor: pointer; }


img { padding: 3px; border: 5px groove #555; margin: 5px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { float: right; padding: 1px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {	float: left; padding: 1px; margin: 0 7px 2px 0;	display: inline; }
img#wpstats{display:none}
.wp-smiley { padding:0; margin:0; border:0; }
#commentform img { padding: 0 4px; margin: 0; border:0; }

.right { float: right; }
.left {	float: left; }
.center { text-align:center; }


/* Navigation archives */
.navileft, .naviright, .navibove { font-size: 400%; position: fixed; }
.navileft { left:0; top:50%; }
.naviright { right:0; top:50%;}
.navibove { left:0; top:0; }

.navileft a,.navileft a:visited,.naviright a,.naviright a:visited, .navibove a, .navibove a:visited { 
	color: #206BA4; text-shadow: 1px 1px 0 #FFF;
	-moz-border-radius: 15px;-webkit-border-radius:15px;
	-khtml-border-radius: 15px;border-radius: 15px; padding:0 5px;
 }
.navileft a:hover, .naviright a:hover, .navibove a:hover { background: #206BA4; color: #FFF; text-shadow:none; }
.navileft a:active, .naviright a:active, .navibove a:active { background: #000; color: #FFF; }

.navileft a:hover:after, .navibove a:hover:after {
	content: attr(title);
	padding: 0 5px;
	z-index: 4;
}
.naviright a:hover:before {
	content: attr(title);
	padding: 0 5px;
	z-index: 4;
}