﻿/*  
Theme Name: Blueprint Theme
Theme URI: http://www.system4.nl
Description: Blueprint Theme is created by <a href="http://www.system4.nl">System 4</a>
Version: 1.0
Author: Jean van den Bogaard
Author URI: http://www.system4.nl
*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

 
/*-------------------------------------------------------------------------------------------*/


*,html {
	padding: 0px;
	margin: 0px;
}

body, body#homepage, div#main, body#subpage, div#right{
	background: #ebf0f2;  /* Replacing this color can affect to whole look of layout. */
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: black;
	line-height: 16px;
	text-align: left;
	overflow: -moz-scrollbars-vertical;
}

div#body {
	width: auto; 
	margin: 0 5%;
	padding: 0; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
}

div#top {
	display:none;
}


div#caption {
        display:none;

}

div.bleft {
display:none;
} 

div#clients {
	display:none;
}


body#subpage div#left {
	display:none;
}
div#crumbs {
		display:none;
}

div.float {
	margin: 25px 0px 25px 0px;
}

div#bottom {
	display:none;	
}
div#footer	{
	display:none;
}
/* TABLES */

table.main {
	width: 100%;
	color: black;
	font-size: 12px;
	line-height: 16px;
	border-collapse: collapse;
	margin: 15px 0px 15px 0px;
}


table.main tr {
	height: 40px;
	background: #fafafa;
}

table.main tr.dark {
	background: #f8f8f8;
}

table.main tr.caption {
	height: 41px;
	background: #efefef url('images/table_top_bg.png') repeat-x;
}

table.main td {
	padding: 5px 12px 5px 12px;
	border: 1px solid #d6d6d6;
}

table.main th {
	padding: 5px 12px 5px 12px;
	border: 1px solid #d6d6d6;
	text-align: left;
}

table.main td.center {
	text-align: center;
}

table.main th.center {
	text-align: center;
}

/* CONTACT FORM */

div#contact  {
	text-align: left;
	margin: 20px 0px 20px 0px;
	color: black;
}

div#contact div.row {
	height: 50px;
	width: 100%;
}

div#contact div.left {
	text-align: right;
	padding-right: 15px;
	border-right: 1px solid #d9d9d9;
	float: left;
	width: 100px;
	height: 50px;
	line-height: 50px;
}

div#contact div.right {
	text-align: left;
	margin-left: 15px;
	float: left;
	width: 327px;
	height: 50px;
	background: url('images/bg_input.png') no-repeat center center;
}

div#contact div.right span span {
 	float:left;
	margin-top:8px!important;
	padding:5px 10px 4px!important;
	top:0%!important;
	width:245px!important;
}

div#contact div.row-message {
	height: 160px;
	width: 100%;
}

div#contact div.left-message {
	width: 100px;
	height: 160px;
	line-height: 160px;
	border-right: 1px solid #d9d9d9;
	padding-right: 15px;
	float: left;
	text-align: right;
}

div#contact div.right-message {
	text-align: left;
	margin-left: 15px;
	float: left;
	width: 327px;
	height: 160px;
	background: url('images/bg_textarea.png') no-repeat center center;
}

input.text {
	width: 300px;
	height: 20px;
	border: none;
	background: none;
	font: 12px trebuchet ms;
	color: black;
	position: relative;
	top: 15px;
	left: 10px;
}

input.send {
	width: 91px;
	height: 34px;
	background: url('images/button_send_bg.png') no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	position: relative;
	top: 6px;
}

div#contact div.right-send {
	text-align: left;
	margin-left: 15px;
	float: left;
	width: 327px;
	height: 50px;
	background: none;
}


div#contact textarea {
	width: 307px;
	height: 125px;
	padding: 10px;
	background: none;
	border: none;
	font: 12px trebuchet ms;
	color: black;
	position: relative;
	top: 8px;
}

/* IMAGES */

img.featured {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
	margin: 5px 0px 10px 0px;
}

img.normal {
	padding: 7px;
	border: 1px solid #e0e0e0;
	background: #fafafa;
	margin: 5px 0px 10px 0px;
}

/* TITLES */

hr {
	margin-top:4px;
	margin-bottom:4px;
}

