/**
  Theme Name: ThemeHWW 2011
  Theme URI: http://www.teamhww.nl
  Version: 1.0
  Author: Vasco Neering
  Author URI: http://www.themothership.nl
  Tags: simple, clean, fixed width, two columns, valid XHTML, valid CSS, blank-slate
  Description: 
*/

/** 
  Define HTML5 Elements for firefox & safari
*/

article, aside, details, figcaption, figure, footer, header,
  hgroup, menu, nav, section { display: block; }

/*
*{
 -webkit-backface-visibility: hidden;
}
*/
/**
	Algemene shit
*/

img
{
	border:0px;
}
a
{
	color:#2CBEFF;
	text-decoration:none;	
}
a:hover
{
	color:#000;
	text-decoration:underline;		
}
/** Eind Algemene shit */

/**
	Kleuren 
*/
.primaryColor
{
	background-color: #2cbeff;
	color: #000;
	text-shadow: 1px 1px 1px #64E0FF;
}
.primaryColor p
{
	color:#000;
}
.secondaryColor
{
	background-color:#000;
	color:#fff;
}
.tertiaryColor
{
	background-color: #CFCFCF;
	color: #000;	
	text-shadow: 1px 1px 1px #EFEFEF;
}

.tertiaryColor_flat
{
	background-color: #CFCFCF;
	color: #000;	
	text-shadow: 1px 1px 1px #EFEFEF;
}

.tertiaryColor p
{
	color: black;	
	
}
.pageBG
{
	background-color: #efefef;
	color: #000;
}
.articleBG
{
	background-color: #fff;
	color: #000;
}
.tip
{
	background-image:url('/wp-content/themes/teamHWW/images/tip_small_hww.png');
}
#Explore a:hover,nav a:hover,#TopContent a:hover,#PostRoll a:hover,#SlideshowContent a:hover,#similar article a:hover
{
	text-decoration:none;
}
#PostRoll a
{
	color:#000;
}
#PostRoll a:hover h1 
{
	color: #2CBEFF;
}
#TopContent article a:hover span,#SlideshowContent a:hover span.title,#similar  a:hover span.primaryColor
{
	background-color: #000;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;	
}
#TopContent article a:hover p.tip,#SlideshowContent a:hover span.tip,#similar  a:hover span.tip
{
	background-image:url('/wp-content/themes/teamHWW/images/tip_small_blk.png');
}

/** Eind Algemene shit */

html {
  overflow-y: scroll;
 	background-color: #FFF;
}

