/* Begin Typography & Colors */
body {
  background: #44484F;
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: Arial, Sans-Serif;
  color: #333;
  text-align: center;
}

#header {
  background: #44484F url(images/header.png);
}

#page {
  background: #44484F url(images/bg.png);
  text-align: left;
}

#content {
  font-size: 1.2em;
}

.widecolumn .entry p {
  font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
  line-height: 1.4em;
}

.widecolumn {
  line-height: 1.6em;
}

.narrowcolumn .postmetadata {
  text-align: left;
}

.alt {
  background-color: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

#footer {
  background: #44484F url(images/foot.png);
  border: none;
}

small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
}

h1, h2, h3 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
}

h1 {
  font-size: 4em;
}

#headerimg .description {
  font-size: 1.2em;
}

h2 {
  font-size: 1.6em;
}

h2.pagetitle {
  font-size: 1.6em;
}

.sidebars h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
}

h3 {
  font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  text-decoration: none;
  color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebars h2, #wp-calendar caption, cite {
  text-decoration: none;
}

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
  font-weight: bold;
}

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}

#commentform p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata { 
  font-weight: normal;
}

.sidebars {
  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
}

small, .sidebars ul li, .sidebars ol li, .nocomments, .postmetadata, strike {
  color: #777;
}

code {
 font: 1em 'Courier New', Courier, Fixed;
}

blockquote {
  color: #555;
  font-style: italic;
}

em {
  font-style: normal;
  font-weight: bold;
}
acronym, abbr, span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
  font-size: 1em;
}

#wp-calendar a {
  text-decoration: none;
}

#wp-calendar caption {
  font: bold 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}

#wp-calendar table {
  font-size: 1.1em;
}

#sidebar1 .page_item {
	font-size: 1.5em;
	font-weight: bold;
}

#sidebar1 .page_item .page_item {
	font-size: 1em;
	font-weight: bold;
}

/* End Typography & Colors */



/* Begin Structure */
body {
  margin: 0 0 20px 0;
  padding: 0; 
}

#page {
  margin: 20px auto;
  padding: 0;
  width: 763px;
}

#header {
  margin: 0; 
  padding: 0; 
  height: 243px; 
  width: 763px;
}

#headerimg {
  margin: 0;
  position: relative;
  left: 13px; 
  top: 11px;
  height: 226px; 
  width: 737px; 
  background: url('images/red/head.gif') bottom center no-repeat;
} 

#headerimg h1, #headerimg .description {
  padding-left: 15px;
}

.narrowcolumn {
  padding: 0 0 20px 17px;
  margin: 0;
  width: 460px;
  margin-left: 20px;
  margin-top: -2px !important;
  margin-top: 0px;
}

.widecolumn {
  padding: 10px 0 20px 0;
  margin: 5px 0 0 100px;
  width: 550px;
}

.post {
  text-align: justify;
  padding: 5px 15px;
  margin: 12px -15px;
  background: #fafafa; 
  border: 1px solid #eee; 
    clear: both;
}

.widecolumn .post { margin: 0; }
.narrowcolumn .postdata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }

.widecolumn .smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
  text-align: center;
  margin: 5px 0px;
}

.postmetadata, .entry { clear: both; }

#footer {
  padding: 0;
  margin: 0 auto;
  width: 763px;
  height: 68px;
  clear: both;
}

#footer p {
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}
/* End Structure */


/* Begin Headers */
h1 {
  padding-top: 15px;
  margin: 0;
}

h2 { margin: 0; }

h2.pagetitle {
  margin-top: 30px;
  text-align: center;
}

.sidebars h2 {
  margin: 5px 0 0;
  padding: 0;
}

h3 {
  padding: 0;
  margin: 0;
}

h3.comments {
  padding: 0;
  margin: 40px auto 20px ;
}
/* End Headers */


/* Begin Images */
p img {
  padding: O;
  max-width: 95%;
}

.entry img {
  float: left;
  background: #fff;
  border: 1px solid #333;
  padding: 3px;
margin: 3px 20px; 
}

.entry img.wp-smiley {
  float: none;
  margin: 0;
  background: inherit;
  border: 0;
  padding: 0;
}

img.nofloat {
  float: none;
}

img.noborder {
  background: inherit;
  border: 0;
  padding: inherit;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

img.alignright {
  display: inline;
  float: right;
}

img.alignleft {
  display: inline;
  float: left;
}
.alignright { float: right; }
.alignleft { float: left }

#albumpic {
	margin-bottom: 50px;
}

/* End Images */


/* Begin Lists */
html>body .entry ul {
  margin-left: 0;
  padding: 0 0 0 20px;
  list-style: none;
  list-style-type: circle;
} 

html>body .entry li { margin: 7px 0 8px 5px; }

.entry ol {
  padding: 0 0 0 20px;
  margin: 0;
}

.entry ol li {
  margin: 0;
  padding: 0;
}

.postdata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

.sidebars li {
  background: url(images/red/star2.gif) 0px 3px no-repeat;
  padding-left: 25px;
  padding-top: 1px;
}

.sidebars li li{
  background: none;
  padding-left: 25px;
  padding-top: 1px;
}

.sidebars ul, .sidebars ul ol {
  margin: 0;
  padding: 0;
}

.sidebars li {
  list-style-type: none;
  margin-bottom: 15px;
  margin-left: 0px;
}
.sidebars ul li {
  list-style-type: circle;
  list-style-image: none;
}

.sidebars p, .sidebars select {
  margin: 5px 0 8px;
}

.sidebars ul, .sidebars ol {
  margin: 5px 0 0 5px;
}

.sidebars ul ul, .sidebars ol {
  margin: 0 0 0 10px;
}

ol li, .sidebars ol li {
  list-style: decimal outside;
}

.sidebars ul li, .sidebars ol li {
  margin: 3px 0 0;
  padding: 0;
}

.sidebars #search {
  background: url(images/red/star2.gif) 0px 3px no-repeat;
  padding-left: 25px;
  margin-top: 20px;
}

#sidebar1 ul li.page_item {
  background: none;
  padding-left: 15px;
  list-style-image: none;
  list-style-type: none;
}

.ec3_list_day ul li {
  list-style-type: none;
}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
  margin: 0 auto;
  padding: 0 2px; 
  text-align: center;
}

.sidebars #searchform #s {
  border: 1px dashed #ddd; 
  width: 140px;
  padding: 2px;
}
#content #searchform #s {
  border: 1px dashed #bbb; 
  width: 200px;
  padding: 2px;
}

.sidebars #searchsubmit, #content #searchsubmit {
  padding: 0;
  position: relative;
  top: 10px;
}


/*
.entry form {
  text-align: center;
}
*/

select {
  width: 130px;
}

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  width: 100%;
  padding: 2px;
}

#commentform #submit {
  margin: 0;
  float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
}

.commentlist {
  padding: 0;
  text-align: justify;
}

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}

#commentform p {
  margin: 5px 0;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  margin: 0;
  display: block;
}
/* End Comments */



/* Begin Sidebar */
#sidebar1, #sidebar2 {
  width: 210px;
  background: #eee;
  border: 1px solid #ddd;
  padding: 5px;
  margin-top: 1em;
  position: absolute;
}

#sidebar1 {
  margin-left: 522px;
}

#sidebar2 {
  margin-left: 292px;
}

.sidebars form {
  margin: 0;
}
/* End Sidebar */


/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 2em 0em;
  width: 155px;
}


#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
  font-size: 1em;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
  font-size: 1em;
}

#wp-calendar a {
  display: block;
}

#wp-calendar #today {
  background: white;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar th {
  padding: 3px 0;
  text-align: center;
}
#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
  cursor: help;
}

acronym, abbr {
  border-bottom: 1px dashed #999;
}

blockquote {
  margin: 15px 10px 0 10px;
  padding: 0 20px 0 20px;
  border-left: 5px solid #ddd;
  border: 1px dashed #ddd;
  border-left: 0;
  border-right: 0;
  background: #fff;
}

.center {
  text-align: center;
}

a img {
  border: none;
}

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
}

.cal {
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
  padding: 2px;
  width: 6.5em;
}

.calborder {
  display: inline;
  padding: 1px;
  float: left;
  margin-right: 1em;
}



.cald {
  font-size: 1.5em;
  line-height: .8em;
}
.cald2 {
  letter-spacing: 0em;
  padding-left: 0em
}

.calm {
  font-size: 1.5em;
  line-height: .8em;
}

.calm:before {
  content: "- ";
}

.caly {
  font-size: .8em;
  line-height: 1em;
}

.pages {
  display: inline;
  position: absolute;
  left: 0;
  bottom: 10px;
  bottom: 0;
  text-align: left;
  padding: .6em 0;
  width: 100%;
}

ul.pages {
  margin: 0;
}

.pages_ie {
  margin-bottom: -1em;
}
.pages ul {
  display: none;
}

.pages li {
  list-style-type: none;
  display: inline;
  margin: 0 1em;
}

.pages a, .pages a:hover {
  font-size: 1.5em;
  font-weight: bold;
  color: #FFF;
  letter-spacing: -.08em !important; letter-spacing: -.1em;
}

.postinfo { padding-bottom: 1em; }
.postinfo h2, .postinfo h3 { line-height: .9em; text-align: left;}

.head_overlay {
  background: url(images/head_overlay.png);
}

#rss {
  float: right;
  padding-right: 4px;
}

.inline-widgets {
  padding-left: 0;
}
.inline-widgets h2, .inline-widgets #wp-calendar caption {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 1.4em;
}
.inline-widgets li {
  list-style-type: none;
}
.inline-widgets li ul {
  padding-left: 2em;
}
.inline-widgets li li {
  list-style-type: circle;
}
.textwidget {
  padding-right: 10px;
}

.groepslid {
	position: relative;
	top: -15px;
}

#flickr img {
	display: block;
	float: left;
	padding: 0px;
	position: relative;
	height: 55px;
	width: 55px;
	border-width:0;
	margin:2px;
}

/* End Various Tags & Classes*/


/* voor picasa albums... anders zie je een kadertje errond */
table {
display:inline;
}

table td {
background: none !important;
}

#fotoalbum {
text-align: center;
}

/* 
  Contact Form
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #333; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap {
  border: none; 
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fafafa;
padding: 5px;
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #333;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #333; 
}

/* form label text */
label { 
  color : #CC1F27;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% 'Trebuchet MS', sans-serif; 
  color : #333; 
  padding : 2px; 
  border : 1px solid #999;
  background-color : #fff;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #CC1F27;
  background-color : #fafafa;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #333;
  background-color : #CC1F27;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #333;
  background-color : #CC1F27;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #CC1F27;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #CC1F27; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #333; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}

#reason {
width: 250px;
}


/* End CSS */