p {
	margin-top: 0px;
	margin-bottom: 12px;
}

h1, h1 {
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	color: #000000!important;
	font-weight: bold;
	font-size: 33px;
	line-height: 45px;
	margin-bottom: 0px!important;
	padding-bottom:5px;
	padding-top:5px;
	margin-top:0px;
}

h2 { /* used */
	color: black;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 16px;
	margin-bottom: 16px;
	font-weight: bold;
	margin-top: 10px;
}

h3 { /* used */
	color: black;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: bold;
	margin-top: 20px;
}

h4 {
	color: black;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-top: 16px;
}

h5 { /* used */
	color: black;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	margin-bottom: 0px;
	font-weight: normal;
	margin-top: 0px;
}

h6 { /* used */
	color: black;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 14px;
	margin-bottom: 1px;
	font-weight: bold;
	margin-top: 16px;
}

div#left h3 {
	font-size: 13px;
	margin-top: 20px;
}

div#left h3.top {
	margin-top: 0px;
	margin-bottom: 10px;
}

body#homepage h3 {
	margin-top: 0px;
}

h3.floated {
	margin-top: 0px;
}

div#clients h3 {
	color: black;
	font-size: 18px;
	margin-bottom: 13px;
	font-weight: bold;
}

/* LIST */

ul {
	margin: 2px 0px 12px 25px;
	list-style-type: disc;
	font-style: italic;
}

ul.footer-navigation  {
	font-size:11px;
	margin: 0px;
	font-style: normal;
	display: none;
}

ul.footer-navigation  li{
	display: inline;
	margin: 0px 0px 0px 5px;
	text-transform:uppercase;
}

ul.footer-navigation  li a{
	text-decoration: none;
}

ul.normal {
	font-style: normal;
}

/* HYPERLINKS */

a {
	color: black;
	text-decoration: underline;
	outline: none;
}

h3 a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

div#footer a {
	color: black;
}

a.learnmore {
	display:none;
}

/* TEXT */

body#homepage div#main p {
	display:none;
}

/* OTHER */

div.clear {
	clear: both;
}

/* SLIDER */

#slider {
	display:none;
}

/* BLOG */

div.blogpost {
	border-top: 1px solid #e0e0e0;
	margin: 20px 0px;
	padding: 15px 0px;
}

div.blogpost-single {
	border-top: 0px solid #e0e0e0;
	margin: 0px 0px;
	padding: 0px 0px;
}

div.blogpost h3, div.blogpost-single h3 {
	margin: 0px;
}

div.blogpost img.blog-image, div.blogpost-single img.blog-image {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 7px;
	border: 1px solid #e0e0e0;
	background: #fafafa;
}

div.blogpost a.readmore, div.blogpost-single  a.readmore {
	float: left;
	margin-top: 10px;
}

p.details {
	font-size: 11px;
	margin-bottom: 8px;
} 

div.comments {
	
}

div.comment {
	border-top: 1px solid #e0e0e0;
	color: black;
	padding: 10px 0px;
}

div.comment img.avatar {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background: #fafafa;
}

div.comment span.name {
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: bold;
}

div.comment span.details {
	font-size: 11px;
}

div.post-reply {
	margin-top: 30px;
	color: black;
}

input.blog-text {
	border: 1px solid #909090;
	padding: 5px;
	height: 20px;
	line-height: 20px;
	width: 300px;
	font: 12px "trebuchet ms", "Arial";
	color: black;
	margin-bottom: 10px;
}

textarea.blog-message {
	border: 1px solid #909090;
	padding: 5px;
	height: 100px;
	line-height: 20px;
	width: 400px;
	font: 12px "trebuchet ms", "Arial";
	color: black;
	margin-bottom: 10px;
}

input.blog-submit {
	color: #ffffff;
	padding: 6px 10px;
	background: #464646;
	border: none;
	cursor: pointer;
}

/* PAGINATION */

div.wp-pagenavi {
	display:none;
}
body {
	background: white;
	}
	
#menu {
	display: none;
	}
	
#wrapper, #content {
	width: auto; 
	margin: 0 5%;
	padding: 0; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
	}