body 
{ 	
	font-family: verdana,helvetica,sans-serif;
	background-color: #FFF;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

/**
  Header Styling
*/

header {
	top: 20px;
	position:relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#barStripe
{
	position:absolute;
	top: 100px;
	display:block;
	height:35px;
	width:980px;
	margin-left: auto;
	margin-right:auto;
}
#bar
{
	width: 980px;
	margin-left: auto;
	margin-right:auto;
}
#bar img
{
	position:relative;
	z-index: 15;
	margin-top: -30px;	
}
#leaderboard
{	
	display:block;
	position:relative;
	left: 140px;
	width: 728px;
	height: 90px;
	margin-left: 252px;
	margin-top:10px;
	background-color: transparent;
}
nav
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin-top: -96px;
	margin-left: 300px;
	position:relative;
	display:block;
	z-index: 10;
	text-align:right;
	height: 25px;
	padding-top:10px;
	font-size: 16px;
}
nav a
{
	float:left;
	display:block;
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top: 5px;
	padding-bottom:3px;
	height:27px;
	color: #FFF;
	font-weight: bold;
}
nav a:hover
{
	background-color: #2CBEFF;
	color:#000;	
}

nav form
{
	margin:0px;
	padding:0px;
}
#searchform
{
	float:right;
	margin:0px;
	height: 25px;
	margin-left: 0px;
	margin-right:10px;
	margin-top:5px;
}
#searchsubmit
{
	float:right;
	display:block;
	padding-left:5px;
	padding-right:5px;
	height: 25px;
	border:0px;
	margin-left:1px;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}
#searchsubmit:hover
{
	background-color:#000;
	color:#FFF;
}
#s
{
	border:0px;
	height:25px;
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
}
.screen-reader-text
{
	display:none;
}
/**
  Eind Header Styling
*/

/**
  Home Showcase Block
*/

#postPage
{
	width: 960px;
	height: 100%;
  	margin-left: auto;
  	margin-right: auto;
	margin-top:20px;
	padding:10px;
}

#TopContent
{
	width: 960px;
	height: 136px; 
}
#TopContent article
{
	position:relative;
	width: 239px;
	height:133px;
	float:left;
	margin-right:1px;
	overflow:hidden;
}
#TopContent article.last
{
	width: 240px;
	margin-right:0px;
}
#TopContent article.last p
{
	width: 240px;
}
#TopContent article img
{
	position:relative;
	z-index: 11;
}

#TopContent article p
{
	display:block;
	padding-top:10px;
	padding-bottom:0px;	
	position: absolute;
	top:75px;
	height: 30px;	
	width:239px; 
	bottom:5px;
	z-index: 12;
	background-repeat:no-repeat;
	background-position: 6px -0px;
}

#TopContent article span
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-transform: uppercase;
	display:block;
	height: 33px;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
#Slideshow
{
	position:relative;
	display:block;
	width: 960px;
	height:340px;
	margin-top:1px;
}
#SlideshowContent
{
	position:relative;
	display:block;
	width: 600px;
	height: 340px;
	overflow: hidden;
	float:left;
}
#SlideshowHorScroller
{
	display:block;
	padding-top:340px;
	height:1020px;
	width:3000px;
	z-index:5;
}
#SlideshowHorScroller article
{
	width:600px;
	height:340px;
	float:left;
}
#SlideshowHorScroller img
{
	position:relative;
}
#SlideshowHorScroller span
{
	position:relative;
	top: -47px;
	width: 600px;
	height: 15px;
	margin-top:10px;
	float:left;
	background-repeat:no-repeat;
	background-position: 6px 4px;	
}
#SlideshowHorScroller span.title
{
	position:relative;
	top:12px;
	width: 595px;
	height: 25px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-top:1px;
	font-size: 16px;
	text-transform: uppercase;	
}
.sliderImageHolder
{
	display:block;	
	width: 600px;
	height:340px;
	overflow:hidden;
	background-image:url('/wp-content/themes/teamHWW/images/ajax-loader.gif');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
}
#SlideshowSelector
{
	position:relative;
	float:right;
	display:block;
	width: 360px;
	height: 340px;
	overflow:hidden;
}
.SlideNormal
{
	margin:0px;
	margin-top:63px;
	float:right;
	display:block;
	width:340px;
	height:57px;
	padding-left:15px;
	padding-right:5px;
	padding-top:5px;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
}
.SlideNormal a
{
	text-decoration:none;
	color: #000;
}
.SlideNormal p,.SlideSelected p
{
	margin:0px;
	margin-top:0px;
	font-size: 12px;
	font-weight:normal;
	line-height: 15px;
	text-shadow: 0 0 0 ;	
}
.SlideSelected
{
	margin:0px;
	margin-top:63px;
	float:left;
	display:block;
	width:340px;
	height:57px;
	padding-left:15px;
	padding-right:5px;
	padding-top:5px;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
}
.SlideSelected:hover
{
	text-decoration:none;
}
.SlideSmall
{
	display:block;
	width:360px;
	height:63px;
	overflow:hidden;
}
.SlideVert
{
	display: block;
	Height: 189px;
	width: 720px;
}
#SlideTips
{
	position:absolute;
	left:580px;
	z-index: 300;
}
#SlideTips .TipHolder
{
	width:20px;
	height:63px;
	display:block;	
	overflow:hidden;	
}
#SlideTips .Tip
{
	width:40px;
	height:63px;
	display:block;	
	background-image:url('/wp-content/themes/teamHWW/images/tip_hor.png');
	background-position: 23px;	
	background-repeat:no-repeat;
}
#SliderSingle
{
	position:absolute;
	display:block;
	height:63px;
	width: 740px;
	left: -100px;
	background-color:#aaa;
}
#Slides
{
		position:relative;
		z-index: 4;
}
#SlideshowSelector h2
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 14px;
	text-transform: uppercase;	
	color: #000;
}

#SlideshowSelector #Slides a
{
}

#SlideshowPageControl
{
	margin:0px;
	display:block;
	width: 360px;
}

#SlideshowPageControl ul
{
	list-style-type: none;
	padding:0px;
	margin:0px;
}

#SlideshowPageControl li
{
	float:left;
}

#SlideshowPages
{

	display:block;
	width: 310px;
	padding-top:0px;	
	height: 25px;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;	
}

#SlideshowPageDown
{
	display:block;
	width: 24px;
	height:25px;
	margin-left:1px;
	background-image:url('/wp-content/themes/teamHWW/images/dropdown_down.png');	
	background-position: -11px -10px;	
}

#SlideshowPageUp
{
	display:block;
	width: 24px;
	height:25px;
	margin-left:1px;
	background-image:url('/wp-content/themes/teamHWW/images/dropdown_up.png');	
	background-position: -11px -10px;	
}

#Explore
{
	height: 340px;
	width: 350px;
	margin-left:0px;
	margin-top:10px;
	float:right;
	font-size: 10px;
}
#Explore .exploreArticle
{
	display:block;
	height:62px;
	width: 350px;
	overflow:hidden;
	margin-top:0px;
	border-bottom:1px solid #E3AF00;
}
#Explore p
{
	display:block;
	width: 241px;	
	float:right;
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	margin-top:2px;
	line-height: 18px;
}
#Explore img
{
	float:left;
}
#Explore a
{
	display:block;
	height: 62px;
	width:350px;
	color:#000;
}

#Explore h1
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	display:block;
	width: 231px;
	height:62px;
	float:right;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 12px;
	text-transform: uppercase;	
}

#dropdownArrow
{
	cursor: pointer;
	display:block;
	width:45px;
	height: 45px;
	background-image:url('/wp-content/themes/teamHWW/images/dropdown_down.png');
}
#ExploreDropdown ul li:hover
{
	background-color:#0067FF;	
}
#ExploreScroller
{
	display:block;
	width:350px;
	position:relative;
}

#ExploreHolder
{	
	display:block;
	width:350px;
	height: 315px;
	position:relative;
	overflow:hidden;
}
#ExploreControls
{
	display:block;
	width:350px;
	height:25px;
	border-bottom:1px solid #E3AF00;
}

#ExploreControls #down,#ExploreControls #up,#ExploreControls #archive
{
	float:right;
	display:block;
	width:24px;
	height:25px;
	border-left: 1px solid white;
	cursor: pointer;
	background-position: -11px -11px;
}
#ExploreControls #down:hover,#ExploreControls #up:hover,#ExploreControls #archive:hover
{
	background-color:#0047DD;
	cursor: pointer;
}
#ExploreControls #down
{
	background-image:url('/wp-content/themes/teamHWW/images/arrow_down.png');
}
#ExploreControls #up
{
	background-image:url('/wp-content/themes/teamHWW/images/arrow_up.png');
}
/**
  Eind Home Showcase
*/

/**
  Home PostRoll
*/
#MainContent
{
	width: 960px; 
	margin-left: auto;
	margin-right: auto;;
	padding:10px;
	padding-top:10px;
	margin-top:40px;	
}
#PostRoll
{	
	padding:0px;
	margin-top:0px;	
	position: relative;
	width: 600px;
	float:left;
}
#PostRoll article
{
	padding:0px;	
	margin-top:0px;
	display:block;
	width: 600px;
}
#PostRoll span.excerpt
{
	float:right;
	display:block;
	width: 445px;
	height:100%;
	margin-top: 0px;
	font-size: 12px;
	line-height: 24px;
}

#PostRoll div.col
{	
	float:left;
	font-size: 10px;
	line-height: 1.5em;
	display:block;
	margin-left:0px;
	width:145px;
	margin:0px;
	padding-left: 0px;
	padding-top:5px;
	padding-bottom:5px;
	/*border-top: 1px solid #0067FF;*/
}

#PostRoll span.pImg
{
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	font-weight: bold;	
	text-transform: uppercase;
	position:relative;	
	top:-5px;
	display:block;
	float:left;
	display:block;
	margin:0px;
	padding-top:2px;
	padding-left:5px;
	width: 140px;
	height: 18px;
	z-index: 15;
}
#PostRoll .tags
{
	display:block;
	width: 135px;
	padding-left:5px;
}
#PostRoll .tags a:hover
{
	text-decoration:underline;
}
#PostRoll span.pImg img
{
	position:absolute;
	left:5px;
	top: -8px;
	z-index: -5;
}

hr
{
	margin:0px;
	height:1px;
	border:0px;
}
#PostRoll h3
{	
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 20px;
	font-weight: bold;	
	text-transform: uppercase;
	line-height: .9em;
	margin-bottom: 2px;
	padding: 0px 0 2px;
	padding-left: 5px;
	color: #000;
	text-shadow: 1px 1px 1px #FFF;
}
#PostRoll small
{
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: -1px;
	display:block;
	width:595px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom:5px;	
}

#PostRoll a h1 
{
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 18px;
	font-weight: bold;	
	text-transform: uppercase;
	line-height: .9em;
	margin-bottom: 2px;
	padding: 0px 0 2px;
	padding-left: 5px;
	color: #000;
	text-shadow: 1px 1px 1px #FFF;	
}

.clear { 
	clear: both;}
/**
  Eind Home PostRoll
*/
/**
  Sidebar
*/
#twitter,#facebooklike
{
	background-color:#fff;
}
#facebooklike
{
	margin-top:44px;
}

/**
  Single Post
*/

