/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/* @import url('examples/2c-l.css'); */

/* Basic layout */
* {
    margin: 0;
    padding: 0;
}

body{
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 85%;
    background: #1d1717 url('/wp-content/themes/sandbox/images/background.jpg') no-repeat top center;
    color: #fff;
}
/* Header ************************************* */
div#header{
    height: 87px;
    text-align:center;
	margin-top: 15px;
}
h1#blog-title{
    width: 950px;
    margin: 0 auto;
    text-align: left;
}
h1#blog-title a{
	background:transparent url('/wp-content/themes/sandbox/images/logo.png') no-repeat scroll left top;
	display:block;
	height:71px;
	overflow:hidden;
	text-indent:-999px;
	width:302px;
    margin: 0 auto;
}
div#menu{
    width: 950px;
    margin: 0 auto;
    text-align: right;
}
div#menu ul{
    list-style: none;
    height: 20px;
}
div#menu ul li{
    display: inline;
    margin-left: 10px;
}
div#menu ul li a{
    font-size: 0.8em;
    color: #fff;
    text-decoration: none;
}

/* Menubar ************************************* */


/* ***************************************************
 * menu
   *************************************************** */
#access{
    background: #665546 url('/wp-content/themes/sandbox/images/access-background.png');
    height: 42px;
    text-align: center;
}
	#access ul{
    list-style: none;
    height: 42px;
    display: block;
    width: 950px;
    margin: 0 auto;
    text-align:left;
	}

    #access li{
    float:left;
    height: 42px;
    display: inline;
    margin-left: 10px;
    padding-right: 10px;
    background: url('/wp-content/themes/sandbox/images/access-bullet.gif') no-repeat right;
    }
		#access ul li{
		border: 0;
		float:left;
		padding:0;
		width: auto;
		position: relative;
		height: 42px;
		z-index: 500;
		}

        #access ul li.seperator{
            margin: 0 10px
        }
			#access ul li a{
			border: 0;
			font-weight: none;
			font-size: 1em;
			height: 42px;
			line-height: 42px;
			background: transparent;
			padding: 0 10px;
            margin-right: 10px;
			color: #fff;
			display: block;
			float:left;
			text-decoration: none;
			position: relative;
			z-index: 400;
			}
			#access ul li a:hover{
				color: #fff;
				background: url('/wp-content/themes/sandbox/images/access-li.png');
				border: 0;
			}
			#access ul li.current{height: auto;}
			#access ul li.current a{
				color: #fff;
				background: url('/wp-content/themes/sandbox/images/access-li.png');
				border: 0;
			}
				#access ul ul.children{
                    border: 0;
					position: absolute;
					top: 42px;
					left: 0px;
					background: #990808;
					width: 200px;
				}
					#access ul ul.children li{
                        cursor: pointer;
						border: 0;
						color: #fff;
						display: block;
						width: 200px;
						background: #990808;
						border-bottom: 1px solid #b11616;
						padding:0;
						margin:0;
						height: auto;
					}
					#access li ul.children li a{
                        cursor: pointer;
						line-height: 18px;
						padding:5px 0;
						margin:0;
						background: none;
						display: block;
						float:none;
						color: #fff;
						text-indent: 5px;
						height: auto;
					}
					#access li ul.children li a:hover{
						background: #b11616;
}

div#access .cat-item-12{
    display:none; /* Verbergt het tabje voor de sidebars*/
}




/* Omliggende container ************************************* */
div#container{
    width: 950px;
    margin: 0 auto;
    text-align: left;
    background: #332929;
}
div#container:after, div.post:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1; /* fickfocking ie */
}
/* Inhoud ************************************* */
div#content{
    width: 680px;
    float:left;
    margin: 10px;
}
div#primary{
    float:left;
    width: 230px;
    margin: 10px;
}
div#footer{
    clear:both;
    background: #0c0909;
}

