/*
Theme Name: VeryNijs
Theme URI: http://www.verynijs.nl/
Description: This is a custom made WordPress theme, partially based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 2.0
Author: Jochem Nijs
Author URI: http://www.jochemnijs.nl/
Tags: dark blue, fixed width, centered, two columns, widgets

	VeryNijs v2.0
	 http://www.verynijs.nl/

	This theme was designed and built by Jochem Nijs,
	whose blog you will find at http://www.verynijs.nl/

*/



/* Begin Typography & Colors */
* {
	margin:0;
	padding:0;
}

html{
    padding: 0px;
    margin: 0px;
    height:100%;
}

body{
	padding: 0px;
    margin: 0px;
    font-size: 76%;
    line-height: 1.5em;
    font-family: Arial, Verdana, sans-serif;
    height:100%;
    width:100%;
    position:relative;
    background: #101d2e url(images/bg-body.jpg) no-repeat center 70px;
	
}

/* ---------- layout ---------- */

#mainContainer{
	margin: 0 auto; /*Center container on page*/
	width: 980px; /*Width of main container*/
	/*line-height: 1em !important;/**/
	line-height: 100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	border-left: 0px solid #265da6;
	border-right: 0px solid #265da6;
	position: relative;
}

/* easy clearing */
#mainContainer:after{
	content:".";
	display: block; 
	height: 14px; 
	clear: both; 
	visibility: hidden;
}

#mainContainer{
	display: inline-block;
}
	
/*\*/
#mainContainer{
	display: block;
}
/* end easy clearing */


#columnWrapper{
	margin: 0 auto;
	float: left;
	/*float:none;*/
	width: 980px;
	/*margin: 0px;*/
	padding-bottom: 230px; /*needed for marging between footer and content*/
	position:relative;
	height:1%;
	min-height: 430px;
	/*clear:both;*/
}

#column_1{
	float: left;
	width: 673px; /*Width of left column in pixel*/
}

#column_2{
	float: left;
	width: 307px;
}
	
* html #column_2{
	display: inline;
}

#column_3{
	float: left;
	width: 150px; /*Width of right column*/
}

/* IE Win can be a bit out - you might need to adjust bottom value by -1px or as required */
.verticalalign{
	position: absolute;
	bottom: 0;
}

#column_1 .verticalalign{
	width: 200px;
}

#column_2 .verticalalign{
	width: 630px;
}

#column_3 .verticalalign{
	width: 150px;
}

/* hack for IEs of all persuasions before IE7 */
* html .verticalalign{
	width: 100% !important;
}

.verticalalign p{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: #996666;
}
	
#header{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 73px; /*Height of header section*/
	width: 100%;
	background-color: #101d2e;
	position:relative; /* position relative for positioning of portal-siteactions navigation */
}

#mainNavigationContainer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 50px; /*Height of header section*/
	width: 100%;
	display:block;
	float: left;
	background-color: #cdcdcd;
	/*background-image:url(images/bg-mainnavigation.png);
	background-position: 4px 10px;
	background-repeat:no-repeat;*/
	position:relative;
}

#footer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px; /*Height of footer section*/
	width: 100%;
	background-color: transparent;
	color: #ffffff;
	text-align: right;
	display:block;
	clear: both;
	position:absolute;
	bottom:0px;
	left:0px;
}

.innerTube{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innerTube.headerTube{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.innerTube.column_1Tube{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	position: relative;
}

.innerTube.column_2Tube{
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
}

.innerTube.column_3Tube{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#portal-footer{
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
}

#dateContainer{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	display: block;
	height: 30px;
	width: 300px;
	position: absolute;
	top: 50px;
	left: 55px;
	z-index: 100;
	color: #ffffff;
	text-transform: uppercase;
}

#contentContainer{
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	display: block;
	height: 388px;
	width: 458px;
	background: url(images/bg-content-blog.png) repeat left top;
	border: 1px solid #54585e;
	position: absolute;
	top: 40px;
	left: 55px;
	z-index: 100;
	overflow:auto;
}

#braceContainer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 430px;
	width: 150px;
	background: url(images/brace.png) no-repeat left top;	
	position: absolute;
	top: 40px;
	left: 520px;
	z-index: 90;
}

#braceContainer:after{
	content:".";
	display: block; 
	height: 14px; 
	clear: both; 
	visibility: hidden;
}

#payoffContainer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 16px;
	width: 172px;
	background: url(images/maybeitsanijsthing.png) no-repeat left top;	
	position: absolute;
	top: 110px;
	right: 135px;
	z-index: 120;
}

