/*
Theme Name: Monkey.ca Blue Wall
Theme URI: http://monkey.ca/
Description: This is the default theme for Monkey.ca. It's our standard blue wall theme.
Version: 1.0
Author: Martin Blumenfeld
Author URI: http://monkey.ca/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Custom Monkey Style */
:link, :active, :visited{text-decoration:underline}
:hover{text-decoration:none}
ul{list-style-type:square}
h1, h2, h3, h4, h5, h6, pre, code{font-size:1em}
script, h1, h2, h3, h4, h5, h6, pre, p, blockquote, fieldset, input{margin:0; padding:0}
a img, :link img, :visited img{border:none}
address{font-style:normal}
script{height:0px; width:0px}
td, th, body{font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#3f4245; line-height:20px}
body a{color:#313539}
.chalkboard, .chalkboard a, .chalkboard h1, .chalkboard h2, .chalkboard h3,
.chalkboard h4, .chalkboard h5, .chalkboard li{color:#FFF!important; font-family:Comic Sans MS!important}
.FeatureBox{border:solid 4px #3a4a5c; background-color:#FFF; padding:10px}
.error{color:#F00}
H1{font-size:18px; font-weight:bold}
H2{font-size:20px; font-weight:bold}
H3{font-size:18px; font-weight:bold}
H1, H2, H3, H4, H5, H6{margin-bottom:8px; color:#313539}
HR{background-color:#313539; color:#313539; border:0px; padding:0px; margin:0px}
.SmallPrint{font-size:10px}

* {margin:0; padding:0;}
html,body,form{height:100%;}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    background-image: url(images/wall.gif);
}

/*Wordpress Styles */
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0px 0px 10px 10px; }
.navigation { clear: both; height: 30px; }

#pagecontainer {
    min-height:100%;
    height:auto !important;
    height:100%;
    width:975px;
    margin:0 0 -145px; /*negatief want min de hoogte van de footer*/
    display:block;
    background-image: url(images/monkey.gif);
    background-repeat: no-repeat;
}

#contentcontainer{
    width:975px; display:inline;
}

#maincontent{
    width:740px;
    float:left;
    text-align:left;
}

#rightcol{
    width:235px;
    float:left;
    margin-top: -75px;
}

#footerwrap {
    width:100%;
    height: 145px;
    background-image: url(images/right-baseboard.jpg);
}

#footercontainer {
    width:994px;
    height: 145px;
    background-image: url(images/left-baseboard.jpg);
}