div#footer .footer{
    clear:both;
    margin:0 auto;
    text-align:left;
    width:950px;
    font-size: 12px;
}
div#footer a{
    color: #fff;
}
div#footer ul{
    font-size: 12px;
    float: left;
    list-style: none;
    line-height:18px;
    margin-right: 200px;
}
div#footer ul li, div#footer ul li a{
    color: #fff;
}
h1.page-title{
    background: #000;
    height: 50px;
    line-height: 50px;
    padding: 5px 10px;
}
h1.page-title span{
    background: #ac0705 url('/wp-content/themes/sandbox/images/page-title.png');
    height: 40px;
    padding: 5px;
    font-size: 30px;
}
.archive-meta{
    background: #3d332a;
    padding: 10px;
    margin: 10px 0;
}
.archive-meta p{
   margin-bottom: 10px;
}

/* standard elements */

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* floats */

.float-left,  #contentwrapper #contentbox .float-left{float:left; display: inline;}
.float-right, #contentwrapper #contentbox .float-right{float:right; display: inline}
.float-none, #contentwrapper #contentbox .float-none{float: none; display: block;}

em, small{color: #777;}
small, small a{font-size: 0.95em;}

fieldset{
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 10px 10px;
}
legend{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
fieldset table{
	margin-bottom: 0;
}
/* snelle margin en padding classes */
.margin{margin: 10px;}
.margin-left{margin-left: 10px;}
.margin-right{margin-right: 10px;}
.margin-top{margin-top: 10px;}
.margin-bottom{margin-bottom: 10px;}
.no-margin, body #content .no-margin{margin: 0 0 0 0;}
.padding{padding: 10px;}
.padding-left{padding-left: 10px;}
.padding-right{padding-right: 10px;}
.padding-top{padding-top: 10px;}
.padding-bottom{padding-bottom: 10px;}
.no-padding{padding: 0 0 0 0;}
.clear-left{clear:left}
.block{display: block;}

.border-left, #contentwrapper #contentbox .border-left{border-left: 1px solid #ccc;}
.border-right, #contentwrapper #contentbox .border-right{border-right: 1px solid #ccc;}
.border-bottom, #contentwrapper #contentbox .border-bottom{border-bottom: 1px solid #ccc;}
.border-top, #contentwrapper #contentbox .border-top{border-top: 1px solid #ccc;}
.border, #contentwrapper #contentbox .border{border: 1px solid #ccc;}
.no-border, #contentwrapper #contentbox .no-border{border: none;}

/* position classes */
.relative{position: relative;}
.absolute{position: absolute;}

.pointer{cursor: pointer;}
/* om plaatjes tussen tekst verticaal te centreren */
.absmiddle{margin-bottom: -0.25em; margin-right: 0.25em;}
/* leg de nadruk op een tekst*/
.emphasis{
	background: #FFEE9F;
	padding: 4px 10px;
	float:left;
	margin-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.emphasis table{width: auto;}
.emphasis ul{
	list-style: none;
	margin: 3px;
	padding: 0;
}
/* voor de contrast in de emphasis */
.emphasis small{
	color: #514721;
}

.red{color: #DF0000; font-weight: bold;}
.green{color: #264409; font-weight: bold;}
.yellow{color: #514721; font-weight: bold;}
a:hover{text-decoration: none;}
.highlight{background: #FFD324; padding: 3px; color: #1F1900}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}




span.button{
    background: url('/wp-content/themes/sandbox/images/button-right.png') no-repeat top right;
    height: 35px;
    float:left;
    padding-right: 10px;
}
span.button a{
    color: #fff;
    background: url('/wp-content/themes/sandbox/images/button-left.png') no-repeat top left;
    display: block;
    height: 35px;
    line-height: 35px;
    padding-right: 15px;
    padding: 0 10px 0 20px;
}
.alignleft{
    float:left;
}
a{
    color: #A40A0A;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}
a img{
    border: none
}
abbr{
   border: none;
}
p{
    margin-bottom: 1em;
}
/* headings */
h1{}
h2{}
h3{color: #fff; font-size: 1.5em}
h4{color: #fff; font-size: 1.34em}
h5{color: #fff; font-size: 1.2em; font-style: italic;}
/* headings with anchor */
h3 a{
    color: #fff;
    text-decoration: none;
}
.post{
    clear:both;
    margin-bottom: 10px;
}
.wp-caption{
    padding: 5px 0;
    background: #A40A0A;
    color: #fff;
    text-align: center;
    margin: 5px;
}
.wp-caption p{
    margin: 5px 0 0 0;
    font-size: 0.8em;
}
.entry-date{
    display:none;
    font-size: 0.9em;
    color: #a8a8a8;
}