#payoffContainer:after{
	content:".";
	display: block; 
	height: 16px; 
	clear: both; 
	visibility: hidden;
}

div.addthis_container{
position: absolute;
top: -25px;
right: 0px;
}

/* ---------- presentation ---------- */

h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 20px;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.3em;
	color:#ffffff;
	background: url(images/icon-brace.png) no-repeat 0 0;
	text-transform: uppercase;
}

#header h1{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}
 
h2{
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 10px 0px;
    font-size: 1.3em;
    font-weight: bold;
    line-height:1.3em;
    color: #ffffff;
}
 
h3{
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
    font-size: 1em;
    font-weight: bold;
    line-height:1.3em;
    color: #ff6600;
}

h3#comments{
	text-transform: uppercase;
}

div#respond h3{
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

p{
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 10px 0px;
 	line-height:1.3em;
 	color: #ffffff;
}

p.postmetadata{
	color: #34a2de;
	text-transform: uppercase;
	font-size: 0.8em;
}

p.uppercase{
	text-transform: uppercase;
}

b{
	font-style: normal;
	font-weight: bold;
	color:#ffffff;
}

strong{
	font-style: normal;
	font-weight: bold;
	color:#ffffff;
}

em{
	font-style: italic;
	color: #ffffff;
}

small{
	color: #ffffff;
	font-size: 0.8em;
}

hr{
 	margin: 10px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	border-style:none;
	height:1px;
	width:100%;
	color:#ff6600;
	background-color:#ff6600;
}

a:link, a:visited{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff6600;
	text-decoration: none;
}

a:hover, a:active{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ff6600;
	text-decoration: underline;
}

a#logoContainer{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 85px;
	width: 280px;
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 110;
}

h1 a:link, h1 a:visited{
	color: #ffffff;
	text-decoration: none;
}

h1 a:hover, h1 a:active{
	color: #ff6600;
	text-decoration: none;
}

#footer a:link, #footer a:visited{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover, #footer a:active{
	color: #ffffff;
	text-decoration: underline;
}

a img{
	border: 0px;
}

ul{
	list-style-type:square;
	margin:0px 0px 0px 15px;
	padding:0px 0px 10px 0px;
	line-height:1.3em;
	color: #ffffff;
}

li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul li ul{
	list-style-type:circle;
	margin:0px 0px 0px 16px;
	padding:5px 0px 10px 0px;
}

li ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ol{
	list-style-position: outside;
	margin:0px 0px 0px 18px;
	padding:0px 0px 10px 0px;
	line-height:1.5em;
}

ol li ol{
	margin:0px 0px 0px 16px;
	padding:5px 0px 10px 0px;
}

li.comment{
color:#ffffff;
}

#portal-siteactions ul{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.1em;
	display:inline;
}

#portal-siteactions li{
	margin:0px 0px 0px 0px;
	padding:0px 3px 5px 3px;
	display:inline;
}

#portal-siteactions a:link{
	color: #000000;
    text-decoration: none;
    font-weight: normal;
    display:inline;
}

#portal-siteactions ul li a:visited{
	color: #ff0000;
    text-decoration: none;
    font-weight: normal;
    display:inline;
}

#portal-siteactions a:hover{
	color: #FF4D0F;
    text-decoration: underline;
    font-weight: normal;
    display:inline;
}

#portal-siteactions ul li a:active{
	color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    display:inline;
}

div.post{
	margin: 0px 0px 30px 0px;
}

div.entry{
	margin: 0px 0px 10px 0px;
position: relative;
}

div.navigation{
clear: both;
display: block;
height: 25px;
}

div.alignleft{
margin: 0px 0px 0px 0px;
color: #ffffff;
float: left;
}

div.alignright{
margin: 0px 0px 0px 0px;
color: #ffffff;
float: right;
}

div.commentmetadata{
	text-transform: uppercase;
	font-size: 0.8em;
}
div.comment-author{
	text-transform: uppercase;
}

/* ---------- sidebar ---------- */

#sideBar{
	margin: 100px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	display: block;
	width: 275px;
	min-height: 125px;
	background: url(images/bg-sidebar.png) repeat-x left top;
	float: right;
	text-align: right;
}

#sideBar a{
	color: #ffffff;
}

#sideBar span#socialMediaIconBar{
	margin: 0px -10px 20px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 30px;
	width: 162px;
	float: right;
	text-align: center;
position: relative;
}

