/*

Theme Name: Sjinkerij de Bobbel
Theme URI: http://www.debobbel.com
Discription: Theme voor Sjinkerij de Bobbel
Author: Dominique Nicolaes
Author URI: http://www.dominiquenicolaes.com
Version: 1.0

Colors:
menu text: #CCCC00;

*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


body{
font:"Bell MT";
text-align: center;
background:url(images/background.jpg) no-repeat center top;
width:100%;
height:100%;
margin:0;
padding:0;
display: table;
line-height: 1;
}

ol, ul {
list-style: none;
}

/* general*/

Html, body {
Height: 100%;
}

#container {
width: 990px;
margin: 0px auto;
text-align: left;
position: relative;
background: #f8f8f8;
min-height: 100%;
height: auto !important; /* for IE 6 */
height: 100%; /* for IE 6 */
background: url(images/bg.png) no-repeat center top;
display: table;
}

/* tekst */

#navigation{
float:left;
margin-top:200px;
text-align:center;
width:190px;
height:375px;
padding:5px;
border-top:medium dotted #CCCCCC;
border-right:medium dotted #CCCCCC;
font-size:16px;
font:"Bell MT";
text-transform:uppercase;
}

#navigation ul li{
	padding-bottom:5px;
}

	

#primary_content{
float:right;
margin-top:200px;
width:380px;
height:375px;
padding:10px;
border-top:medium dotted #CCCCCC;
border-left:medium dotted #CCCCCC;
}

#post {
		width:400px;
		height:365px;
		margin-top:10px;
		font:"Bell MT";
		font-size:14px;
		overflow:auto;
		}
		
		#post p{
			padding-bottom:10px;
		}
		
		#post.admin-entry{
			background-color:none;
		}
		
#post a {
	color:#006600;
	text-decoration:none;
	}
	
	#post a:hover {
		color:#008e00;
	text-decoration:none;
	}

h2{
font-size:22px;
font:"Bell MT";
color:#006600;
text-transform:uppercase;
font-style:normal;
text-align:center;
}

#meer_post{
	margin-top:25px;
	font-size:12px;
	color: #82312b;
	text-decoration:none;
	}

/* menu links */

a:link {
color:#006600;
text-decoration:none;
 }     

a:visited {
color:#006600;
text-decoration:none;
}

a:hover {
color:#009c00;
text-decoration:none;
} 

a:active {
color:#006600;
text-decoration:none;
}


/* gallery */

#gallery {
width: 270px;
height:600px;
}


#thumbs {
Position: relative;
left: 255px;
width: 0%;
border: none;
}

#logo h1 a{
	display:block;
	background:url(images/logo.png) no-repeat;
	text-indent: -9999px;
	width:406px;
	height:242px;
	margin-left:-40px;

}


#thumbs2 {
position:absolute;
top:460px;
left:31px;
}

#thumbs a {
        height: 51px;
        width: 60px;
        float: left;
        margin: 5px;
        border: none;
    }
    
#thumbs a:hover img.full {
        display: block;
		border: none;
		
    }
    
#thumbs a img.thumb {
            height: 100%;
            width: 100%;
			border: none;
        }
        
#thumbs a img.full {
            display: none;
            position: absolute;
            left:-16px;
            top: -220px;
			height: 213px;
			width: 244px;
			border: none;
			z-index:1px;
        }

#start_image {
position:absolute;
top:240px;
left: 15px;
z-index:0;
}
		
#gallery_background_top {
background: url(images/bg_gallery_top.png);
}

#gallery_background_bottom {
background: url(images/bg_gallery_bottom.png);
}

#gallery.midden {
	background: url(images/Midden-foto.jpg) no-repeat;
	height: 600px;
	width: 270px;
	position: absolute;
	left: 0px;
	z-index:2;
	}
	
/* Footer */
#footer_wrap{
	 height: 40px;
  	clear: both;
	}

	#footer {
	height: auto !important;
   	height: 100%;
   	margin: 30px auto -210px;
	width:935px;
}
	
	#footer p {
	font-family: "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:10px;
	padding-top:13px;
	text-align: center;
	margin-left:-165px;
	}
	
		#footer p a {
		color:#353434;
		text-decoration:none;
		}
	
			#footer p a:hover {
			text-decoration:underline;
			}
			
			/* comments */
#comments_template{
	clear:both;
	margin-bottom:28px;
	overflow:hidden;
	padding-top:20px;
}

#respond h3{
	margin-left:-15px;
	background:none;
	padding-top:3px;
	height:25px;
}

#comments_template input{
	background-color:#FFF;
	margin-right:10px;
}

#comments_template li{
	clear:left;
	border-bottom:1px solid #d3d3d3;
	border-top:1px solid #white;
	padding:2em 0;
	overflow:hidden;
}

#comments_template li:first-child{
	border-top: none;
}

#comments_template li:last-child{
	border-bottem: none;
}

#meer_post{
	margin-top:15px;
	font-size:12px;
	color: #82312b;
	text-decoration:none;
	float:right;
	}
	
#date{
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px;
	color: #82312b;
	}