/*
THEME NAME: Exactly
THEME URI: http://www.precieswatjezoekt.nl
DESCRIPTION: Theme voor Precies wat Je Zoekt.nl
VERSION: 0.1
AUTHOR: Rado
AUTHOR URI:
TAGS: precieswatjezoekt template
*/
/*--Basis--*/

body{
background: #fff url(images/bg.png) repeat-x top;
margin:0;
padding:0;
text-align:left;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
color:#666;
}


a#offerte, a#offerte:visited {
	position:fixed;
	top:180px;
	left:0;
	width:32px;
	height:134px;
	background:url(images/offerte.png);
	display:block;
	text-indent:-999em;
	border:none
	}

a#offerte:active {
	margin-top:1px;
	}


#wrap {
width:985px;
margin:auto;
}

a img {border: none;}

/*--Header--*/

#header {

}
#headerlogo h1 {
text-align:center;
font-size: 60px;
height:80px;

}
.headerbread {
text-align:right;
font-size:40px;
font-style:italic;
position:absolute;
left:510px;
top:110px;

}

div.skip-link {
position:absolute;
right:1em;
top:1em;
}


#header #nav { float: left; width: 950px; margin: 0; }
#header #nav ul li {float: left; margin: 0 20px 6px 0; list-style:none; }
#header #nav ul li a { display: block; text-decoration: none; width:100%; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: #000; margin: 0px; padding: 3px 6px; }
#header #nav ul li a span {  border-bottom: 1px solid #85BC0A; }
#header #nav li.page_item a:hover { color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #D01F3C; }
#header #nav li.current_page_item a { color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #D01F3C; }

#blog-title {
font-size:80px;
font-style:italic;
font-weight:bold;
}
.entry-title,.entry-meta {
clear:both;
}

/*--Containers--*/

div#container,div#primary {
margin-top:2em;
}

div#container {
clear: both;
overflow: hidden;
width:985px;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
}

#container #sidebar {
float: right;
width: 200px;
}

#container #content {
float: left;
}
#container #contentpage {
float: left;
width:650px;
clear:both;
}

/*--Front--*/

#homeheader {
float: left;
width: 985px;
color: #fff;
margin: 0 0 20px 0;
background: #95B7DC;
}

#homeheader img {
float: left;
}

#homeintro {
float: right;
width: 440px;
height: 270px;
padding: 19px;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
background: url(images/header_intro_bg.jpg) repeat-x #95B7DC bottom;
}

#homeintro h1 {
margin: 10px 0 5px 0;
}

#homeintro p {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
font-weight: bold;
}

#homeintro a#btnleft {
float: left;
display: block;
width: 145px;
height: 27px;
text-align: center;
padding: 3px 0 0 0;
margin: 20px 0 0 70px;
color: #4f4840;
font-size: 14px;
}

#homeintro a#btnright {
float: left;
display: block;
width: 145px;
height: 27px;
text-align: center;
padding: 3px 0 0 0;
margin: 20px 0 0 0px;
color: #4f4840;
font-size: 14px;
}

#homeintro a#btnleft {
background: url(images/btn_left_bg.jpg) no-repeat;
text-decoration: none;
}

#homeintro a#btnright {
background: url(images/btn_right_bg.jpg) no-repeat;
text-decoration: none;
}

/*--Contentboxes--*/

div#contentboxes {
height: 206px;
height: 226px !important;
clear: both;
padding-top: 20px;
}
div#contentboxes li {
list-style:none;
}

.content1, .content2, .content3 {
width: 300px;
float: left;
margin-right: 8px;
margin-left: 7px !important;
margin-left: 3px;
height: auto;
padding-bottom: 20px;
}


/*--Forms--*/

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}


/*--Posts--*/

.postarea {
	background: #FFFFFF;
	float: left;
	width: 480px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	}
.posttitle {
	width: 500px;
	margin: 0px 30px 10px 0px;
	padding: 0px;
	float: left;
	
}
	
.posttitle h4 {
	color: #95B7DC;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.1em;
	margin: 0px;
	padding: 20px 0px 5px;
}
.posttitle h4 a {
	color: #95B7DC;
	text-decoration: none;
}
.posttitle h4 a:hover{
	color: #95B7DC;
}
.posttitle h2 {
	text-transform: uppercase;
	color: #e5fa10;
	font-size: 1.75em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	letter-spacing: -2px;
}
.posttitle h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
.posttitle a:hover {
	color: #e5fa10;
}
	
.postmeta {
	width: 480px;
	font-size: 12px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-top: 1px dotted #C0C0C0;
	}
	
.postmeta2 {
	width: 480px;
	font-size: 12px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	border-top: 1px dotted #C0C0C0;
	}
	