#footercontent
{
	background-image: url(images/corner-baseboard.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 145px;
}

.box { margin:12px; }
.push {	height:145px; clear: both; }

#copyright{float:left; padding-right:37px; padding-left:4px; padding-top:101px; font-size:9px; color:#444; line-height:12px}
.chalkboard{background: transparent url(images/chalkboard_fill.gif) repeat-y top left; width:235px; float:right; margin-bottom:10px}
.chalkheader{background: transparent url(images/chalkboard_top.gif) no-repeat top left; height:38px; padding-left:18px}
.chalkcontent{margin:0px; padding:0px 25px 25px 18px; color:#FFF; font-size:11px; font-family: Comic Sans MS; background: transparent url(images/chalkboard_bottom.gif) no-repeat bottom left; }
.chalkcontent p{margin:0px!important; padding:0px!important}
.chalkcontent ul{margin:0px; padding-left:22px}
.chalkcontent li{padding-top:7px; list-style-type:disc}
.chalkcontent li.widget { margin-left: -15px; padding-left: 0px; list-style-type: none;}
.Small_Spacer{width:10px; height:5px; font-size:3px; clear:both}
.Large_Spacer{width:10px; height:15px; font-size:3px; clear:both}
P{margin-bottom:15px}

#nav { padding-left: 14px; line-height: 14px; margin-bottom: 15px; color: #313539; font-family: Tahoma; font-weight: bolder; list-style-type: none; font-size: 12px; float: left; width: 100%; }
#nav li {  float: left; height: 15px; margin-right: 15px;  }
#nav a { color: #313539; text-decoration:none; display: block; }
#nav a:hover{text-decoration:underline;}

.tableCommon{ font-size: 11px; padding:5px!important; border: solid 2px #3A4A5C!important; background-color: #FFFFFF;}
.tableCommon th{ background-color: #61768C; color: #FFFFFF; border-top: solid 2px #3A4A5C; text-align: left;}
.tableCommon td, .tableCommon th{ border-bottom: solid 2px #3A4A5C; border-right: solid 2px #3A4A5C; padding:5px!important; vertical-align: top;}
.tableCommon th a{color: #FFFFFF!important;}

.blogPostDate {
	width: 70px;
	height: 55px;
        padding-top: 24px;
	margin-right: 10px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(images/blog_date_background.gif);
	text-align: center;
	color: #FFFFFF;
	font-family: Comic Sans MS;
	font-weight: normal;
}
.blogPostDate .day { font-size: 33px; font-weight: bold; }
.blogPostDate .month { margin-top: 6px; font-size: 15px; text-transform: uppercase; }
.blogPostSpacer { clear: both; height: 30px; }
div.blogPostContent { width: 622px; float: right; }
.blogPostDetails { font-size: 11px; padding-top: 5px; }
.post .entry li, .blogPostContent li { margin-left: 25px; }

.album { background-color: #eeeeee; border: solid 1px #dddddd; margin-bottom: 10px; padding: 10px; clear: both; }
.album img { float: right; margin: 0px 0px 10px 10px; }
.album div { clear: both; padding: 0px; margin: 0px; height: 0px; }
.album h3 { margin-bottom: 0px; padding-bottom: 0px; }
.album small { font-size: 11px; font-weight: bold; margin-bottom: 5px; }


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Fotobook Styles */

#fotobook-photos-widget .thumbnail {
  -x-background-x-position: center;
  -x-background-y-position: center;
  background-attachment: scroll;
  background-color: #242424;
  background-repeat: no-repeat;
  float: left;
  margin: 5px;
  overflow: hidden;
}

#fotobook-photos-widget img {
  border: 0;
}

#fotobook-main a {
  font-weight: bold;
  font-size: 12px;
}

#fotobook-main {
  font-size: 11px;
  width: 100%;
  border-spacing: 0;
}

#fotobook-main img {
  border: 0;
}

#fotobook-main small {
  font-size: 10px;
}

#fotobook-main td, #fotobook-main th {
  border-bottom: solid 1px #D8DFEA;  
  margin: 0px; padding: 10px;
  vertical-align: middle;
}

#fotobook-main th {
  text-align: center;
  width: 130px;
}

#fotobook-album {
  margin: 0px;
  padding: 5px;
  width: 100%;
  border-bottom: solid 1px #D8DFEA;
}

#fotobook-album td {
  width: 150px;
  padding: 3px 2px;
  text-align: center;
  vertical-align: middle; }

#fotobook-album img {
  background: white;
  padding: 6px;
  border: solid 1px #ccc; }

#fotobook-album img:hover {
  border: solid 1px #3B5998; }
  
#fotobook-info {
  font-size: 10px;
  margin-top: 10px;
  text-align: left;
}

#fotobook-info th, #fotobook-info td {
  padding: 3px;
}

#fotobook-info th {
  font-weight: bold;
  vertical-align: top;
}

.fotobook-subheader {
  text-align: right;
  font-size: 11px;
  margin: 0px;
  padding: 3px 10px 4px;
  border-bottom: solid 1px #D8DFEA;
}

.fotobook-subheader .main {
  float: left;
  text-align: left;
}

.fotobook-subheader .pagination {
  padding-left: 4px;
  text-align: right; 
}

.fotobook-subheader .pagination b {
  padding: 2px;
  font-style: normal;
  font-weight: bold;
  color: #3B5998;
  border-bottom: solid 2px;
}

.fotobook-subheader .pagination a {
  font-weight: normal;
  margin: 0px;
  padding: 3px 3px; 
}

.fotobook-subheader .pagination a:hover {
  color: white;
  margin: 0px;
  padding: 3px 3px;
  background: #3B5998; 
  text-decoration: none;
}

.fotobook-subheader-bottom {
  border-bottom: 0;
}

.fotobook-subheader-bottom .pagination b {
  border-bottom: 0;
  border-top: solid 2px;
}