/*  
Theme Name: Team Whooops THEME
Theme URI: http://teamwhooops.nl/
Description: This theme is developed for skydive Team Whooops.
Version: 1.1
Author: Pieterjan Oomen, aangepast door Anouk de Leeuw, Lionesse
Author URI: http://nz.copperwire.nl/

*/
/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 90% "Lucida Grande", Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	position: relative;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
abbr
{
	cursor: help;
}
fieldset {
	border: none;
}
a img
{
	border: none;
}
/* Form field text-scaling */
input, select, textarea {
	font: 100% "Lucida Grande", Helvetica, sans-serif;
}

/* Start WHOOOPS Stylesheet */

/* Positioning objects */
body
{
	text-align: center;
}
#page
{
	/* width: 770px; ---- AdL ---- */ width: 970px;
	height: auto;
	height: 100%;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

/* START Header */
#header
{
	/* width: 770px; ---- AdL ---- */ width: 970px;
	height: 225px;
	position: relative;
}
#header h1,
#header div.description,
#header #pageMenu,
#header #menu h2
{
	display: none;
}
#header #menu
{
	/* width: 750px; ---- AdL ---- */ width: 950px;
	height: 25px;
	margin: 0 10px;
	position: absolute;
	bottom: 0;
}

#header #menu ul li
{
	margin: 0;
	display: inline;
}
#header #menu ul
{
	margin: 0 0 0 15px;
}
#header #searchform div
{
	display: inline;
	position: absolute;
	bottom: 1px;
	right: 25px;
}
#content #searchform
{
	display: block;
	text-align: left;
	margin: 0 0 0 15px;
}
/* END HEader styles */

/* END Header */
/* START Content - General styles */
#contentContainer
{
	position: relative;
	height: auto;
	/* width: 750px; --- AdL --- */ width:950px; 
	margin: 0 10px;
}
#content
{
	margin: 15px;
	display: inline;
	float: left;
	position: relative;	
}
#content h2
{
	margin: 0;
	position: relative;
}
#contentContainer.homepage #content h2
{
	padding: 0 0 0 25px;
}
#contentContainer.search #content h2
{
	padding: 0;
}
#contentContainer.search #content h2.pagetitle
{
	padding: 0 0 0 25px;
	margin: 0 0 1em 0;
}

#content h3
{
	margin:0;
}
#content a span.commentsLabel,
#content a span.writeComment,
#comments
{
	text-decoration: none;
	padding-right: 50px;
	display: inline;
	float: left;
	position: relative;
	height: 50px;
}
#comments
{
	clear: both;
	float: none;
}
#content a span.writeComment
{
	float: right;
}
#content a span.commentsLabel span,
#content a span.writeComment span,
#comments span
{
	display: none;
}
/* Content - specific styles */
#contentContainer.homepage #content
{
	/* width: 335px; -- AdL -- */ width: 530px;
}
#contentContainer.page #content,
#contentContainer.search #content
{
	/* width: 475px; -- AdL -- */ width: 650px;
}
#contentContainer.photoalbum #content
{
	width: 500px;
}
div.post
{
	clear: both;
	margin-bottom: 15px;
}
/* END Content styles */


/* START SIDEBAR - General styles */
#sidebar
{
	min-height: 500px;
	height: 500px;
	display: inline;
	float: right;
	position: relative;	
}
html>body #sidebar
{
	height: auto;
}
#sidebar ul li h2
{
	padding: 0 0 0 18px;
	font-size: 1.2em;
	margin: 0;
	width: auto;
	position: relative;
	display: inline;
	float: left;
	clear: both;
}
#sidebar ul
{
	height: auto;
	margin: 0 0 15px 0;
	list-style: none;
}
#sidebar ul li
{
	clear: both;
	margin: 5px 0;
	list-style: none;
	display: block;
	float: none;
	position: relative;
}


#sidebar ul li small
{
	float: left;
	display: inline;
	position: relative;
	clear: both;
	height: auto;
	margin: 0;
}
/* Sidebar - specific styles */
#contentContainer.homepage #sidebar
{
	width: 385px;
}
#contentContainer.page #sidebar,
#contentContainer.search #sidebar
{
	width: 245px;
}
#contentContainer.photoalbum #sidebar
{
	width: 215px;
}
#contentContainer.homepage #sidebar #sc-1,
#contentContainer.homepage #sidebar #sc-2
{
	width: 170px;
}
#sidebar #sc-1,
#sidebar #sc-2
{
	height: auto;
	float: left;
	position: relative;
	display: inline;
	margin: 15px 0 0 15px;
}
/* END Sidebar styles */

/* START Flickr Photos */
#contentContainer.homepage #content #flickrPhotos ul
{
	margin: 1em 0 0 15px;
}
#contentContainer.page #content #flickrPhotos ul,
#contentContainer.search #content #flickrPhotos ul
{
	margin: 1em 0 0 0;
}
#flickrPhotos ul li
{
	margin: 0 5px 5px 0;
	display: inline;
	height: 75px;
	width: 75px;
}
#sidebar #flickrPhotos ul
{
	height: auto;
}
/* END Flickr Photos */

/* START Footer - general styles */
#footer
{
 /* width: 770px; ---- AdL ---- */ width: 970px;
	height: 140px;
	bottom: 0;
	position: relative;
	float: left;
	display: inline;
	clear: both;
	text-align: center;
	margin: 15px 0 0 0;
}
#footer p
{
	margin: .5em 25px;
}

/* END Footer styles */


/* Visual styles */
body
{
	background: #fcfcfc url(images/nieuw/bodyBgPage_Whooops.gif) repeat-y center top;
	color: #fff;
}
#header
{
	background: transparent url(images/nieuw/headerBg_Whooops.gif) no-repeat center top;
}

#header #menu
{
	background: #d30000;
	color: #fff;
}

#menu li a,
a.hrefMainMenu,
li.page_item a
{
	color: #fff;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 25px;
	height: 25px;
	width: auto;
}
#menu li a:hover,
a.hrefMainMenu:hover,
li.page_item a:hover
{
	color: #7e7e7e;
}
li.current_page_item { }
#header #menu ul li
{
	border-right: solid 2px #fff;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}
#header #menu ul li.last_page_item
{
	border-right: none
}
#header #s
{
	background: #fff;  /*#e97f7f  */
	border: solid 1px #b30000;
	vertical-align: middle;
	margin: 1px 0 0 0;
}	
#header #s:focus
{
	background: #fff;
}
#searchform h2
{
	background: transparent url('images/searchLabel_Whooops.gif') no-repeat left top;
	height: 1px;
	width: 16px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	display: inline;
	float: left;
	position: relative;
	font-size: 1px;
	padding-top: 18px;
	margin: 5px 0 0 0;
}
#content #searchform h2
{
	background: transparent url('images/searchBltBig_Whooops.gif') no-repeat left top;
}
#content #searchform #s
{
	width: 200px;
	float: none;
	clear: both;
}


#contentContainer.search h2.pagetitle
{
	background: transparent url('images/searchBltBig_Whooops.gif') no-repeat left 2px;
	
}
#contentContainer.teammember #content h2.pagetitle
{

}

#sidebar
{
	background: transparent url('images/sidebarBg_Whooops.jpg') no-repeat left top;
}

#footer
{
	background: transparent url('images/nieuw/footerBg_Whooops.gif') no-repeat center bottom;
}


h1, h2, h3,
h1 a, h2 a, h3 a
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #d30000;
	text-decoration:none;
        text-transform: uppercase;
        letter-spacing: -1px;
	font-weight: bold;
}
h1
{
	font-size: 2em;
	clear: both;
}
h2
{
	font-size: 1.5em;
	clear: both;
}
h3
{
	font-size: 1.2em;
}
small
{
	color: #7e7e7e;
	font-size: 0.9em;
}
hr
{
	color: #d30000;
	height: 0;
	border: solid 1px #d30000;
	margin: 15px 25px 0;
}
a
{
	color: #fff;
/*	font-weight: bold;
*/}
small a
{
	font-weight: normal;
}
a:hover
{
	color: #d30000;
}
#content p
{
	margin-left: 15px;
	text-align:justify;
}
#content a span.commentsLabel,
#content a span.writeComment,
#comments
{
	color:#d30000;
	cursor: hand;
	font-size: 2.75em;
	font-weight: bold;
	background: transparent url('images/commentsBltBig.gif') no-repeat right 3px;
}
#content a span.writeComment
{
	font-size: 1.5em;
	line-height: 2.75em;
	font-weight: normal;
	background: transparent url('images/yourCommentBtn_Whooops.gif') no-repeat right 3px;
}

/* START Commentlist style */
.alt
{
	background: #1a1a1a;
}
#contentContainer.page #content p.postmetadata
{
	border: solid 1px #7e7e7e;
}
.postmetadata small
{
	margin: 10px;
	display: block;
}
small.commentmetadata a
{
	color: #7e7e7e;
	font-size: .9em;
}
ol.commentlist
{
	color: #d30000;
}
ol.commentlist li
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding: 5px;
	list-style-position:inside;
}
ol.commentlist li cite
{
	font-size: 1.2em;
	text-decoration:none;
	font-style: normal;
}
ol.commentlist li cite,
ol.commentlist li p
{
	color:#fff;
}
ol.commentlist li small,
ol.commentlist li p
{
	font-family: "Lucida Grande", Helvetica, sans-serif;
}