.comments {
	background: #FFFFFF;
	float: left;
	width: 480px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	}
	
/*--Contactform--*/

#tcform label {
width: 70px;
float: left;
display: inline;
}
.contactform input {
background: url(images/bg_input.gif);
margin-bottom: 10px;
width: 164px;
height: 19px;
padding: 0px;
border: 0px;
padding: 4px 0px 0px 6px;
}

input#contactsubmit {
display:block;
width:142px;
height:30px;
text-indent:-9999px;
background: url(images/contact.png) no-repeat;
margin-top: 10px;
}

/*--Commentforms--*/

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

/*--Images--*/

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

/*--Navigation--*/

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

/*--Offerte Aanvraag--*/

h1.quote {
	display: block;
	float: right;
	clear: right;
	font-size: 1.8em;
	font-family: Georgia, Arial, sans-serif;
	color: #443833;
	margin: 40px 0 0 0;
	border: none;
}

small {color: #999; font-size: 0.85em;}

a img {border: none;}

/***** Global Classes *****/

.alignleft {display: block; float: left;}

.alignright {display: block; float: right;}

.aligncenter {
  	display: block;
  	text-align: center;
  	margin: 0 auto;
}

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
}


/*--Widgets Sidebar--*/

.widget ul li {
padding: 3px 0 3px;
line-height: 22px;
border-top: 1px solid #ececec;
border-bottom: 1px solid white;
}

.widget ul li.first {
border-top: none;
}

.widget a {
 font-size: 12px;
}

.widget li span {
font-size: .7em;
padding-left: 13px;
margin-left: 13px;
color: gray;
}
#sidebar ul li:first-child {
border-top: none;
}

#sidebar ul li:last-child {
border-bottom: none;
}

.widget {
 background: #fafafa ;
 border: 1px solid white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 8%; 
margin-bottom: 28px;
 overflow: hidden;
 -moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 
}
/*--Sidebar--*/

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

/*--Pages--*/

/* 6.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper input.button { padding: 5px 100px 16px !important;  }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { display:block; clear: both; padding-bottom: 20px; }


img.ui-datepicker-trigger { border: 0px; padding: 0px; }



#pagetekst h2

{
float: left;
width: 200px;
height: 23px;
margin-top: -16px;
padding-top: 5px;
background-repeat: no-repeat;
background-position: 9px 9px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #D01F3C;
}
#pagetekst p {
width: 500px;
padding-bottom: 1em;
}

#pagetekst p {
margin-left:220px;
}
#pagetekst ul {
margin-left:220px;
}
#pagetekst ol {
margin-left:220px;
}

#pageofferte h2

{
float: left;
width: 300px;
height: 23px;
margin-top: -16px;
padding-top: 8px;
background-repeat: no-repeat;
background-position: 9px 9px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #D01F3C;
}
#pagetekst p {
width: 500px;
padding-bottom: 1em;
}

#pageofferte p {
margin-left:220px;
}


/* --- Portfolio Item --- */

#portfolio {
	margin: 30px 5px 0;
	overflow: hidden;
}
.item {
	width: 425px;
	float: left;
	margin: 0 10px 40px;
	color: #565656;
}
.item img {
	background-color: #ececec;
	border: 1px solid #ddd;
	padding: 6px;
	margin: 0 0 15px;
}
.item h2 {
	font: 18px "Lucida Grande", Tahoma, Verdana, sans-serif;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 12px 0 12px 2px;
	margin: 0 7px 15px;
}
.item h2 a {
	color: #565656;
}

.item p {
	padding: 0 10px;
}
.oplos UL {
	margin: 10px 0 10px 0;
	padding: 0;
	}	

.vinkjes li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url('images/bullet.gif') no-repeat 0px 1px;
	padding-left: 20px;
	margin-top: 3px;
       padding-top:3px;
}	


.oplos LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url('images/bullet.gif') no-repeat 0px 1px;
	padding-left: 20px;
        padding-top:3px;
}	


.launch {
display:block;
width:125px;
height:45px;
background:url(images/folio_btn.png) no-repeat 0 0;
text-indent: -9999px;
}

.launch:hover {
background:url(images/folio_btn.png) no-repeat 0 -45px;
}

/* Contact footer */
#contentForm {
	display: block;
	width: 780px;
	margin: 70px auto;/*this line will center the page*/
	padding: 25px;
	border: 6px solid #625748;
	background-color: white;
}

#contentForm p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;           
	height: 1%;
}

/* and now the form itself */
label {
	display: block;
	float: left;
	clear: left;
	margin: 5px 0 10px 0;
	width: 250px;
	line-height: 120%;
}

