/* 
Theme Name: TCVA
Theme URL: http://www.topvolleybalamstelveen.nl
Description: Wordpress Thema voor Top Volleybal Combinatie Amstelveen
Author: Sander Jansma | Orange Aria
Author URI: http://www.orangearia.nl
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

/* Global
============================================================================== */

* {margin:0; padding:0; line-height: 1.5;}

body, html {background: #b9e0ff url(images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
ul, li {list-style: none;}

a, a:link {text-decoration: none;}
a:hover {text-decoration: underline;}

strong {font-weight: Bold;}

/* Wordpress
============================================================================== */

img.alignleft {float: left; margin: 0 5px 5px 0;}
img.alignright {float: right;}
img.aligncenter  {float: left;}

/* Headers
============================================================================== */

h1 {font-size: 22px;}
	h1.paginatitel {color: #fff !important;}
h2 {}
h3 {font-size: 18px;}
h4 {}

/* Layout
============================================================================== */

#container{width: 950px; position: relative; text-align: left; background: url(images/containerbg.jpg) no-repeat top;}

#header {height: 163px; position: relative;}
	#header #logo a{background: url(images/logo.png) no-repeat; width: 344px; height: 163px; display: block; position: absolute; left: 0; top: 0;}
		#header #header-jumph a{background: url(images/header-jumph.jpg) no-repeat; height: 62px; width: 128px; display: block; position: absolute; left: 0; bottom: 5px;}
		#header #header-specialsports a{background: url(images/header-specialsports.jpg) no-repeat; height: 28px; width: 128px; display: block; position: absolute; left: 5px; top: 5px;}
		#header #header-rabobank a{background: url(images/header-rabobank.jpg) no-repeat; height: 101px; width: 100px; display: block; position: absolute; right: 5px; top: 5px;}
		#header #headersponsors {background: #fff; position: absolute; right: 20px; top: 10px; width: 270px; height: 110px;}
		
	#header #datum {position: absolute; right: 0; top: 128px; width: 180px; height: 35px; background:url(images/datumbg.png); color: #fff;}
		#header #datum p {padding: 5px 0 0 5px; text-align: center; font-size: 16px;}
	
	#zoeken {position: absolute; padding: 5px 0 0 10px; width: 278px; height: 30px; top: 130px; right: 10px; background: url(images/zoekbg.png) no-repeat;}
		#zoeken #s{width: 220px;}
			#searchsubmit {width: 50px; color: #fff; background: transparent; border: 0; cursor: pointer;}
		
#menu {position: relative; height: 42px; background: url(images/menubg.jpg) no-repeat; margin: 0 0 10px 0; padding: 0 0 0 10px; z-index: 99;}
	#menu a {text-decoration: none; color: #fff; font-size: 14px;}
	#menu ul {}
		#menu ul li a { display:block; float: left; height: 33px;  padding: 9px 9px 0px 9px; color: #fff;}
		/*
		#menu ul li a:hover, #menu ul li a:active, #menu .current-cat, #menu .current_page_item{ background:url(images/tab-right.jpg) no-repeat 100% 0px; }
		#menu ul li a span { float:left; display:block; padding: 10px;}
		#menu ul li a:hover span, #menu .current-cat a span, #menu .current_page_item a span{ background: url(images/tab-left.jpg) no-repeat 0 0px; } 
		*/	
		#menu ul li a:hover, #menu .current-cat, #menu .current_page_item{ background: url(images/menu-on.jpg) repeat-x #005eab; color: #fff;}
			#menu ul li a:active {background: #005fac;}

		
#content {position: relative;}
	
	#content h1 {font-size: 22px; color: #ff0000;}
	#content a {color: #ff0000;}
	
	#content-left {position: relative; width: 650px; float: left;}
		#mededelingen-posts, #contentcontainer {margin: 0 10px 0 0;}
		
		.post-wrapper {position: relative; margin: 0 0 5px 0;}
			.post-wrapper h2 {}
				.post-wrapper h2 a{color: #ff0000; font-size: 16px; position: relative; font-weight: bold;}
			
			.post-top {background: url(images/post-top.png) no-repeat top; margin: 0; padding: 0; line-height: 1; height: 10px; position: relative;}
			.post-bottom {background: url(images/post-bottom.png) no-repeat top; height: 11px; position: relative;}
			
			.post {position: relative; background: #fff; padding: 0 10px 0 10px; }
				.post h2 {color: #ff0000; font-size: 16px; position: relative; margin: 0 0 5px 0;}
				.post p {padding: 0 0 10px 0;}
				.post-content {position: relative;}
				.post .post-image a img{float: left; margin: 0 10px 0 0; padding: 3px; background: #ccc; }
					.post-image a:hover img {background: #ff0000;}
				.post-titel {}
			
			.postmeta{position: relative; margin: 10px 0 0 0; background: url(images/post-meta.jpg) no-repeat; height: 22px; padding: 5px 0 0 5px; width: 615px; color: #464646; font-style: italic;}
				.single .postmeta {margin: 10px 0 10px 0;}
				
			.readmore {}
				.readmore a {font-weight: bold; font-size: 12px; color: #fff !important; font-style: normal; background: url(images/leesmeer.jpg) no-repeat; padding: 5px 0 0 10px; width: 71px; height: 22px; position: absolute; right: 0px; top: 0px;}
		
		/* content-bottom */
		
		.post-klein {width: 315px; float: left; display: inline; position: relative;}
			.post-klein-top {background:url(images/post-klein-top.png) no-repeat; width: 315px; height: 11px; position: relative;}
			.post-klein-bottom {background:url(images/post-klein-bottom.png) no-repeat; width: 315px; height: 11px; position: relative;}
			.post-klein-content {background: #fff; padding: 0 10px 0 10px; height: 270px;}
		
			.post-klein h2 {padding: 0 10px 0 0; color: #ff0000; font-size: 18px;}
			.post-klein h4 {font-weight: bold;}
			
			.post-klein.oneven {margin: 0 10px 10px 0;}
			.post-klein.even {margin: 0 0 10px 0;}
			
		#video {margin: 0 10px 0 0;}		
		#team {}
			#team a img{background: #ccc; padding: 4px;}
				#team a:hover img {background: #ff0000;}
	
	/* sidebar */
	
	#sidebar {position: relative; width: 300px; float: left;}
		#sidebar a {color: #fff;}
		
	
	/* footer */
	
	#footer {position: relative; height: 32px; background: url(images/footerbg.png) no-repeat; padding: 10px 0 0 0; margin: 10px 0 10px 0; color: #999999; text-align: center;}
	#footer a {color: #fff;}

/* Pagina's
============================================================================== */		

/* teams pagina */

img.foto {width: 300px;}
.multiwidget_author_avatars {}
	.multiwidget_author_avatars .author-list{}
	.multiwidget_author_avatars .user {width: 150px; float: left;}
		.with-name {width: 110px; display: block;}
	img.avatar{padding: 4px; background: #fff; border: 1px solid #ccc;}
	a img.photo {padding: 4px; background: #ccc; width: 100px;}
		a:hover img.photo {background: #ff0000;}
	
/* profile page */
	
.author {}	
	.profile-avatar {float: left; margin: 0 5px 5px 0;}
	.profile_details {}
		.profile-row {}
		.profile-row span {display: block; font-weight: bold; float: left; width: 90px;}

/* contact */
#contactpersonen {margin: 0 0 10px 0; position: relative;}

.contactpersoon {width: 118px; display: block; float: left; height: 240px; text-align: center; border: 1px solid #ccc; margin: 0 4px 0 0;}
	.contactpersoon strong {margin: 0 0 10px 0;}
	.contactpersoon img {background: #ccc; padding: 3px;}
	
/* video */
#videoplayer {margin: 0 0 10px 0;}
	
/* Plugins & Widgets
============================================================================== */	
/* default widgets */		
.widget {margin: 0 0 10px 0;}
	.widget h2.widget-title, .widget h2.widgettitle {background: url(images/widgetheader.png); height: 29px; color: #fff; font-size: 16px; padding: 10px 0 0 10px;}
	.widget ul li {padding: 5px; background: #2a78b7; background: #005da9; border-bottom: 1px solid #3490dc;}
		.widget ul li ul li {border: 0;}
		.widget ul li a {color: #fff;}
	
.widget .textwidget {padding: 5px; background: #2a78b7; }	
	
/* nextgen gallery */
.ngg_images {position: relative;}
.ngg-widget {}
	.ngg-widget a {display: block; float: left; margin: 0 0 10px 10px;}
	.ngg-widget a img{border: 0; padding: 3px; background: #ccc; margin: 0;}
		.ngg-widget a:hover img {background: #ff0000;}

/* sponsors */
#sponsorslide {height: 190px !important;}
	#sponsorslide ul li {padding: 0;}

	
/* nieuwste mededelingen sidebar */	
.nieuwstemededelingen {}
	.nieuwstemededelingen .post-image img{float: left; padding: 2px; background: #fff; border: 1px solid #ccc; margin: 0 5px 5px 0;}

	
.kjo-link p{display: none;}	

/* KALENDER DISPLAY op homepage */
.kalender-widget {}
	.kalender-widget .widget_calendar_upcoming {}
		.kalender-widget .widget_calendar_upcoming ul {}
			.kalender-widget .widget_calendar_upcoming li {}
				.span .calnk {}

	ul.tabs {display: none;}
	div.kalender-widget { position:relative; overflow:hidden; width: 620px; background: url(images/binnenkort.jpg) no-repeat; height:23px; margin: 0 0 10px 0; padding: 10px; color: #fff;}
		.kalender-widget h2 {float: left; color: #fff; margin: 0 10px 0 0; font-weight: bold; font-size: 14px;}
		.kalender-widget span span {display: none !important;}
		.kalender-widget .event-title {display: none;}
		.kalender-widget a {border: 0 !important; color: #fff !important; font-weight: bold !important;}

		span.calnk {margin: 0 0 0 5px;}

/* Twitter */
.aktt_widget {color: #fff; font-size: 14px;}
	.aktt_widget a {font-size: 12px; text-decoration: underline;}
	.akkt_widget a img.twitter-avatar {}

.xmt {background: #005da9; border-bottom: 1px solid #3490dc;}
	.xmt .tweet_area li {padding: 5px;}
	
.tb_tweetlist {background: #005da9; border-bottom: 1px solid #3490dc;}
	.tb_tweet {padding: 5px !important;}
	
/* Zoeken
============================================================================== */	
	
#searchform{}

/* Comments
============================================================================== */

#comments {}
	#comments h2 {background: #2a78b7; font-size: 16px; color: #fff; padding: 5px;}
	.comments_navigation{}
	.comments_navigation{}
	.comments_reply {}
		.comments_reply h2{color: #fff; font-size: 16px; background: #2a78b7; padding: 5px;}
	.comment {}
	.comments_meta{background: #e0e0e0; padding: 5px 5px 0 5px;}
		.comment-avatar {float: left; margin: 0 5px 5px 0;}
	.comment_text {padding: 5px;}

/* Navigation
============================================================================== */	
	
#navigation {border: 0; background: transparent; text-align: center;} 
	.wp-pagenavi {border: 0; background: transparent;}
	#navigation a {border: 0; background: transparent;}
	#navigation span.current {border: 0; background: transparent;}
	#navigation span.pages {border: 0; background: transparent;}
	#navigation span.extend {border: 0; background: transparent;}
	
/* 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%;}