#post
{
	width:600px;
	font-size: 12px;
	line-height: 18px;
	float:left;
}
#post small
{
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: -1px;
	display:block;
	width:595px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom:5px;
	margin-top:0px;	
}
#post h1
{
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 18px;
	font-weight: bold;	
	line-height: .9em;
	margin-bottom: 2px;
	padding: 0px 0 2px;
	text-transform: uppercase;
	color: #000;
}
#post h1 a
{
	color:#000;
}
#post h1 a:hover
{
	color:#000;
	text-decoration:none;
}
#videoplayer
{
	margin-top: 10px;
}
#similar
{
	display:block;
	width:598px;
	padding-left:2px;
	padding-top:4px;
	padding-bottom:2px;
	padding-right:0px;	
}
#similar article
{
	float:right;
	position:relative;
	width:145px; 
	margin-right:4px;
	text-align: left;
}
#similar article span 
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	position:relative;
	top:-4px;
	display:block;
	float:right;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;	
	font-size: 12px;
	line-height:16px;
	text-transform: uppercase;	
	font-weight:bold;
	display:block;
	width:135px;	
}
#similar article img
{
	margin:0px;
	padding:0px;
}
#similar article span.tip
{
	position:absolute;
	top:90px;
	left:5px;
	padding:0px;
	margin:0px;
	display:block;
	height:14px;
	width: 12px;
	
}

/**
  Pagination
*/

#page-controls
{	
	padding: 0px;
	margin: 0px;
	display:block;
	width: 600px;
	float:left;
}
#pages,#paginate
{
	padding: 0px;
	margin: 0px;
}
#pages ul
{
	padding: 0px;
	margin: 0px;
	float:left;
	display: block;
	width: 600px;
	list-style-type: none;
}
#pages li
{
	float:left;
	list-style-type: none;
}
#pages li a
{
	font-size: 14px;
	display:block;
	width: 25px;
	padding-top:3px;
	padding-bottom:3px;
	margin-right: 5px;
	text-align: center;
	color: #fff;
	font-weight:bold;	
}
#pages li a.primaryColor
{
	color:#000;
}
#paginate ul
{
	display: block;
	width: 600px;
	list-style-type: none;
}

#paginate li
{
	padding: 10px;
	width: 85px;
	list-style-type: none;
	float:left;
}
#paginate li.ptext
{
	width: 160px;
}

/**
  SideBar
*/

#SideBar
{	
	width: 350px; 
	float:right;
}

.Rectangle
{
	margin-top:20px;
	margin-left:6px;
}

.Rectangle.single
{
	margin-top:10px;
	margin-left:6px;
	margin-bottom:95px;
}

#facebooklike
{
	margin:0px;
}

.Latest a:hover
{
	background-color: #000;
	color:#FFF;
	text-shadow:0 0 0;
}

.Latest h2,#twitterfeed h2,#facebooklike h2
{
	display:block;
	width: 340px;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 18px;
	font-weight: bold;	
	line-height: .9em;
	margin-bottom: 2px;
	text-transform: uppercase;
	padding: 5px;
	margin-top:10px;
	padding-top:5px;
}
.Latest a
{
	display:block;
	margin-left:5px;
	font-size: 12px;	
	line-height: 16px;
	margin:0px;
	padding-right:5px;		
	text-decoration:none;
	color:#000;	
}
.Latest p
{
	display:block;
	margin:0px;
	padding:0px;
	font-size: 10px;
	padding-left:5px;
	padding-right:5px;	
	padding-bottom:5px;
}
.Latest h3
{	
	display:block;
	margin-left:5px;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 12px;
	font-weight: bold;	
	line-height: 16px;
	margin:0px;
	padding-top:5px;
	padding-right:5px;
	margin-left:5px;		
	text-transform: uppercase;
	text-decoration:none;	
}

.Latest a:hover h3 
{
	background-color: #000;
	font-weight: bold;	
	text-shadow: 1px 1px 0px #EFE;
	color:#FFF;
}
/**
  Post Page
*/
#videoplayer
{
	height: 340px;
	width: 600px;
	position:relative;
}
#videocover
{
	position:absolute;		
	z-index: 15;
}

#playicon
{
	display:block;
	width: 75px;
	height:75px;
	left: 260px;
	top: 100px;	
	background-color: #ddd;
	position:absolute;	
	z-index: 20;
}

#h5player
{
	display:none;
}

/**
  Footer
*/

footer
{
	padding:0px;
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 25px;
}
footer p
{
	padding-top:4px;
	display:block;
	width: 980px;
	margin: 0 auto;
	text-align:center;
	font-size: 12px;
}
footer p a
{
	color:#fff;
}

#polls-1
{
	background-color: #EFEFEF;
}