input, textarea, select {
	padding: 2px;
	font-size: 1em;
	color: #666666;
	background: #F5F5F5;
	border: 1px solid #ccc;
	float: left;
	display: block;
	margin: 5px 0 10px 0;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #999;
	background-color: #FFFFFF;
}

input.button {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: url(images/bg_input.gif) no-repeat left top;
	width: 90px;
	height: 28px;
}

.fright {
	display: block;
	float: left;
}

.fright label {
	width: 500px;
	line-height: 160%;
	margin: 0 !important;
}

.fright input {
	margin-right: 5px !important;
}

span.required{
	font-size: 13px !important;
	color: red !important;
}

.errormsg {
	display: block;
	width: 90%;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
	padding: 3px 10px 3px 40px;
	margin: 10px 0;
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}

/*--Footer & Footer Widgets--*/

div#footer {
border-top: 1px solid #fff;
width:100%; 
height:100%;
}

.foottop {
width: 960px;
margin-right: auto;
margin-left: auto;
padding-top: 15px;
}

h1.tweet {
background: url(images/twitter.png) no-repeat;
width:100%;
height: 65px;
padding: 20px 0 0 70px;
}

#twitterwidget {
display:block;
background: blue url(images/volg_mij_op_twitter.png) no-repeat;
width:185px;
height:43px;
text-indent:-9999px;
}

div#footerboxes {

clear: both;
padding-bottom: 20px;
padding-top:10px;
background: #fafafa ;
border: 1px solid white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
overflow: hidden;
 -moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
margin-bottom:15px;

min-height:400px;
}

.footbox {
width: 300px;
float: right;
margin-right: 2px;
margin-left: 7px !important;
height: auto;
background: #fafafa ;
padding-bottom:12px;
overflow: hidden;
}

.footbox ul li {
padding: 3px 0 3px;
line-height: 22px;
border-top: 1px solid #ececec;
border-bottom: 1px solid white;
list-style:none;
}

.footerend {
background: #95B7DC url(images/footer-shadow.png) no-repeat center top ;
color: white;
padding: 50px 0 50px 0;
}


#wp-calendar {
	width: 95%;
	padding: 0 0 0px 0;
	margin-bottom: 15px;
	clear: both;
}
#wp-calendar caption {padding: 10px;}
#wp-calendar th {color: #fff;}
#wp-calendar th, #wp-calendar td {
	padding: 5px;
	text-align: center;
	background: #E7E7E7;
	color: #9E9E9E;
}
#wp-calendar td {background: transparent;}
#wp-calendar td, table#wp-calendar th {padding: 3px 0;}
#wp-calendar a {text-decoration: underline;}
#wp-calendar a:hover {text-decoration: none;}



/* widget-slider footer */

#slider-top { background:url(images/bg-footer-top.png) no-repeat; width:960px; height:12px; line-height:0; }
#slider-bot { background:url(images/bg-footer-bot.png) no-repeat; width:960px; height:12px; line-height:0; }
#slider-block {position:relative; min-height:400px; width:980px; overflow:hidden;}
.containerslide { position:relative; width:935px; overflow:hidden; margin:0 auto;}
.containerslide div {  opacity:0; z-index:0; position:absolute; top:0; left:0; padding:0px; }
.containerslide div div {  opacity:1; z-index: auto; position:static; padding:0px; }
#footerboxes .nav-buttons { list-style:none; margin:0; padding:0; border: 0px; }
#footerboxes li#p { position:absolute; top:140px; left:0px; }
#footerboxes li#n { position:absolute; top:140px; right:0px; }


.slogan {
height: 11px;
display: inline-block;
overflow: hidden;
width:155px;

}

.content{
width: 972px;
overflow: hidden;
margin: 0px auto;
}


input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

#canvas {
  width: 768px;
  margin: 0 auto;
}



  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
     Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }
*/
/*      main content     */
#primaryContent {
  width: 540px;
  float: left;
  padding: 0 20px 0 0;
  margin: 0;
}
  #primaryContent h1 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  #primaryContent h2 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 22px;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inline;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }


  /** for tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}


/*--Blockquotes--*/

.blockquote{
	margin:20px 0 -7px 22px;
	background:url(/images/blockquote-bg.gif) repeat-y;
	width:469px;
}
.blockquote-top{
	width:100%;
	overflow:hidden;
	background:url(/images/blockquote-top.gif) no-repeat;
}
.blockquote-top div{
	width:100%;
	width:383px;
	background:url(/images/blockquote-bottom.gif) no-repeat 0 100%;
	padding:14px 27px 30px 55px;
}
.blockquote p{
	line-height:19px;
	margin:0;
	color:#8a8a8a;
}