/*
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(http://c0845342.cdn.cloudfiles.rackspacecloud.com/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(http://c0845342.cdn.cloudfiles.rackspacecloud.com/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(http://c0845342.cdn.cloudfiles.rackspacecloud.com/right-baseboard.jpg);
}

#footercontainer {
    width:994px;
    height: 145px;
    background-image: url(http://c0845342.cdn.cloudfiles.rackspacecloud.com/left-baseboard.jpg);
}

#footercontent
{
	background-image: url(http://c0845342.cdn.cloudfiles.rackspacecloud.com/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(http://c0845342.cdn.cloudfiles.rackspacecloud.com/chalkboard_fill.gif) repeat-y top left; width:235px; float:right; margin-bottom:10px}
.chalkheader{background: transparent url(http://c0845342.cdn.cloudfiles.rackspacecloud.com/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(http://c0845342.cdn.cloudfiles.rackspacecloud.com/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(http://c0845342.cdn.cloudfiles.rackspacecloud.com/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; }