/*  
Theme Name: Pixelmountain
Theme URI: http://www.pixelmountain.be
Description: This is my theme for a tutorial.
Version: 1.0
Author: Simon Van den Bergh
Author URI: http://www.pixelmountain.be

*/

/*Featured Post Slide Show*/
#featured_posts{
width:320px;
margin-top:15px;
}
 
#featured_posts h3{
font-size:12px;
width:320px;

}
 
#featured_posts li{

}
 
#featured_posts ul li{

margin:0 0 9px 0;


}
 
.slide_cont{
width:475px; margin:0 0px;
}
 
.slide_cont ul li h3 a, .slide_cont ul li h3 a:hover{
color:#e0e0db;

}

#navigatie { }
.prev{
display:block;
background-color:#1c7aa0; padding:0 2px;
cursor:pointer;
float:left;
margin:5px 5px 0 0;


}
 
.next{
display:block;
background-color:#1c7aa0; padding:0 2px;
cursor:pointer;
float:left;
margin:5px 5px 0 0;

}
.all{
display:block;
background-color:#1c7aa0; padding:0 2px;
cursor:pointer;
float:right;
margin:5px 5px 0 0;
 font-size:9px;
}
 
#searchform ul, #searchform p {  background-image:url(img/bg_article_top.jpg); margin-left:-12px; padding:5px; list-style-type:none;}
#searchform li { margin-bottom:10px;}
#searchform a { text-decoration:none; font-weight:normal; background-color:#1F1504; display:inline; line-height:1.2em;  color:#e0e0db; }
#searchform a:hover { background-color:#1c7aa0; }

