/* Page grid
-------------------------------------------------------------- */
#container {
	width: 916px;
	margin: 0 auto;
	padding-top:49px;
	background:#111 url('../images/container-bg.jpg') no-repeat left top;
}
#header { margin-bottom:55px; overflow:hidden;}
	#header #skip { text-indent:-9999em; overflow:hidden; position:absolute;}
	#header #logo { float:left;}
	#header #navigation { margin:0 87px 0 0; text-transform:uppercase; list-style:none; float:right;}
	#header #navigation li { height:12px; float:left; margin-right:1em; padding-right:1em; position:relative; background:url('../images/navigation-divider.gif') no-repeat right bottom;}
	#header #navigation li a { color:#bbbbbb; text-decoration:none;}
	#header #navigation li a:hover,
	#header #navigation li.active a { color:#bbbbbb; text-decoration:underline; color:#777;}
	
	#header #navigation li a.home,
	#header #navigation li a.about,
	#header #navigation li a.links,
	#header #navigation li a.blog,
	#header #navigation li a.contact { display:block; height:12px; text-indent:-9999em; background:url('../images/navigation.gif') no-repeat left top;}
	
	#header #navigation li a.home { width:37px;}
	#header #navigation li a.about { width:104px; background-position:-37px 0;}
	#header #navigation li a.links { width:32px; background-position:-141px 0;}
	#header #navigation li a.blog { width:31px; background-position:-173px 0;}
	#header #navigation li a.contact { width:58px; background-position:-204px 0;}
	
	#header #navigation li a.home:hover,
	#header #navigation li a.about:hover,
	#header #navigation li a.links:hover,
	#header #navigation li a.blog:hover,
	#header #navigation li a.contact:hover { border-bottom:1px solid #bbbbbb; }
	
	#header #navigation li .social { position:absolute; top:0; right:-112px; list-style:none; float:left; margin:0;}
	#header #navigation li.last,
	#header #navigation li .social li { padding:0; background:none;}
		#header .twitter,
		#header .linkedin { display:block; width:21px; height:21px; text-indent:-9999em; background-repeat:no-repeat; background-position:left top; float:left;}

		#header .twitter { margin-right:7px; background-image:url('../images/twitter-icon.gif');}
		#header .linkedin { background-image:url('../images/linkedin-icon.gif');}
		
#content { clear:left; }
	#main {
		width:680px; 
		float:left;
	}
	#sidebar { 
		width:280px;
		float:right;
	}
#footer { clear:both; background:#111 url('../images/footer-bg.gif') repeat-x left top; overflow:hidden;}
	#footer .content { height:182px; background:url('../images/footer-inside-bg.jpg') repeat-x left top;}
	
/* Content Styles */
.intro { min-height:104px; padding:0 13px; color:#d5d4d4; font-size:0.9em;}

.item { padding-top:19px; border-top:1px solid #424242; overflow:hidden;}
.item img { border:thin solid #000; float:left;}
.item .description { width:388px; min-height:290px; margin-left:28px; padding:10px; float:left; background:url('../images/description-bg.gif') repeat-x left top;}
.item .description h2 { margin-bottom:5px; text-indent:-99999em;}
.item .description h3 { margin:0 0 33px 2px; text-indent:-99999em;}

/* ITEM HEADERS */
.item .description h2.mediumbravo { width:350px; height:19px; background:url('../images/headers/h2-mediumbravo.gif') no-repeat left top;}
.item .description h2.ahandful { width:350px; height:19px; background:url('../images/headers/h2-ahandful.gif') no-repeat left top;}
.item .description h2.creatief { width:350px; height:19px; background:url('../images/headers/h2-creatief.gif') no-repeat left top;}
.item .description h2.advance { width:350px; height:19px; background:url('../images/headers/h2-advance.gif') no-repeat left top;}
.item .description h2.valley { width:350px; height:19px; background:url('../images/headers/h2-valley.gif') no-repeat left top;}
.item .description h2.kennemer { width:350px; height:19px; background:url('../images/headers/h2-kennemer.gif') no-repeat left top;}
.item .description h2.ann { width:350px; height:19px; background:url('../images/headers/h2-annfaverey.gif') no-repeat left top;}
.item .description h2.dejaap { width:350px; height:19px; background:url('../images/headers/h2-dejaap.gif') no-repeat left top;}
.item .description h2.arno { width:350px; height:19px; background:url('../images/headers/h2-arno.gif') no-repeat left top;}
.item .description h2.klof { width:350px; height:19px; background:url('../images/headers/h2-klof.gif') no-repeat left top;}
.item .description h2.coactor { width:350px; height:19px; background:url('../images/headers/h2-coactor.gif') no-repeat left top;}
.item .description h2.craig { width:350px; height:19px; background:url('../images/headers/h2-craig.gif') no-repeat left top;}
.item .description h2.fcox { width:350px; height:19px; background:url('../images/headers/h2-fcox.gif') no-repeat left top;}
.item .description h2.kathy { width:350px; height:19px; background:url('../images/headers/h2-kathy.gif') no-repeat left top;}

/* CATEGORIES */
.item .description h3.huisstijl { width:200px; height:26px; background:url('../images/headers/h3-huisstijl.gif') no-repeat left top;}
.item .description h3.logo { width:200px; height:26px; background:url('../images/headers/h3-logo.gif') no-repeat left top;}
.item .description h3.website { width:200px; height:26px; background:url('../images/headers/h3-website.gif') no-repeat left top;}
.item .description h3.vrijwerk { width:200px; height:26px; background:url('../images/headers/h3-vrijwerk.gif') no-repeat left top;}
.item .description h3.illustraties { width:200px; height:26px; background:url('../images/headers/h3-illustraties.gif') no-repeat left top;}
.item .description h3.artdirection { width:200px; height:26px; background:url('../images/headers/h3-art.gif') no-repeat left top;}
.item .description h3.concept { width:200px; height:26px; background:url('../images/headers/h3-concept.gif') no-repeat left top;}
.item .description h3.communicatie { width:200px; height:26px; background:url('../images/headers/h3-communicatie.gif') no-repeat left top;}
.item .description h3.mailing { width:200px; height:26px; background:url('../images/headers/h3-mailing.gif') no-repeat left top;}
.item .description h3.print { width:200px; height:26px; background:url('../images/headers/h3-print.gif') no-repeat left top;}

/* END HEADERS */

#pageNavigation { margin-bottom:28px; padding-top:10px; font-size:0.9em; border-top:1px solid #414141; clear:both; overflow:hidden;}
#pageNavigation .prev { float:left;}
#pageNavigation .next { float:right;}
#pageNavigation a { text-decoration:none;}
#pageNavigation a:hover { text-decoration:underline;}

#footer .content { font-size:0.9em;}
#footer .column { float:left;}
.vcard { }
.vcard .adr { margin-bottom:23px;}
.column { padding-top:17px;}
#footerNavigation { margin-left:505px; padding-top:17px; list-style:none;}
#footerNavigation a { text-decoration:none;}
#footerNavigation a:hover { text-decoration:underline;}