/* Pretty Stuff
================================== */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  line-height: 1.6;
  background-color:#CCFF99;
}

h1 {
  margin-top:0.5em;
  font-size: 2.4em;
  font-weight:bold;
}

h2 {

  font-size: 1.6em;
}

h3 {
  margin-top:0.3em;
  font-size: 1.4em;
}

ul {
 margin-top:0.5em;
}

p, li {
  font-size: 1.4em;
}

p {
  margin: 1em 0;
}

a {
 text-decoration:none;
 border-bottom: 1px dotted #009900;
 color: #494949;
}

a:hover {
 border-bottom: 1px dotted red;
}

acronym { border-bottom: 2px dotted #ccc; }
 
#branding {
/*  height: 188px;
  background: url(/images/2.gif) no-repeat center top;*/
  padding-bottom: 0.5em;
}

#branding h1 {
  text-align: center;
/*  text-indent: -5000px;*/
}

#branding h1 a {
text-decoration:none;
}

/* mainNav
================*/
.mainNav{
 font-weight: bold;
 width: 100%;
}

.mainNav ul{
 padding: 6px 0 7px 0;
 margin: 0;
 text-align: center;
}

.mainNav ul li{
 padding-left: 25px;
 display: inline;
}

.mainNav ul li a{
 color: #494949;
 padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
 margin-right: 2em; /*spacing between each menu link*/
 text-decoration: none;
 border-bottom: 3px solid #009900; /*bottom border is 3px*/
}

.mainNav ul li a:hover, .mainNav ul li a.mainSelected{
 border-bottom-color: red;
}

/* Einde mainNav
==================*/

/* Detail Nam
=================*/
#detailNav {
 margin-top: 1em;
}

#detailNav ul {
 list-style-type:none;
}

#detailNav li{
  background: url(/images/3.jpg) no-repeat 0 50%;
  padding-left: 25px;
}

#detailNav li a, #detailNav li a:link {
 border-bottom: 1px solid #009900;
 color: #494949;
 font-weight: bold;	
 text-decoration:none;
}

#detailNav li a:hover {
 border-bottom: 1px solid red;
}

#detailNav li a.detailSelected {
 display:inline;
 border-bottom: 1px solid red;
}

/* End detail nav
=====================*/

/*Secondary content
=====================*/
/*#secondaryContent h2, #detailNav h2 {
  font-size: 1.6em;
}
*/
#secondaryContent p {
  font-size: 1.2em;
}

/*End secondary content
========================*/

/* Footer
========================*/
#footer {
  color: #494949;
  border-top: 2px solid black;
  text-align: center;
  padding: 1px 20px;
}
/* End Footer
========================*/


/* The Core Technique
================================= */

body {
  font-size: 62.5%;
}

#wrapper {
  max-width: 100%; 
}

/*
#detailNav { 
  width: 18em;
  max-width: 23%;
  float: left;
 } */

#content { 
  min-height:31em;
  width: 75%;
  float: right;
}

#mainContent { 
  max-width: 66%;
  float: left;
}

#secondaryContent { 
  width: 25em;
  max-width: 31%;
  float: right;
} 

#footer { 
  clear: both; 
} 

/* Add some padding and other mainstuff
================================== */
#content {
 margin-top: 2.5em;
}

#content ul{
 list-style-type:none;
}

#detailNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#detailNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#detailNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}

/* Classes
==================================*/
.time_author {
font-size: 0.9em;
text-align:right;
}
#mainContent a.permlink {
text-align:right;
font-size: 1em;
}

a[rel="next"] {
 float: right;
}

/* Zem_contact_reborn
=================================*/
.zemContactForm {
 padding-bottom:2.5em;
}

div .zemError {
background-color:red;
margin-bottom:2em;
}

.rss {
display:none;
/* margin-left:1.8em;
 background: url(/images/6.png) no-repeat 0 50%;*/
}

.latest {
 float:right;
}

.smd_switcher {
padding-left:2em;
list-style-type:none;
}

.smd_switcher li {
padding-right: 0.5em;
display:inline;
}

.google_ads {
text-indent: -1000px;
}