body { background-color:#1b0a03;background-image:url(img/bg_main.jpg); background-attachment:fixed; font-size:12px;    }

body, #wrapper, #header {  }
* {   padding:0px; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; margin:0px; color:#e0e0db;  }
p { margin:14px 0;  color:#e0e0db; line-height:22px; }
a {  color:#e0e0db;  }
h1 a { display:block; width:212px; height:81px; background:url(img/logo2.jpg) no-repeat; text-indent:-9999px;  color:#e0e0db; }

h2 {  margin-bottom:20px; font-weight:normal; font-size:2.7em; background-color:#1F1504; display:inline; line-height:1.2em;  color:#e0e0db;  }
h2 a{ font-size:1em; margin-bottom:30px; text-decoration:none; font-weight:normal; background-color:#1F1504; display:inline; line-height:1.2em;  color:#e0e0db; }
h2 a:hover {background-color:#1c7aa0; }
h3 {   color:#1c7aa0; margin-bottom:15px; }
h3 a{ font-size:1.7em; text-decoration:none; font-weight:normal; background-color:#1F1504; display:inline; line-height:1.22em;  color:#e0e0db; }
h3 a:hover {background-color:#1c7aa0; }

blockquote p {  font-size:1.3em; line-height:1.4em; background-color:#1F1504; padding:20px 20px 50px 20px; background-image:url(img/bg_quote.jpg); background-repeat:no-repeat; background-position:bottom right; margin:0px; font-style:italic; color:#BFAD8F;   }
blockquote span {  font-size:0.8em; color:#BFAD8F; text-align:right; display:block; color:#BFAE5F; margin-top:15px   }



/*h3 { color:#e0e0db; font-weight:normal; margin-right:15px; }*/
input, textarea { color:#333333; background-color:#e0e0db; border:none;}
#submit  { background-color:#1c7aa0; color:white; padding:10px; font-weight:bold; font-size:18px; }
textarea {border:2px solid #584D32;}
div > .margin   { padding-top:30px; }

.spec { font-size:1.4em; font-weight:bold; color:#1c7aa0}

p.spec { font-size:15px; font-weight:bold; color:#1c7aa0; background-color:#000000; }

#header_container { background-image:url(img/bg_header_container.jpg); background-repeat:repeat-x; height:150px; }
/*#header_main { background-image:url(img/bg_header_main2.jpg); background-repeat:no-repeat; background-position:top left; height:150px; padding-left:115px; }*/
#header_main { background-image:url(img/bg_header_main2.jpg); background-repeat:no-repeat; background-position:top left; height:150px; padding-left:115px; }

#navigation { margin-left:80px; margin-top:3px; }
/*#navigation li { float:left; /*background-image:url(../images/bg_topnav_tab.jpg); background-repeat:no-repeat; padding:0px; margin:0px 5px 0px 5px ;}
#navigation a:link, #navigation a:visited { color:black; }*/
#navigation > li {     float: left;     background: url(img/bg_navtop_left.jpg) no-repeat  left top ;     padding: 0px 0 17px 13px; 	list-style-type:none;} 
#navigation > li a {     background: url(img/bg_navtop_right.jpg) no-repeat right  top ;     padding: 10px 13px 17px 0px; 	display:block;	color:#e0e0db;	font-weight:bold;	text-decoration:none;} 

#search {  position:absolute; top:91px; left:555px; }
#search input { width:200px; height:15px; background-color:#fcfbf6; border:0px solid #888801; color:#999999; background-image:url(img/bg_searchbox.jpg); background-repeat:no-repeat; background-position:right 0; padding:2px 5px; }

#options {  position:absolute; top:90px; left:900px; }
#options img { float:left; margin-right:5px; }

/* BUBBLE TOOLTIPS SMALL CSS */
abbr, acronym {

}
.bubbleTooltip {
	width: 190px;	color:#e0e0db;	text-decoration:none;	text-align:center;}

.bubbleTooltip span.top {
	padding: 15px 20px 0;	font-size: 11px ;	font-weight:bold;	background: url(img/bubble2.png) no-repeat top left;}
.bubbleTooltip span.bottom {
	padding:15px 0px 15px;	color: #000;	background: url(img/bubble2.png) no-repeat bottom left;}

/* BUBBLE TOOLTIPS WIDE CSS */
.bubbleTooltip2 {width: 300px;	color:#e0e0db;	text-decoration:none;	text-align:center;}

.bubbleTooltip2 span.top {	padding: 15px 20px 0;	font-size: 11px ;	font-weight:bold;	background: url(img/bubble2.png) no-repeat top left;}
.bubbleTooltip2 span.bottom {	padding:15px 0px 15px;	color: #000;	background: url(img/bubble2.png) no-repeat bottom left;}
/* BUBBLE TOOLTIPS  CSS */


#wrapper { width:950px; margin:0 auto;  }
#article_top { background-image:url(img/bg_article_top.jpg); padding:20px; margin-bottom:15px;  }
#article_top img {  margin-bottom:20px;  }
.datum  { background-color:#1c7aa0; position:relative; z-index:10; left:5px; top:15px; display:inline; font-size:15px; padding:2px; text-transform:lowercase;}

.entry {}
.entry img {   }
.postthumb {	position: relative; 	display: block;	 	height:150px; 	/* deze even uitgeschakeld; zorgde oook voor 5OO breed bij de kleine artikesl op de front...: width: 500px; */	}
.postthumb img { border:1px solid white; }
.postthumb cite { 	background-color: #111111;     /* for IE */  filter:alpha(opacity=70);  /* CSS3 standard */  opacity:0.70; color: #e0e0db; position: absolute; bottom:5px; left: 0px; font-size:1.2em; padding:2px; font-style:normal;   } 

#rookpluim { background-image:url(img/bg_article_top.jpg); padding:20px; margin-bottom:15px; }
#slider h3 { color:#1c7aa0; background-image:url(img/ico_clouds.jpg); background-repeat:no-repeat; padding-left:30px; font-size:18px; font-weight:bold; }
#slider li { background-image:url(img/ico_clouds_external.gif); background-position: 3px left; background-repeat:no-repeat; padding-left:20px; list-style-type:none;}
#slider li > a{ text-decoration:none; font-weight:normal; background-color:#1F1504;  line-height:1.2em; padding-left:7px;  color:#e0e0db; }
#slider li > a:hover {background-color:#1a3236; }
#snelnieuws { margin:30px 0; }
#snelnieuws li { list-style-type:none; font-size:10px; background-image:url(img/ico_clouds_external.gif); background-position: 3px left; background-repeat:no-repeat; padding-left:20px; }
#snelnieuws li > span > a {  text-decoration:none; font-weight:normal; background-color:#1F1504;  line-height:1.2em; padding-left:7px;  color:#e0e0db; }
#snelnieuws li > span > a:hover {background-color:#1a3236; }
.feedburnerFeedBlock  { margin-top:15px;  }
#creditfooter { display:none; }
/* Slider */

.scrollButtons {  position: absolute;  top: 60px;  cursor: pointer;}

#slider {  width: 325px;
  margin: 0 ;
  padding-right:15px;
  position: relative;
  float:left;
  height:65px;
  border-right: 1px dashed #241c07;

}

.scroll {

  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;

}

.scrollContainer div.panel {
  padding:  20px 0;
  width: 400px; /* change to 560px if not using JS to remove rh.scroll */
  
}
/* Slider */

#twocol_wrapper { width:100%; }


/*ARTICLES*/
#article_wrapper {  float:left; width:550px; } 
/*#article_wrapper > div > p > a {  color:#1c7aa0; border-bottom:1px dashed #1c7aa0  } */
#article_wrapper .hilite { background:#af9e6a; }/*GOOGLE highlight*/
.article_main {  background-image:url(img/bg_article_top.jpg); margin-left:7px; padding:17px;  margin-bottom:15px;  }
.article_content h3 { font-size:1.5em; background-color:#1F1504; display:inline;  }
.article_content ul { padding: 10px 10px 10px 30px   ; background-color:#1F1504; }
.article_content li { margin-bottom:12px; color:#BFAD8F; }
.article_content a { color:#1c7aa0; text-decoration:none; border-bottom:1px dashed #1c7aa0;  }
.externelink {background-image:url(img/ico_externelink.jpg); background-position:right; background-repeat:no-repeat; padding-right:20px; }
.article_main img {   margin-bottom:10px; border:1px solid #e0e0db  }
.article_small { width:220px;  background-image:url(img/bg_article_top.jpg); padding:20px; margin:5px 7px; /*height:620px; -> fixed met magazeentheme*/ }
#article_bottom h3 { color:#e0e0db; font-size:1.7em; margin:20px 0; line-height:normal; }
.left { float:left;  }
.clear { clear:both; }
.postmetadata { margin-top:25px; clear:both; }
.tweetmeme { float:left; margin-right:20px; }
.digg { float:left; margin-right:20px; }
.share_article { padding-top:5px; }
.comments { background-image:url(img/ico_reaction.jpg); background-repeat:no-repeat; padding-left:20px; margin:0 7px;  }
.comments span { font-size:0.5em;  }
.comments a { font-size:1.9em; text-decoration:none;  }

.leesmeer a { background-color:#1c7aa0; padding:2px; display:inline; color:#e0e0db; }

#leesook { }
#leesook ul { margin:13px; }
#leesook a { color:#e0e0db;   }
#leesook a:hover {background-color:#1c7aa0;}
#leesook li { background-image:url(img/ico_article.gif); padding:5px 20px;  background-repeat:no-repeat; background-position:0 7px; list-style-type:none;  }


p.calltoaction a { padding:10px; background-color:#1C7AA0; color:white; display:inline }

#old_articles { padding:20px; background-image:url(img/bg_article_top.jpg); margin-left:7px; padding:17px; width:500px; margin:20px 7px; clear:both;  }
#old_articles > h4 { margin-bottom:15px; }
#old_articles  > h4 a{ font-size:1.4em; text-decoration:none; font-weight:normal; background-color:#1F1504; display:inline; line-height:1.22em;  color:#e0e0db; }
#old_articles > h4 a:hover {background-color:#1c7aa0; }


.navigation { margin-left:7px; clear:both; padding:20px;   }
.navigation a { background-color:#1c7aa0; padding:2px; display:inline; }

#footer { background-image:url(img/pixelmountain_footer_main.jpg); background-repeat:repeat-x; height:167px; width:100%; }
#footer_content { background-image:url(img/pixelmountain_footer.jpg); background-repeat:no-repeat; background-position:center; height:167px; width:100%; text-align:center; }
#footer_content ul { margin-left:45%; padding-top:145px; }
#footer_content li { float:left; margin-right:5px; font-size:9px; list-style-type:none; }
#footer_content a { border-bottom:1px dashed #e0e0db; color:#e0e0db; text-decoration:none; font-size:9px; }

/*PAGES*/
	/*ARCHIVE*/
	#archives div { margin:25px Opx; }
	#archives  div  h3 { margin:25px 0 0 0; }
	#archives h2 { font-size:2em;background-color:#1F1504; display:inline; line-height:1.2em;  color:#e0e0db;margin: 0 0 25px 0; }
	#archives ul { margin:15px; list-style-type:none; }
	
	
	/*TUTORIALS*/
	.tutorial_thumb { float:left; margin-right:10px; }
	.tutorialwrap {margin:25px 0 35px 0;}
	#tutorials h3 { background-image:url(img/bg_sidebar_title_2.jpg);  background-repeat:no-repeat; background-position:left top; display:inline; padding:2px 4px 27px 4px; color:white; font-size:16px; text-decoration:none;  color:#E0E0DB; margin-bottom:15px; }
	
	/*SEARCH_RESULTS*/
	#search_results > div { margin:25px O; }
	#search_results > div > h3 { margin:25px 0 0 0; }
	#search_results h2 { font-size:2em;background-color:#1F1504; display:inline; line-height:1.2em;  color:#e0e0db;margin: 0 0 25px 0; }
	#search_results ul { margin:15px; list-style-type:none; }
	
	/*CONTACT FORM*/
	
	#contactsubmit { background-color:#1c7aa0; color:white; padding:10px; font-weight:bold; font-size:18px; clear:both;}
	#wpcf input {width: 200px;		margin: 2px 5px 2px 0;}
	#wpcf textarea {width: 400px;	padding: 1px;	margin: 2px 5px 2px 0;}
	
	/*SITEMAP*/
	.ddsg-wrapper ul { margin:20px; }
	
	/*LINKS*/
	.linkwrap  { margin:20px }

/*PAGES*/

#sidebar { width:380px;  float:right;  }
#sidebar ul { margin:0px; }
#sidebar li { font-size:11px; color:#edebe8; padding:5px 20px;  background-repeat:no-repeat; background-position:0 7px; list-style-type:none; }

#sidebar li > ul  { padding:0px; }
#sidebar li > ul > li { padding:0px 0px ; height:12px; display:block;  }
#sidebar > div { background-image:url(img/bg_article_top.jpg); padding:20px 20px; margin-bottom:15px;  }
#sidebar > ul > div { background-image:url(img/bg_article_top.jpg); padding:20px 20px; margin-bottom:15px;  }

#sidebar h3     { background-image:url(img/bg_sidebar_title_2.jpg);  background-repeat:no-repeat; background-position:left top; display:inline; padding:2px 4px 27px 4px; color:white; font-size:16px; text-decoration:none;  color:#E0E0DB }

#tweets { width:100%; padding-top:30px; margin-left:0px;  }
#tweets a { color:#1c7aa0; text-decoration:none; border-bottom:1px dashed #1c7aa0 }
#tweets ul { margin:0px; }
#tweets li { clear:left; list-style:none; background-color: #1F1504; margin-bottom:10px; padding:10px;}
#tweets li:hover { background-color:#1A3236 }
#tweets p { margin-left:63px; margin-top:0 }
#tweets img { float:left; border:1px solid #CCCCCC }
.twittername {  font-size:0.8em;  }
a.twittername   { color:#999999; border-bottom:1px dashed #999999}


.video {margin-top:35px;}



#tabs > li  {  font-size:13px;  color:#e0e0db; font-weight:normal;  float:left;  padding:2px 4px 27px 4px;   }  
#tabs  li > a { background-image:url(img/bg_sidebar_title_2.jpg); color:#999999;  background-repeat:no-repeat; height:100px;  background-position:top right; padding:2px 4px 27px 4px;  }
#tabs li .selected     { background-position:top left;  color:#e0e0db;  font-size:13px;    }

#reacties li { background-image:url(img/ico_reaction.jpg);     }
#hotstuff li { background-image:url(img/ico_article.gif);   }
#tags li { float:left; padding:0 5px;}


#eyecatchers li { background-image:url(img/ico_delicious.gif); }

#comments { background-image:url(img/bg_article_top.jpg); padding:20px 20px; margin-bottom:15px; }
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0 0 0px 0;
	text-align: justify;
	background-color:#4c4228;
	clear:both;
	border:2px solid #584d32;
	margin-bottom:15px;
	 /*background-image:url(img/comment_corner.gif); background-position: 475px -5px; background-repeat:no-repeat;*/
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 0px 0;
	color:#e0e0db;
}


.commentnumber  {  float:right;  }
.commentnumber > p { font-size:5em; color:#584d32;padding-bottom:10px;}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
#respond { background-image:url(img/bg_article_top.jpg); padding:20px 20px; margin:15px 7px; }
#respond > h3 {  margin-bottom:20px; font-size:2.7em; color:#1c7aa0; }
/* End Comments */