/*___________________________


	Amsterdam Theme
	2009 // Bram Loogman
	
___________________________*/



/* ___common */

body	{ min-width: 940px; font-family: Helvetica, Tahoma, Genova, sans-serif; font-size: 10pt; color: #000;}
p 		{ margin: 0; padding: 0; font-family: Arial; }
a		{ color: #000; }
h2		{ margin: 0; padding: 0; text-align: right; font-size: 14pt; font-weight: normal; color: #444; }
h3 		{ margin: 0; padding: 0; text-align: right; font-family: Arial; font-size: 8pt; font-weight: normal; color: #222; }
.clear	{ clear:both; }

a img 		{ border: 0; }
a:hover h2	{ color: #666; }
a:hover h3	{ color: #000; }
*:focus		{ outline:none; }

/* tags */
.acoustic	{ color: #d1f795 !important; }
.electric	{ color: #f7df8b !important; }
.indepth	{ color: #db7c70 !important; }
.diaries	{ color: #b2d4eb !important; }

/* tags hover */
a:hover .acoustic	{ background-color: #066406 !important; color: #fff !important; }
a:hover .electric	{ background-color: #d9b906 !important; color: #fff !important; }
a:hover .indepth	{ background-color: #9c0909 !important; color: #fff !important; }
a:hover .diaries	{ background-color: #0e5280 !important; color: #fff !important; }

/* ___header */

#header, #content { width: 940px; margin: 0 auto; }
#header { height: 120px; }
	#header a		{ text-decoration: none; color: #a3a3a3; }
	#header a:hover	{ color: #666; }
	#header .active	{ text-decoration: none; color: #000; }
	#header ul		{ list-style: none; margin: 0; padding: 0; }
	#header li		{ float: left; width: 212px; height: 85px; margin: 35px 0 0 10px; line-height: 85px; }
	#logo 			{ float: right; margin: 14px 50px 0 0; }

	
/* ___content */

.container		{ float: left; height: 522px; }

.block			{ position: relative; float: left; display: block; height: 119px; margin: 10px 0 0 10px; }

.full			{ width: 878px; }
.wide 			{ width: 656px; }
.medium			{ width: 434px; }
.small			{ width: 212px; }

.full.container		{ width: 888px; }
.wide.container		{ width: 666px; }
.medium.container	{ width: 444px; }
.small.container 	{ width: 222px; }


/* ___grid */

.block 	{ float: left; overflow: hidden; text-decoration: none; background: #fff url('../images/bg_white.jpg') repeat;}
	.block a		{ text-decoration: none; }
	.block a:hover	{ text-decoration: underline; }
	.block h2		{ background: transparent url('../images/semi-transparent_white.png'); }
	.block h3		{ }
	.block h3 img	{ vertical-align: bottom; }
	.block .bg		{ position: absolute; top: 0; left: 0; width: 212px; opacity: .3; filter:alpha(opacity=30); }
	
	
	a .block			{ cursor: pointer; }
	a:hover .block h2 	{ color: #000; }
	a:hover .block h3 	{ background-color: #fff; color: #000; }
	a:hover .block .bg 	{ opacity: .6; filter:alpha(opacity=60); }	
	
.small.block			{ background-color: #fff; }	
	.small.block h2			{ position: absolute; bottom: 0; right: 0; z-index: 1; padding: 3px; margin: 0; width: 212px; }
	.small.block h3			{ position: absolute; top: 0; left: 0; z-index: 1; padding: 1px 3px; }	
	
.borderBg { clear: both; height: 21px; margin: 5px 0 0 10px; border-bottom: 1px solid #bbb; text-align: right; }
	.borderBg span 	{ position: relative; bottom: -7px; padding: 0px; background-color: #fff; color: #bbb; line-height: 16px; font-size: 11pt; }
	.borderBg .left	{ float:left; padding: 0 4px 0 0; }
	
	.borderBg a			{ text-decoration: none; color: #666; }
	.borderBg a:hover	{ color: #333; }
	
	
/* ___sidebar */

.sidebar 	{ position: absolute; top: 128px; margin-left: 666px; }

.link h2	{  }
.link h3	{ background-color: #fff; }
.link img	{ background-color: #fff; opacity: .3; filter:alpha(opacity=30); }
.link:hover img	{ opacity: 1.0; filter:alpha(opacity=100); }


/* ___video's */

.video .thumb			{ background: #000 url('../images/bg_black.jpg') repeat; }
	.video .thumb h2		{ background: transparent; line-height: 27px; font-size: 29px; color: #ddd; margin-bottom: 3px; }
	.video .thumb h3		{ }	
	.video a { text-decoration: none; }
	.video a:hover h2 	{ color: #fff;}

.wide.video.block		{ width: 656px; height: 369px; }

.videoTitle		{ height: auto; margin-top: 0; background: #000 url('../images/bg_black.jpg'); }
.videoTitle h2	{ position: relative; color: #fff; padding: 8px 3px 0; background: transparent; font-weight: bold; }
.videoTitle h3	{ position: relative; color: #fff; padding: 0 3px 8px; }


/* ___blog posts */
.news a { text-decoration: none; }

.text.block 	{ height: auto; min-height: 119px; }
.text p	{ margin: 10px 5px; line-height: 13pt; }

.small.block .twitpic { margin-top: -45px; }

.gallery	{ background: #fff; margin: 0 0 30px 0; height: auto; width: 676px; }
	.gallery-item { float: left; width: 212px !important; height: 119px; margin: 10px 0 0 10px; }
	.gallery-icon { width: 212px !important; height: 119px; margin: 0; overflow: hidden; }
	.gallery img { border: 0 !important; width: 212px !important; height: auto !important; }
	
	
/* ___home */

#latestVideos	{ }
#latestNews		{ }



/* ___about */

.wide.page.block	{ height: auto; min-height: 119px; }