/*26-11-09Theme Name: KasperKamperman.comTheme URI: http://www.kasperkamperman.comDescription: Theme for the Kasperkamperman.com websiteAuthor: Kasper KampermanAuthor URI: http://www.kasperkamperman.comTags: kasper kamperman*//* ----------- general ------------- */html, body, #wrapper { margin:0;  padding:0;  height:100%;  border:none;      }body{ background-color: #000000;  color: #ffffff;   font-family: "Geneva", "Arial", Sans-Serif;   /*font-family: "Verdana", "Geneva", Sans-Serif;*/    font-weight:normal;  font-size: 0.70em;  }#wrapper { width:  975px;  height: auto;  margin: 0 auto;    padding-bottom: 10px;}.center { text-align: center;}.download {   border: thin solid #999999;   padding:3px;  background-color:#ffffff;}p{ margin: 0px;  margin-bottom: 1em;}.typeface-js{ /*  font-family: Helvetiker, "Helvetica", "Arial", Sans-Serif;   font-size:16px;  font-weight:normal;   */}img{ border:0;}table{ border-collapse: collapse;  }table tr{ border-bottom: thin solid #000000;  }table th { text-align: left;}table td, table th{ padding:6px;  vertical-align:top;}h2{ font-size: 1.10em;}/* ------------- header ------------- */#header_container{ position:relative;  background-color: #000000;   width:975px;  height:110px;  margin:10px 0px 20px 0px;} #logo-left {position: absolute;display:block;width:195px;height:20px;margin:0px 0px 0px 0px;background-image: url('http://www.kasperkamperman.com/wordpress_kk/wp-content/themes/kasperkamperman.com/images/logo_right.gif') ; background-repeat: no-repeat; }#header-dots{ position: absolute;  width:975px;  height:80px;  margin: 30px 0px 0px 0px;  background-image: url('http://www.kasperkamperman.com/wordpress_kk/wp-content/themes/kasperkamperman.com/images/logogrid.png') ; }#header-menu{ background-color: #000000;    position:absolute;    margin:45px 0px 0px 0px;  padding:2px 6px 3px 2px;  z-index:10;    font-size:16px;  }#header-submenu{ background-color: #000000;    color: #c3dbde;  position:absolute;    margin:70px 0px 0px 0px;  padding:2px 6px 3px 2px;  z-index:10;    font-size:12px;  }#qtranslate-chooser{ position:relative;    margin-top:70px;  float:right;  background-color: #000000;      padding:2px 6px 3px 2px;  z-index:20;    font-size:12px;  }.qtrans_language_chooser li.active a{ color: #c3dbde;} #header-menu li, #header-submenu li{ display: inline;  margin:0; padding:0;}#qtranslate-chooser li{ display: inline;  margin:0; padding-left:4px;}li a{ color: #0e8290;  text-decoration:none;  outline: none;} .current-cat a, .active_category, .current_page_item a  { color: #c3dbde;  } #tagline { background-color: #1e1e1e;   color:#0e8290;   position:relative;  width:955px;  font-size:14px;  font-weight:normal;  line-height:20px;    margin: 0px 0px 20px 0px;  padding:10px;  font-family: "Geneva", "Arial", Sans-Serif; }#tagline em{ color:#c3dbde;  font-style: normal;}/* ------ CARDS -----------------*/.division-line {height:1px;background-color:#1e1e1e;position: relative;width: 100%;overflow: hidden;margin: 0px 0px 20px 0px;}#cards_gallery { position: relative;  padding: 0px;       width: 976px;    /* margin 0 because cards have a bottom margin for frontpage */  margin: 0px;}.carddiv{ position: relative;    margin:0px 19px 8px 0px;  /* eigenlijk 19 met whitespace firefox */  width:180px;  height:240px;      float:left;   display: inline;}.cardfront{ margin:0px 19px 20px 0px; } .lastcard{ margin:0px;} .foot{ position-relative;  margin: 0px 0px 8px 0px;  clear:both;  height:18px;  font-size: 0.85em; } .foot .left img{ margin-right:4px;  vertical-align:-1px;}.foot .right img{ margin-left:4px;  vertical-align:-1px;}.foot a{ color: #727a7d;  text-decoration:none;}.foot a:hover{ color: #d7d7d7;  text-decoration:none;  background:#333333;}.foot a.left{ float:left;  padding: 2px 4px 2px 2px;  }       .foot a.right{ float:right;  padding: 2px 2px 2px 4px;  }/* ------------- card ------------- */a.card{ display:block;  background-color: #1e1e1e;  margin:0;  padding:0;  width:180px;  height:240px;    text-decoration:none;}a.card:hover{ background-color: #2a2a2a;  cursor: pointer;}a.card .title, #portfolio_left .title{ color: #0e8290;  text-decoration: none;    outline: none;} a.card .excerpt, #portfolio_left .excerpt_portfolio{ color: #C3DBDE;   } .excerpt{ position:absolute;   /* font-family:Helvetiker, "Helvetica", "Arial", Sans-Serif; */    font-weight:normal;    top:152px; width:160px;  /* font-size:13px;   line-height:13px; */  padding:2px 0px 0px 1px;} .excerpt_portfolio{ font-weight:normal;} .card-content{ position:absolute;    left:0px;  top:10px;  overflow: hidden;  padding: 0px 10px 10px 10px;  width:160px;   height:210px;   } .card_thumb{ width:160px;  height:100px;    padding-bottom:2px;  border: 0px;   /* in IE no link, change cursor */  cursor : default;} .card-content .title, #portfolio_left .title{ font-family: "Georgia", Serif;    /*font-family:Helvetiker, "Helvetica", "Arial", Sans-Serif; */  font-weight:normal;    font-size:18px;    line-height:20px;   } /* ------------- projects ------------- */#portfolio_container{ position: relative;  width: 100%;  overflow: hidden;   color:#dddddd; }#portfolio_left{ background-color: #1e1e1e;    padding:0px 10px 10px 10px;  width:160px;  margin :0px 0px 0px 0px;  float:left; }#portfolio_right{ position:relative;  margin:0px 0px 20px 199px;    padding:0px 10px 5px 10px;    }#portfolio_content{ /* problem with margin/padding above why ? absolute solution doesn't work   has a relation with p tags in posts.. */  position:relative;  margin:0px 0px 10px 0px;  padding:0px 22px 0px 0px;  width:554px;  /* border-right: dashed 1px #1a1a1a; */}#portfolio_content a{ color: #dddddd;  text-decoration:underline;}#portfolio_content a:hover{ color: #ffffff;  text-decoration:underline;}#portfolio_content .credits strong{ color: #0e8290;  font-weight:normal;}#portfolio_content .credits{ border-left: solid 2px #0e8290;  padding:0px 0px 0px 6px; }#portfolio_gallery{ position:relative;  float:right;  width:164px;  margin:0px 0px 10px 0px;}#portfolio_footer{ clear: both;  border-top: solid 1px #0e8290;   padding: 4px 0px 0px 0px;  color: #666666;} #portfolio_footer a{ color: #0e8290;  text-decoration:none;}#portfolio_footer a:hover{ color: #eeeeee;  text-decoration:underline;}/* ------------- footer ------------- */#footer_container{ position:relative;  /* background-color: #1e1e1e; */  color: #666666;    font-size: 0.85em;   /* padding:4px 10px 4px 10px; */}/* ------------- page ------------- */#page_container{ position: relative;  color:#dddddd;   margin: 0px 0px 20px 0px;  /* nadeel bij blog... komt er nl. nog 10px bij op ivm margin onderste post... */}#page_left_front{ position:relative;    width:578px;  float:left;  /* background-color: #ff0000; */ }#page_left{ position:relative;    width:558px;  padding:10px;  float:left;  background-color: #1e1e1e; }#blogpage_left{ width:578px;  float:left;  /* background:#ff0000; */}#searchpage_left{ position:relative;    width:558px;  float:left;   padding:2px 10px 0px 10px;  background-color: #ffffff; }/* used for about and contact title*/#page_left h1{ padding:0;     font-size:1.50em;    margin-top:0;   color: #0e8290;  font-weight:100;}#page_left form{ padding:10px;  color:#0e8290;  background-color: #2e2e2e;}ul.cl li{ background-color: #2e2e2e;  padding:10px;  margin:10px;  list-style-type: none;} #page_left form br{ display:none;}#page_left form strong{ display:inline-block;  width:100px;  font-weight:normal;}#page_left form label{ display: inline-block;  width:548px;  line-height: 1.8;  vertical-align: top;  margin:0;  padding:0px 0px 0px 10px;}#page_left form input{ width:247px;}#page_left form textarea{ width:250px;}#page_left form #submit{ width:100px;  margin-left:265px;}#page_center{ /* position:relative;    width:224px;  margin-left:7px;  float:left;  background-color:#0000ff;  */}#page_right{ position:relative;    margin:0px 0px 0px 597px;  color:#555555;     padding:10px;    background-color: #1e1e1e;  }#page_right ul, ol { list-style-type: none;  margin: 0;  padding: 0;  }#page_right a{ color: #0e8290;  text-decoration:none; }#page_footer{ clear:   both;}/* ------------- sidebar =------------ */#sidebar ul li { list-style-type: none;  margin: 0px 0px 5px 0px;}#sidebar li{ margin: 0px 0px 10px 0px;  color: #aaaaaa;}#sidebar li a{ color: #aaaaaa;   text-decoration:none;  outline: none;} #sidebar li a:hover{ color: #c3dbde;   text-decoration:underline;  outline: none;} #sidebar h2, #page_right h2{ /* font-family: "Arial", Sans-Serif; */  margin: 0;  font-size: 1.10em;  /* letter-spacing: 0.05em; */  font-weight:normal;  line-height:20px;     color: #0e8290; }.widgettitle { border-top:solid #0e8290 2px;  padding: 5px 0px 5px 0px;}/* ------------- post  ------------- */.vimeo{ border: #000000 1px solid;  display:block;}.post { position:relative;  background: #eeeeee;  margin-bottom:20px;  padding:10px 10px 12px 10px;}.post h1{ margin:0px;  padding:0px;  /* font-family: "Arial", Sans-Serif;   */  font-size:1.50em;   } .post h1 a{ color: #0e8290;  text-decoration:none;  }.postmetadata { color: #666666;  padding: 1px 0px 0px 0px;  margin:0px 0px 8px 0px;  font-weight:100;  font-size: 0.80em;}.postmetadata a { color: #666666;}.entry { color:#000000;}.entry a{ color: #0e8290;}.relatedposts { border-top: solid 1px #0e8290;   margin: 5px 0px 0px 0px;  padding: 4px 0px 0px 0px;  color: #000000;}.postfooter { border-top: solid 1px #0e8290;   margin: 10px 0px 0px 0px;  padding: 4px 0px 0px 0px;  color: #666666;}.postfooter a{ color: #666666;}.comment { background-color:#bbbbbb;}.bypostauthor { background-color: #88BCC3;}.commentlist li { /*background-color:#ffbbbb;  */  padding:5px;  font-weight:normal;  margin:0px 0px 10px 0px;}.commentlist .comment-meta{ font-size:0.8em;}.commentlist .comment-meta{ border-bottom: dashed 1px #eeeeee;  padding:0px 0px 5px 0px;  margin:0px 0px 5px 0px;}#commentform #comment{ width:554px;  background-color:#ffffff;  }h3{ color: #0e8290; }.amazon_iframe{ width:120px;  height:240px;  display:inline;  position:relative;    border:1px #0e8290 dotted;} /* ------ classes for correct image display in content ------ *//* leave it like this */.aligncenter, div.aligncenter { display: block;  margin-left: auto;  margin-right: auto;}.alignleft { float: left;}.alignright { float: right;}.wp-caption { border: 1px solid #ddd;  text-align: center;  background-color: #f3f3f3;  padding-top: 4px;  margin: 10px;  }.wp-caption img { margin: 0;  padding: 0;  border: 0 none;}.wp-caption p.wp-caption-text { font-size: 11px;  line-height: 17px;  padding: 0 4px 5px;  margin: 0;}/* ----------- Gallery style -------------*/.ngg-galleryoverview {/* position: relative;display: inline-block;display:block !important; width: 185px;overflow: hidden;height: 400px;float: right; padding-bottom: 10px; */position: relative; /*border-top: dashed 1px #3c3c3c; */ display:block !important;   position:relative;overflow: hidden;/*width: 180px;float: right; /*background-color: #aeaeae; */}.ngg-gallery-thumbnail-box {float: left;}.ngg-gallery-thumbnail {/* float: left; background: url('http://www.kasperkamperman.com/wordpress_kk/wp-content/themes/kasperkamperman.com/shadowAlpha.png') no-repeat bottom right !important;background: url('http://www.kasperkamperman.com/wordpress_kk/wp-content/themes/kasperkamperman.com/shadow.gif') no-repeat bottom right;*/    margin: 0px 0 0 0px !important; }.ngg-gallery-thumbnail img {/* margin: -6px 6px 6px -6px; *//* border:1px solid #191919; */border:0;display:block; padding: 1px;margin: 0px 4px 8px 4px;position:relative;background-color: #000000;}.ngg-gallery-thumbnail img:hover {background-color: #aaaaaa;} .ngg-gallery-thumbnail span {display:none;}.ngg-clear {  /* clear: both; */  }.ngg-left{ float:left;}.ngg-right{ float:right;}/* 404 */div.rederror { color: #000000;   text-align: center;  background-color: #FE7777;  padding: 5px;   margin:10px 0px 10px 0px;   font-size: 1.20em;}div.suggestion { color: #000000;   text-align: left;  background-color: #dddddd;  padding: 5px;   margin:10px 0px 10px 0px;    }/* custom search */#goog-wm { text-align: center; }    #goog-wm h3.closest-match { border-bottom: 3px dashed #aebd63;  color: #000000;   padding-bottom: 0.5em;  margin: 0;   font-size: 1.20em;       }    #goog-wm h3.other-things{ color: #000000;   text-align: center;  font-size: 1.60em;}#goog-wm li{ list-style-type: none;  text-align: left; }#goog-wm li.search-goog { display: none; }