#respond
{
	margin: 15px;
	font-size: 1.2em;
	color: #fff;
}



/* END Commentlist style */


.prevPost span,
.nextPost span
{
	display: none;
}
.prevPost a,
.nextPost a
{
	padding-left: 14px;
	display: block;
	display: inline-block;
}
.prevPost a
{
	background: transparent url('images/prvPostBltSmall_Whooops.gif') no-repeat left 3px;
}
.nextPost a
{
	background: transparent url('images/nxtPostBltSmall_Whooops.gif') no-repeat left 3px;
}

#content #flickrPhotos
{
	clear: both;
}
#content h2.Fotos
{
	background: transparent url('images/photosBltBig_Whooops.gif') no-repeat left 2px;
	padding-left: 25px;
}
#sidebar /*#flickrPhotos*/ h2.Fotos
{
	background: transparent url('images/photosBltSmall_Whooops.gif') no-repeat left 2px;
}
#content h2.Nieuws
{
	background: transparent url('images/newsBltBig_Whooops.gif') no-repeat left 2px;
	padding-left: 25px;
}
#content h3.Nieuws
{
	background: transparent url('images/newsBltSmall_Whooops.gif') no-repeat left 2px;
	padding-left: 18px;
}

#sidebar h2.posts
{
	background: transparent url('images/newsBltSmall_Whooops.gif') no-repeat left 2px;
}
span.hrefComments,
#contentContainer.search #content span.commentsLabel,
#contentContainer.teammember #content span.commentsLabel
{
	padding-right: 15px;
	background: transparent url('images/commentsBltSmall.gif') no-repeat right 1px;
}
#contentContainer.search #content span.commentsLabel,
#contentContainer.teammember #content span.commentsLabel
{
	font-size: 1em;
	display: inline;
	position: relative;
	height: auto;
	float: none;
	clear: none;
}
#sidebar h2.archives
{
	background: transparent url('images/archivesBltSmall_Whooops.gif') no-repeat left 2px;
}

/* 
	#linkcat-2 = Andere teams
	#linkcat-3 = Links
	#linkcat-4 = Teamleden
	#linkcat-5 = Sponsors
*/

#sidebar #linkcat-2 h2
{
	background: transparent url('images/teamBltSmall_Whooops.gif') no-repeat left 2px;
}
#sidebar #linkcat-3 h2
{
	background: transparent url('images/linksBltSmall_Whooops.gif') no-repeat left 2px;
}
#sidebar #linkcat-4 h2,
#sidebar li.teamleden h2
{
	background: transparent url('images/teamBltSmall_Whooops.gif') no-repeat left 2px;
}
/*
#sidebar #linkcat-5 h2,
#sidebar li.sponsors h2
{
	background: transparent url('images/sponsorsBltSmall_Whooops.gif') no-repeat left 2px;
}
*/
#sidebar #linkcat-3 li,
#sidebar #linkcat-4 li,
#sidebar li.teamleden li,
#sidebar #linkcat-5 li,
#sidebar li.sponsors li
{
	clear: both;
	height: 62px;
	margin: 0 0 10px 0;
}
#sidebar #linkcat-3 li
{
	font-size: 0.85em;
	height: 50px;
}
#sidebar #linkcat-3 li a,
#sidebar #linkcat-4 li a,
#sidebar #linkcat-5 li a,
#sidebar li.teamleden li a
{
	display: inline;
	float: left;
	position: relative;
	margin: 0 5px 5px 0;
}
#sidebar li a img,
#contentContainer.teammember img.photoTeammember
{
	padding: 5px;
	border: solid 1px #7e7e7e;
}
#contentContainer.teammember img.photoTeammember
{
	margin: 5px;

}
#contentContainer.teammember table.teammember,
#contentContainer.teammember table.teammember td
{
	border: none;
	margin: 0;
	vertical-align: top;
}

/* START Images */
p img {
	padding: 0;
	/*width: 100%;
	max-width: 100%;*/
	margin: 4px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */
/*
	START Other HTML elements
*/
table
{
	border: solid 1px #7e7e7e;
	margin: 5px 15px;
}
th, td
{
	border: solid 1px #7e7e7e;
	text-align: left;
}

code 
{
	font: 1.1em 'Courier New', Courier, Fixed;
	background: #7e7e7e;
	color: #000;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}



a img {
	border: none;
	}
/* START Form elements */
input, textarea
{
	background: #fff; /* #7e7e7e  */
	border: solid 1px #a1a1a1;
	color: #000;
}
input
{
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}
input:focus, 
input:active, 
textarea:focus,
textarea:active 
{
	background: #fff;
}

#searchsubmit,
#submit
{
	color: #fff;
	width: 3ex;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.3em;
	background: none;
	letter-spacing: -1px;
	font-weight: bold;
	border: none;
}
#submit
{
	background: #1a1a1a;
	border: inset 2px #7e7e7e;
	font-size: 1.1em;
	width: auto;
	height: auto;
}
#commentform
{
	width: auto;
}
#commentform textarea 
{
	width: 95%;
	padding: 1px;
	font-size: 100%;
	
}
/* END Form elements */
/* START WP VIDEO */
.wpv_videoc {
 text-align: center;
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 425px;
}

.wpv_video {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 4px 0 4px 0;
 width: 425px;
 height: 350px;
}

.wpv_titleauthor, .wpv_durationdate {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 400px;
 font: bold 11px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
 color: #666;
 padding: 3px;
 border-top: 1px solid #aaa;
}

.wpv_download {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 3px;
}

.wpv_download a {
 font: bold 11px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
 color: #f44;
}

.wpv_download a:hover {
 text-decoration: none;
}

.wpv_download img {
 border: 0;
}

.wpv_self {
 text-align: left;
}

.wpv_self a {
 font: bold 9px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
 color: #000;
}

iframe
{
background: #000;
}

/* END WP VIDEO */

/* ----------------- overwrite default tubepress styles -------------------------------- */ 
#contentContainer .tubepress_video_thumbs {
	height:auto;
	overflow:auto;
	border:none;
	border-top:1px solid #ADAAAD;
	border-bottom:1px solid #ADAAAD;
}
#contentContainer div.pagination span.current{
	color: #D30000;
}

#contentContainer div.pagination a {
	border:none;
	color:#FFFFFF;
	margin-right:3px;
	padding:2px 6px;
	text-decoration:none;
}
#contentContainer div.pagination a:hover, #contentContainer div.meneame a:active {
	background-color:#D30000;
}

/* -------------------- sponsorlogo's op de homepage ------------------------------------------- */
#contentContainer.homepage #sidebar{
	background-position: left 200px;
}
#whooops_sponsors{
	background:#333333; border-left: 2px solid #d40000;
	padding: 15px 0 0 15px;
}
#wp-banners_slideshow{
	width:355px; 
}
#whooops_sponsors h2{
	background: transparent url('images/sponsorsBltSmall_Whooops.gif') no-repeat left 2px;
	padding-left: 18px;
}
/* ------------------- contactformulier ----------------------------------- */ 
#whooops_contactformulier{
	margin-left:15px;
}
#whooops_contactformulier table {
	border:none;
	margin:0;
}
#whooops_contactformulier table td{
	vertical-align:top; 
	border:none;
	font-size:12px;
	padding: 0 0 5px 5px;
}
.wyof_warning, 
#whooops_contactformulier span.err_msg,
#wyof_mail_not_sent{
	color:#DD0000; font-weight:bold;
}
#whooops_contactformulier #yourname, 
#whooops_contactformulier #youremail, 
#whooops_contactformulier #msg{
	width: 250px;
}
#whooops_contactformulier #msg{
	height: 150px;
}
#wyof_submit_form {float:right;}
#form_footer{
	font-size:80%;
	font-style:italic;
}
#whooops_contactformulier tr.error input, 
#whooops_contactformulier tr.error textarea{
	border:2px solid #DD0000;
}

/* ----------------- fixing IE7 issues --------------------------------- */
#page {
	overflow:hidden;
}
#page #highlight, 
#page .tt-older-posts, 
#page .flickr-meta-links {
	margin-left: 10px; margin-right:10px;
}