/*  
Theme Name: Digital Junkies 2
Theme URI: http://digitaljunki.es
Description: The second Digital Junkies theme for WordPress.
Version: 2.0
Author: Stijn Van Minnebruggen
Author URI: http://www.donotfold.be

	Digital Junkies v2.0
	http://digitaljunki.es

	This theme was designed and built by Stijn Van Minnebruggen,
	whose blog you will find at http://www.donotfold.be

*/


/* GLOBAL RESET */
	
	* { margin: 0; padding: 0; }
	img { border: none; }
	p { margin-bottom: 15px; }
	a { color: #fff; }
	a:hover { color: #999; }
	h2 { font-size: 22px; }
	h2 a { text-decoration: none; }
	.l { float: left; }
	.r { float: right; }



/* GENERAL LAYOUT */
	
	body { background: #000 url(img/bg.gif) no-repeat top center fixed; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; color: #fff; }
	#container { margin: 0 auto; width: 800px; }
	.error_img { margin-bottom: 10px; }



/* HEADER */
	
	#header { height: 150px; }
	#header h1 { float: left; margin: 33px 0 0 51px; }
	#header h1 a { display: block; font-size: 11px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: normal; background: url(img/logo.gif) no-repeat center left; padding: 20px 0 20px 70px; width: 200px; }
	#header ul { float: right; list-style: none; font-size: 18px; color: #666; margin-top: 40px; }
	#header ul li { float: left; padding: 10px 20px 10px 0; margin-right: 20px; border-right: 2px solid #333; }
	#header ul li.last { border: none; margin-right: 0; padding-right: 0; }
	#header ul a { color: #666; text-decoration: none; }
	#header ul a:hover, #header ul a.active { color: #fff; text-decoration: underline; }



/* CONTENT */
	
	#content { margin: 0 0 40px 118px; }
	
	.post_header { margin-bottom: 7px; }
	.post_header h2 { float: left; }
	.post_header a.moreinfo { float: right; margin-top: 10px; text-decoration: none; color: #666; }
	.post_header a.moreinfo:hover { color: #fff; }
	
	.post { margin-bottom: 60px; }
	.post_content { position: relative; }
	.post_img, .single img { width: 680px; }
	.post_txt { position: absolute; top: 0; left: 0; background: url(img/shade.png) repeat-x top left; width: 640px; padding: 40px 20px 20px 20px; }

	.meta, .meta a { font-size: 11px; color: #ccc; }
	
	.navigation a { font-size: 16px; text-decoration: none; color: #666; }
	.navigation a:hover { color: #fff; text-decoration: underline; }
	
	.categories { border-bottom: 1px solid #666; margin-bottom: 40px; padding-bottom: 15px; }
	.categories li { float: left; list-style: none; margin: 0 20px 10px 0; }
	.categories a { font-size: 18px; text-decoration: none; color: #666; }
	.categories a:hover, .current-cat a { color: #fff; text-decoration: underline; }
	
	.pageContent { width: 500px; color: #ccc; }
	.pageContent h2 { margin-bottom: 10px; color: #fff; }
	


/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }