/*
Theme Name: itWD web&design
Theme URI: http://www.itwd.nl
Description: itWD Site redesign
Version: 1.0 (wp2.9.2)
Author: Ian Parsons
Author URI: http://www.itwd.nl
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@font-face {font-family: 'AirstreamITCTT';
	src: url('images/AirstreamITCTT.eot');
	src: url('images/AirstreamITCTT.otf'),
		 url('images/AirstreamITCTT.ttf'),
		 url('images/AirstreamITCTT.woff') format('woff'),
		 url('images/AirstreamITCTT.svg#AirstreamITCTT') format('svg');
}
/* Site Colours 
	bg Green: #003300
*/	

/* Basic Layout */
html {
	background: url(images/htmlBGgray.png) repeat #999;
}
body {
	background: url(images/background.png) no-repeat top center;
	color: #ffffff;
	font-family: "American Typewriter";
}
#wrapper {
	width: 1000px;
	margin: 0 auto 0 auto;
}
h1,h2,h3,a.rotate {
	font-family: AirstreamITCTT;
}
a:active {
	position: relative;
	top: 1px;
}
/* HEADER */
#header {
	padding-top: 20px;
	height: 140px;	
}

#headerLogo {
	float: left;
}

#headerLogo a {
	display: block;
	width: 427px;
	height: 128px;
	background-image: url('images/itWDLogoLarge.png');
}
@media all and (-webkit-min-device-pixel-ratio:1.5){
#headerLogo a {
	background-image: url('images/itWDLogoLarge@2x.png');
	background-size: 427px 128px;
	}
}

.headerReplacement {
	text-indent: -9999px;
}

#main-content a, .widget a, #footer a {
	color: #ffffff;
	outline: 0;
	text-shadow: 1px 2px 2px #030;
}

#main-content a:hover, .widget a:hover, #footer a:hover {
	text-shadow: #0f0 0px 0px 10px;
}
/* Sticky Footer */
html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main-content {overflow:auto; padding-bottom: 20px;}  /* must be same height as the footer */

#footer {position: relative; margin: -20px auto 0 auto;; /* negative value of footer height */ height: 20px; width: 1000px; 
	text-align: right;
	font-size: .8em;
	clear:both;} 
		/*Opera Fix*/
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;/}

/* NAVBAR */
#navBar {
	float: right;
	margin-top: 70px;
	padding: 10px 0 10px 0;
	width: 560px;
	height: 35px;
	overflow: hidden;
}

#navBar ul li{
	list-style: none;
	display: inline;
	}
	
#navBar ul li a{
	display: block;
	float: left;
	height: 50px;
	text-decoration: none;
}

#navBar ul li a {
	color: #fff;
	font-size:  24px;
	margin-left: 4px;
	margin-right: 7px;
 	-moz-transition: all 0.5s ease-in-out;/*  -webkit-transition: all 0.4s ease-in-out; */
}

#navBar ul li a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	}
/* Making Portfolio highlighted when no other parent-page is selected */
#navBar ul li.current_page_item a {
	color: #090;
}
body #navBar ul li.menu-item-462 a {
	color: #090;
}
body#home #navBar ul li.menu-item-462 a,
body#about #navBar ul li.menu-item-462 a,
body#mail-stationery #navBar ul li.menu-item-462 a,
body#contact #navBar ul li.menu-item-462 a{
	color: #fff;
}
body#contact #navBar ul li.menu-item-461 a{
	color: #090;
}

/* PAGE */

#main-content {
}

#inside {
	width: 798px;
	float: left;
	background: url(images/contentBG.png) repeat;
	padding: 10px 10px 0 10px;
		-moz-border-radius: 10px;/*   -moz-border-radius-topright: 0px;  */
		-webkit-border-radius: 10px;/*   -webkit-border-top-right-radius: 0; */
		border-radius: 10px;/*   border-top-right-radius: 0; */
	}
#inside p {
	margin-bottom: 1em;
	line-height: 1.5em;
}
#inside p.lastP {
	margin-bottom: 7px;
}
#main-content img.alignleft {
	padding-right: 10px;
	padding-bottom: 10px;
}
#main-content img.alignright {
	padding-left: 10px;
	padding-bottom: 10px;
}	

h2 {
	padding-left: 75px;
	font-size: 22px;
	margin-bottom: 4px;
}

h3 {
	font-size: 24px;
	margin-bottom: 4px;
}

/* Right Sidebar */

#sideBar {
	float: right;
	width: 180px;
}	

#sideBar2 ul li.widget {
	float: left;
	width: 818px;
	background: url(images/contentBG.png) repeat;
	margin-top: 2px;
		-moz-border-radius: 10px;/*   -moz-border-radius-topright: 0px;  */
		-webkit-border-radius: 10px;/*   -webkit-border-top-right-radius: 0; */
		border-radius: 10px;/*   border-top-right-radius: 0; */
	}
#sideBar ul li.widget{
	text-align: center;
	background: url(images/contentBG.png) repeat;
	padding: 10px;
	margin-bottom: 2px;
		-moz-border-radius: 10px;/*  -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; */
		-webkit-border-radius: 10px;/*  -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; */
		border-radius: 10px; /* border-top-left-radius: 0; border-bottom-left-radius: 0; */}
		
.post {
	margin: 5px 0;
}
#sideBar h2 {
	padding: 0px;
	margin-bottom: 0px;
	font-size: 24px;
	color: #FFFFFF;
}

#sideBar .widget li {
	padding-top: 7px;
}

#sideBar #beheer li {
	padding-top: 0;
}

#inside strong {
	font-weight: normal;
	font-size: .9em;
	color: #585;
}

.archiveTitlebar {
	height: 34px;
}

/* Bottom Sidebar */
#sidebar2 ul li h2{
	padding-top: 7px;
}


#sideBar2 ul li.widget ul {
	padding: 0 10px 7px 10px;
}

#sideBar2 ul li.widget ul li {
	list-style: inside square;	
	margin: 7px 0;
}
/* Language Selection */

#qtranslate-2 {
	margin: 0 auto;
}
#qtranslate-2 ul {
	margin: 0 auto;
	width: 250px;
}
#qtranslate-2 ul li {
	display: inline;
	width: 120px;
	float: left;
}
#qtranslate-2 h2.widgettitle {display: none;}

/*
#straker-3 ul li a {
	display: block;
	padding-top: 7px;
	}
*/

/*  SideBar Comments  */
.quoted_comments_widget h2 {
	padding-top: 10px;
}
.quoted_comments_widget li {
	padding: 0 10px 10px 10px;
}

.quoted_comments_widget .comment-meta {
}
/* comments and forms*/
.postComment p {
	padding: 0px;
	margin: 0px;
}
p.moderation {
	text-align: right;
	text-shadow: #0f0 0px 0px 10px;
}
#main-content .contactform, #commentform {padding-top: 20px;} 
#main-content .contactform label, #commentform label {display: block;}
#main-content .contactform input, #commentform input {display: block;}
#main-content .contactform .formLeft, #commentform .formLeft {float: left;}
#main-content .contactform .formRight, #commentform .formRight {float: right;}
#main-content .contactform input:not([type=submit]), #commentform input:not([type=submit]),#main-content .contactform textarea, #commentform textarea {
    width: 180px; border: 5px solid white;font-size: 1.2em; color: white;
    -webkit-box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    padding: 10px; background: rgba(255,255,255,0.2); margin: 0 0 10px 0; }
#main-content .contactform textarea, #commentform textarea {width: 530px; height: 182px;font-size: 1.5em;}
#main-content .contactform span, #commentform textarea span {padding-left: 20px;}
.postComment p{border: 5px solid white;
    -webkit-box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    padding: 10px; background: rgba(255,255,255,0.2); margin: 0 0 10px 0;
}
p.contactform_respons {border: 5px solid green; font-size: 1.2em; display: inline;font-size: 2em;
    -webkit-box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 8px  rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.5);
    padding: 10px; background: rgba(255,255,255,0.2); margin: 0 0 10px 0; }

/*
.algemeneVoorwaarden ol { 8 110
	list-style: hebrew;
}
*/

.algemeneVoorwaarden li {
	list-style: square inside ;
}