#sideBar span#socialMediaIconBar a{
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -99999px;
	float: left;
	height: 30px;
	width: 30px;
	display: block;
position: relative;
}

a.twitterIcon{
	background: url(images/bg-socialmedia-icons.png) no-repeat 0px 0px;
}

a.twitterIcon:hover{
	background: url(images/bg-socialmedia-icons.png) no-repeat -30px 0px;
}

a.hyvesIcon{
	background: url(images/bg-socialmedia-icons.png) no-repeat 0px -30px;
}

a.hyvesIcon:hover{
	background: url(images/bg-socialmedia-icons.png) no-repeat -30px -30px;
}

a.facebookIcon{
	background: url(images/bg-socialmedia-icons.png) no-repeat 0px -60px;
}

a.facebookIcon:hover{
	background: url(images/bg-socialmedia-icons.png) no-repeat -30px -60px;
}

a.linkedinIcon{
	background: url(images/bg-socialmedia-icons.png) no-repeat 0px -90px;
}

a.linkedinIcon:hover{
	background: url(images/bg-socialmedia-icons.png) no-repeat -30px -90px;
}

#sideBar .widget_pages ul{
	list-style-type: none;
	list-style-image: none;
}

/* ---------- sidebar ---------- */

#sideBar div.widget{
	display: block;
	float: right;
	clear: both;
}

.sideBarSlideshowContainer{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: right;
	background-color: #ffffff;
}

#ccLicenseContainer{
	margin: 0px 0px 10px 0px;
	float: right;
	display: block;
	clear: both;
	height: 31px;
	width: 88px;
}

#sideBar div.text-6 h2{
	display: none;
}

#sideBar div h2.widgettitle{
	display: none;
}


/* ---------- navigation ---------- */

.horizontal ul {
	border:medium none;
	display:block;
	height:26px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:100%;
}

.horizontal ul li {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	height:48px;
	width: auto;
	position:relative;
	display:inline;
}

.horizontal ul li a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	border:none;
	color:#265da6;
	display:inline;
	float:left;
	font-size:1em;
	text-decoration:none;
	height:48px;
}

.horizontal ul li a:hover {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#000000;*/
	border:none;
	color:#265da6;
	display:inline;
	float:left;
	font-size:1em;
	text-decoration:underline;
	height:48px;
}

/* ---------- tabs ---------- */

#tabContainer{
	position: absolute;
	top: 17px;
	left: 55px;
}

/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;
	text-transform: uppercase;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	margin-right:2px;
	padding:3px 10px 1px 10px;
	float:left;
	font-size:1em;
	display:block;
	text-decoration:none;
	/*border:1px solid #54585E;*/
	border-bottom:0px;
	height:18px;
	background-color:transparent;
	color:#101D2E;
	position:relative;
	top:1px;	
}

ul.tabs a:hover {
	background-color:#ff6600;
	color:#ffffff;
}
	
/* selected tab */
li.current_page_item a, li.current_page_parent a {
	background-color:#ff6600;	
	color:#ffffff;	
	cursor:default;
	border:1px solid #54585E;
	border-bottom: none;
	text-transform: uppercase;
}


/* ---------- sidebar ---------- */

#pictures, div.panel{
	background-color: #ffffff;
}

/* ---------- forms ---------- */

textarea#comment{
width: 440px;
}

/* ---------- search ---------- */

span.highlightedSearchTerm {
	background-color:#e8b916;
}

/* ---------- jquery tooltip ---------- */

#tt_twitterTip, #tt_hyvesTip, #tt_facebookTip, #tt_linkedinTip, #tt_ccTip {
	display:none;
	background:transparent url(images/bg-tooltip.png);
	text-align: center;
	height:38px;
	width:169px;
	padding:20px 20px 30px 19px;
	color:#ffffff;
	z-index: 10000;
}

#tt_ccTip {
	display:none;
	background:transparent url(images/bg-tooltip-big.png);
	text-align: center;
	height:100px;
	width:169px;
	padding:20px 20px 30px 20px;
	color:#ffffff;
	z-index: 10000;
}

#tt_ccTip p{
	line-height: 1.4em;
}

#tt_ccTip a:link, #tt_ccTip a:visited{
	color: #7fc7f5;
	text-decoration: none;
}

#tt_ccTip a:hover, #tt_ccTip a:active{
	color: #ff6600;
	text-decoration: none;
}


/* style the trigger elements */
#dyna img {
border:0;
cursor:pointer;
margin:0 8px;
}