/*
Theme Name: De Vries
Theme URI: http://actiefmedia.nl/
Description: 
Author: Actief Media
Template: thematic
Version: 0.1

*/
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');


/* =Layout
-------------------------------------------------------------- */

html, body { height: 100% }
#wrapper { min-height: 100%; _height: 100%; width: 1040px; margin: 0 auto; position: relative }
#header { position: relative; height: 149px; width: 1024px; left: 12px; _left: 16px }
#main { position:relative; min-height: 400px; _height: 400px }
#container { float:left; margin: 0 0 0 12px; width: 1024px}
#content { margin: 0 125px 0 170px; _margin: 0 132px 0 162px; padding: 15px;  overflow:hidden; }
.container-iframe #content { padding: 0 }
#primary { width: 167px; float:left; margin: 0 0 0 -1024px; _margin: 0 0 0 -1030px; }
#secondary { width:125px; float:left; margin: 0 0 0 -125px; }
#access { position: absolute; top: 105px; right: 0; width: 200px; height: 21px; overflow: hidden; }

/* =Theme
-------------------------------------------------------------- */

body { background: #ececed; }
#wrapper { background: url(images/bg.png) repeat-y top center }
#header { background: #fff url(images/header.png) no-repeat }
#content { background: url(images/bg_content.jpg) }
#bg-right { background: url(images/right.jpg) no-repeat; position: absolute; bottom: 0; right: 2px; _right: 6px; width: 125px; height: 330px }

/* =Global Elements
-------------------------------------------------------------- */

body, input, textarea, table { font-family: Verdana, sans-serif; font-size: 12px; line-height:22px }
p, ul, ol, dd, pre { margin-bottom:22px }
pre, code { font:14px Monaco, monospace; line-height:22px }
blockquote { color:#666; font-style:italic }
table { margin:0 0 22px 0; text-align:left }
caption { text-align:left }
tr {  }
th, td { padding: .7em 1.25em }
hr { background-color:#ccc; border:0; color:#ccc; height:1px; margin-bottom:22px }
a { color:#C22A1E; text-decoration: none; font-weight: bold }
a:visited { color:#C22A1E }
a:active, a:hover { color: #000000 }
#content ul { }
#content ul li { padding: 0 0 0 22px; line-height: 22px; background: url(images/bullet.gif) no-repeat left center; height: 22px;}


/* =Header
-------------------------------------------------------------- */

#header { z-index: 2; position: relative;  }
#blog-title a { display: block; width: 340px; height: 76px; position: absolute; left: 140px; top: 8px }
#blog-title a span { display: none }

/* =Menu left
-------------------------------------------------------------- */

.aside ul .widget_pages { background: #1e113d; width: 137px; padding: 0; float: left; margin-bottom: 2em }
.aside ul .widget_pages h3 { display: none }
.aside ul .widget_pages ul { display: block; padding: 12px 0 0; float: right; list-style-type: none }
.aside ul .widget_pages ul ul { margin: 0; display: none; float: none; padding: 0 }
.aside ul .widget_pages ul li { display: block; margin: 0; padding: 0 }
.aside ul .widget_pages ul a { float: right; width: 120px; font-family: "Trebuchet MS", serif; color: #fff; text-decoration: none; font-weight: bold; padding: 2px 0 2px 6px; margin: 0 0 1px 0 }
.aside ul .widget_pages ul .current_page_item a, .aside ul .widget_pages ul .current_page_ancestor a, .aside ul .widget_pages ul a:hover { background: #716c83 }
/*.aside ul .widget_pages ul .current_page_item a, .aside ul .widget_pages ul .current_page_ancestor a, .aside ul .widget_pages ul a:hover { background: #716c83; }*/
/*.aside ul .widget_pages ul ul { display: none }*/
.aside ul .widget_pages ul .current_page_item ul, .aside ul .widget_pages ul .current_page_ancestor ul{ display: block }
.aside ul .widget_pages ul .current_page_item ul a, .aside ul .widget_pages ul .current_page_ancestor ul a { background: #b3b0c1; color: #000 }
.aside ul .widget_pages ul ul .current_page_item a, .aside ul .widget_pages ul ul .current_page_ancestor a, .aside ul .widget_pages ul ul a:hover { background: #e5e3ec }

#banners { margin: 0; text-align: right;  clear: both; width: 167px }
#banners a { margin: 3em 0.5em; display: block }
#banners img { width: 120px }

/* =Menu top
-------------------------------------------------------------- */
#access .menu { display: block; height: 21px }
#access .menu ul { display: block; text-align: right; margin: 0}
#access .menu li { height: 21px; display: inline }
#access .menu a { padding: 0 20px; background: url(images/bullet.png) no-repeat left center;  font-family: "Trebuchet MS", serif; color: #fff; text-decoration: none; font-weight: bold; line-height: 19px; font-style: italic}
#access .menu a:hover, #access .menu .current_page_item a { background: url(images/bullet-down.png) no-repeat left center; color: #b1a5c9 }


/* =Content
-------------------------------------------------------------- */

.page-title { font-size:13px; line-height:18px; padding:0 0 44px 0 }
.attachment .page-title { font-style:italic }
.page-title a { color:#666; text-decoration:none }
.page-title a:active, .page-title a:hover { color: #FF4B33 }
.page-title span { font-style:italic }
.page-title .meta-nav { font-style:normal }
.hentry { padding:0 0 22px 0 }
.single .hentry { padding:0 }
.home #content .sticky { border:1px solid #ccc; margin:0 0 66px 0; padding:22px 20px 0 20px }
.entry-title { font-size:26px; font-weight:bold; line-height:26px; padding:0 0 7px 0 }
.entry-title a { color:#000; text-decoration:none }
.entry-title a:active, .entry-title a:hover { color: #FF4B33 }
.entry-meta { color:#666; font-size:13px; font-style:italic; line-height:18px }
.entry-meta .author { }
.entry-meta .n { font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase }
.entry-meta a { color:#666; text-decoration:none }
.entry-meta a:active, .entry-meta a:hover { color: #FF4B33 }
.entry-meta abbr { border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase }
.entry-content { padding:22px 0 0 0 }
.page-content .entry-content { padding-top: 0 }
.entry-content h1, .entry-content h2 { font-size:19px; font-weight:bold; padding:28px 0 14px 0 }
.page-content .entry-content h1 { padding-top: 0 }
.entry-content h3 { font-size:17px; font-style:italic; padding:28px 0 14px 0 }
.entry-content h4 { font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em }
.entry-content table { margin-left:1px }
.entry-content embed { margin:0 0 22px 0 }
.entry-utility { color:#666; font-size:13px; line-height:18px; margin:0 0 44px 0 }
.entry-utility a { color:#666; font-style:italic; text-decoration:none }
.entry-utility a:active, .entry-utility a:hover { color: #FF4B33 }
.page-link { font-size:13px; font-weight:bold; line-height:18px; margin:0 0 22px 0; padding:22px 0 0 0; word-spacing:0.5em }
.page-link a { border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em; text-decoration:none }
.page-link a:active, .page-link a:hover { color: #FF4B33 }
ul#links-page, ul#archives-page { list-style:none; margin-left:0; overflow:hidden }
li.content-column { float:left; margin-right:20px; width:45% }
.gallery { padding:0 0 22px 0 }
.wp-caption-text, .gallery-caption { color:#666; font-size:13px; line-height:18px }
#author-info { margin:0 0 44px 0; overflow:hidden }
#author-info .avatar { float:left; margin:.3em 1em 0 0 } 

/* =Attachments
-------------------------------------------------------------- */

.attachment-jpeg #container, .attachment-png #container { width:100% }
.attachment-jpeg #content, .attachment-png #content { width:930px }
.attachment-jpeg #comments, .attachment-png #comments { width:540px; overflow:hidden }
.attachment-jpeg .main-aside, .attachment-png .main-aside { display:none }


/* =Navigation
-------------------------------------------------------------- */

.navigation { color:#666; font-size:13px; line-height:18px; margin:0px 0 22px 0; overflow:hidden }
.navigation a { color:#666; font-style:italic; text-decoration:none }
.navigation a:active, .navigation a:hover { color: #FF4B33 }
.navigation .meta-nav { font-style:normal }
.nav-previous { float: left; width:50% }
.nav-next { float: right; width:50%; text-align:right }
#nav-above,#nav-below { width: 100% }
#nav-above { display:none }
.paged #nav-above { display:block; padding:0 0 44px 0 }


/* =Comments
-------------------------------------------------------------- */

#comments { padding:22px 0 0 0 }
#comments,
#comments input,
#comments textarea { font-size:13px; line-height:18px }
#comments code { font-size:12px; line-height:18px }
#comments h3 { font-size:15px; font-weight:bold; line-height:22px; padding:0 0 18px 0 }
#comments-list { padding:0 0 18px 0 }
#comments-list ol,
#comments-list ul { list-style:none; margin:0 }
#comments-list ol { border:1px solid #ccc; border-bottom:none; margin:0 0 18px 0 }
#comments-list li { background:#fafafa; border-bottom:1px solid #ccc; padding:18px 1.5em 0 1.5em; position:relative }
#comments-list li.alt { background:#fff }
#comments-list li.bypostauthor { background:#FFFFCC }
#comments-list ul li { border:1px solid #ccc; margin:0 0 18px 0 }
#comments-list li .avatar { position:absolute; top:22px; left:1.5em; width:36px; height:36px }
#comments-list .comment-author { font-weight:bold; padding:9px 0 0 46px }
#comments-list .comment-meta { color:#666; font-size:11px; padding:0 0 9px 46px }
#comments-list .comment-meta a { color:#666; font-style:italic; text-decoration:none }
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover { color: #FF4B33 }
.comment-reply-link { font-size:11px; padding:0 0 18px 0; text-align:right }
.comment-reply-link a { color:#666; font-style:italic; text-decoration:none }
.comment-reply-link a:active,
.comment-reply-link a:hover { color: #FF4B33 }
.comment-navigation { font-weight:bold; padding:0 0 18px 0; margin-right:0.5em }
.comment-navigation a { border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em; text-decoration:none }
.comment-navigation a:active,
.comment-navigation a:hover { color: #FF4B33 }
.comment-navigation a,
.comment-navigation span { margin-right:0.5em }
#trackbacks-list .comment-content { position:absolute; left:-9000px }
#respond { background:#fff; margin-bottom:22px; overflow:hidden; padding:18px 0 0 0; position:relative }
#comments-list #respond { border-bottom:1px solid #ccc; margin:0 0 18px 0; padding:18px 1.5em }
#comments-list ul #respond { border:1px solid #ccc; margin:0 }
#cancel-comment-reply { font-size:11px; position:absolute; top:18px; right:1.5em }
#cancel-comment-reply a { color:#666 }
#respond .required { color:#FF4B33; font-weight:bold }
.form-section label { font-size:11px }
.form-section input { margin:0 0 18px 0; width:98% }
.form-section textarea { width:99% }
#form-allowed-tags p { color:#666; font-size:11px; margin:0 }
#form-allowed-tags span { font-style:italic }
#form-allowed-tags code { font-size:11px; line-height:normal }
.form-submit { padding:18px 0 0 0; text-align:right }
.subscribe-to-comments { color:#666; float:left; font-size:11px; margin:0; padding:18px 0 0 0 }
.solo-subscribe-to-comments { color:#666; font-size:11px; padding:18px 0 0 0 }
.comment_license { color:#666; clear:both; font-size:11px; margin:0; padding:18px 0 0 0 }

.wpcf7-form dl { width: 530px }
.wpcf7-form dt { width: 190px; margin: 0 5px 3px 0; text-align: right }
.wpcf7-form dd { width: 330px; margin: 0 0 3px 0 }
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea { width: 322px; border: 1px solid #666; padding: 1px 3px }
.wpcf7-form .your-postcode { width: 110px; margin-right: 10px } 
.wpcf7-form .your-city { width: 210px }
.wpcf7-form .your-telephone { width: 160px; margin-right: 10px } 
.wpcf7-form .your-fax { width: 160px }
.wpcf7-form .your-postcode input { width: 102px } 
.wpcf7-form .your-city input  { width: 200px }
.wpcf7-form .your-telephone input { width: 152px } 
.wpcf7-form .your-fax input  { width: 152px }
.wpcf7-form span.wpcf7-not-valid-tip { position: relative; display: block; left: 0; top: 0; border: none; background: transparent; color: red; width: 100%; font-size: 100%  }
.wpcf7-form span.wpcf7-not-valid-tip-no-ajax { font-size: 100% }

.wpcf7-form p.submit { padding: 0 0 0 200px  }
.wpcf7-form div.wpcf7-response-output { margin: 1em 0 }

/* hypotheek form */
#hypotheek th, #hypotheek td { padding: 2px }


/* inline blocks */
.wpcf7-form dt,
.wpcf7-form dd,
.wpcf7-form-control-wrap,
.ib-fix-list li,
.ib-fix
{ display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top;}

* html .wpcf7-form dt,
* html .wpcf7-form dd,
* html .wpcf7-form-control-wrap,
* html .ib-fix-list li,
* html .ib-fix
{ display:inline; }

* + html .wpcf7-form dt,
* + html .wpcf7-form dd,
* + html .wpcf7-form-control-wrap,
* + html .ib-fix-list li,
* + html .ib-fix
{ display:inline; }