/*_____Theme Info
Theme Name: Creatief passief
Description: Creatief passief Wordpress Theme
Theme URI: http://www.creatifpassif.be/
*/

/* _____Color Info
Post Title Color: #333333 (Dark Gray)
Text Color: #444444 (Dark Gray)
*/
@import url('hack.css');
@import url('base.css');
@import url('header.css');
@import url('slide.css');
@import url('main_page.css');
@import url('secondary.css');
@import url('footer.css');

html, body {
 height: 100%;
}

/*
Generic Button
*/
a.btn { font:700 11px Tahoma, Arial, sans-serif; text-decoration:none; color:#444; padding:5px 10px 0 10px; background:url(img/btn.png) no-repeat top right; }
a.btn:hover, .vertical-navigation li a.btn:hover { font:700 11px Tahoma, Arial, sans-serif; text-decoration:none; color:#444; padding:5px 10px 0 10px; background:url(img/btn.png) no-repeat bottom right !important; }
a.btn span { height:26px; float:left; width:10px; margin-left:-10px;margin-top:-5px;  background:url(img/btn.png) no-repeat top left; }
a.btn:hover span, vertical-navigation li a.btn:hover span { height:26px; float:left; margin-top:-5px; width:10px; margin-left:-10px; line-height:26px; background:url(img/btn.png) no-repeat bottom left !important; }
.btn2 { margin-top:-15px; }


/*Download Brochures Page*/
a.thumb-download {float:left; display:block; text-decoration:none; width:320px; margin:15px 0; }
a.thumb-download img { display:block; float:left; }
a.thumb-download span { float:left; display:block; color:#444; font-weight:bold; width:100px; margin-left:10px;}
a.thumb-download span.btn { float:left; display:block; color:#444; font-weight:bold; width:100px; }
a.thumb-download span.download-btn{ float:left; margin-top:50px; background:#ccc; width:100px; border:1px solid #444; padding:5px;}
a.thumb-download span.btn:hover { font:700 11px Tahoma, Arial, sans-serif; text-decoration:none; color:#444; padding:5px 10px 0 10px; background:url(img/btn.png) no-repeat bottom right !important; }
span.btn:hover span.another-span { height:26px; float:left; margin-top:-5px; width:10px; margin-left:-10px; line-height:26px; background:url(img/btn.png) no-repeat bottom left !important; }
span.btn {margin-top:80px; margin-left:20px !important;  float:left; width:auto !important; font:700 11px Tahoma, Arial, sans-serif; text-decoration:none; color:#444; padding:5px 10px 0 10px; background:url(img/btn.png) no-repeat top right;}
span.btn span.another-span {height:26px; float:left; display:block; width:10px; position:relative; margin-left:-10px;margin-top:-5px; background:url(img/btn.png) no-repeat top left !important; }
span.pdf_icon { text-transform:uppercase; margin-top:30px; }

.wrapper { width: 960px; margin:0 auto; text-align:left; }

form.wpcf7-form span.menu-days select, form.wpcf7-form span.menu-months select, form.wpcf7-form span.menu-years select {width:auto !important;}


#page { float:left; width:100%; min-height:100%; height:auto !important; height:100%; background:url(img/body_background.png) no-repeat top center; margin-bottom:-80px; }

/*
Link Styke
*/

/*
Header
*/
  div.paragraph > p:first-child { margin:0 !important; } 
  div.paragraph br { display:none; }


/*
Slider Page 
*/

#sitemap {margin-top:20px;}
#sitemap ul li {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px;}


/*
Project List + Project Page 
*/
#project-header { float:left; width:100%; height:380px; margin-bottom:10px; }
#project-summary { float:right; width:220px; height:350px; padding:15px; background:url(img/transparency.png) 0 0; font-size:13px; position:relative;}
#project-summary ul { list-style:none; }
#project-summary h2 { font:700 13px/1.5em Arial, sans-serif;  letter-spacing:0;}

#projects-wrapper, #trends-wrapper { float:right; width:670px; padding:15px;}
#projects-sidebar { float:left; width:250px; padding:15px 0; }
#projects-sidebar select { width:220px; float:left; margin:5px 0; }
#projects-sidebar ul { list-style:none; }
.projects-post { float:left; width:100%; display:block; overflow:hidden; margin:0 0 20px; border-bottom:1px solid #ddd; padding:0 0 15px;}
.projects-post ul { list-style:none; }
.projects-img { float:left; width:220px; }
.projects-img img { margin-bottom:10px; }
.list-summary-header {float:left; width:100%; display:block;}
strong.label { float:left; width:80px; display:block; font-weight:400; }
.list-summary { float:left; width:420px; margin-left:20px; }
.building-type { float:left; clear:both; display:block; }
.list-summary h2 { float:left; width:300px; font-size:14px; }
.list-summary h2 a { text-decoration:none; color:#444;}
.energymeter { margin-top:15px; font-weight:700 !important; }
span.rating { margin-top:-20px; float:right; }

#aside { float:right; width:230px; background:#fff; }
#rating { padding:10px; background:#eee; }

.posts-summary h2 { font-size:14px; }
.posts-summary h2 a { text-decoration:none; color:#777;}
.sidebar .small-width { width:200px;}


.trends-img { float:left; }
.trends-img img, #trends-wrapper p img { float:left; margin:10px 15px 15px 0; }
.trends-summary h2, #trends-wrapper h2 { font:700 15px/1.2em Arial, sans-serif; }
.trends-summary h2 a, #trends-wrapper h2 a { color:#444; text-decoration:none; padding:5px 0px;}
.trends-summary h2 a:hover, #trends-wrapper h2 a:hover { color:#444; text-decoration:none; border-bottom:1px solid #ccc; background:#eee;}
/*
Main Page
*/



/*
Modal Page
*/
div.modalframe { }
div.modalframe img{ margin: 0px; padding: 0px; }
div.modalframe a { border: 1px solid #CCCCCC; float: left; margin: 4px; width: 130px; text-align: center; height: 130px; padding:15px 17px; }
div.modalframe a:hover { border: 1px solid #999999; float: left; margin: 4px; }

/*
Spread Social 
*/
.social { float:right; list-style:none; }
.social li { float:left; width:16px; height:16px; margin-left:5px; }
.social li.social-tag { width:auto; }
.social li a { float:left; width:16px; height:16px; text-indent:-9999px; }
.social li a:hover { margin-top:-1px; }
.social li a:active { margin-top:1px; }
.social li a.delicious { background:url(img/sprite.png) no-repeat 0 0; }
.social li a.facebook { background:url(img/sprite.png) no-repeat -16px 0; }
.social li a.twitter { background:url(img/sprite.png) no-repeat -32px 0; }

#commentform textarea { width:220px; padding:0; font:13px/1.5em Arial, sans-serif;  }
#commentform label { float:left; clear:both; }
ul.commentlist  div.comment-meta { display:none; }
ul.commentlist { list-style:none; }
span.informative { display:block; clear:both; font-size:11px; margin-bottom:-20px; }
/*
Post Style
*/
#post {float:left; width:480px; margin-right:15px; }
.jwts_tabberlive { margin-top:-15px !important; .margin-top:5px !important; }
*html .jwts_tabberlive { margin-top:5px !important; }
#post .jwts_tabberlive .jwts_tabbertab  {background:#fff;}
#post ul.jwts_tabbernav li a, ul.jwts_tabbernav li a:link {padding:5px; border:1px solid #bbb; border-bottom:none; text-decoration: none;}
#post ul.jwts_tabbernav {padding:0 4px 3px;}
#post div#actual-content {color:#444;}
#post ul.jwts_tabbernav li.jwts_tabberactive a {border-bottom:1px solid #fff;}
ul.content-list { padding-left:30px; margin-bottom:20px;}
div#video { width:400px; margin:0 auto; }

/*
Secondary Page Style
*/
.events-right .box-stroke .box-content strong {display:block; clear:right;}
.events-right .box-stroke .box-content { height:auto; float:right; }

/*
Calendar Styles
*/
#calendar{ color:#444; }
.calendar-picture { float:left; width:60px;}

.most-popular { float:left; width:97%; border:1px solid #ccc; list-style:none; }
.most-popular li { padding:0 0 0 10px;}
.most-popular li a, .sidebar .cat-item a { color:#444; font-size:13px; font-weight:bold; }
.most-popular-header { font-size:18px;}
.sidebar .cat-item { float:left; list-style:none; clear:both; margin: 0 0 0 20px; }
.display-none { display:none; }
p.submit-btn {float:right;  }
p.name-field { float:left; }
ol.commentlist li {border-bottom:1px solid #bbb; padding:10px 0;}
.calnk a:visited { border-bottom:none !important; }


/*
Posts Navigation
*/
.navigation {float:left; width:250px; margin:20px 0 0 0; position:absolute; left:0; bottom:0;}
.prev { float:left; width:42px; height:59px; font-size:11px;}
.prev a {float:left; background:url(img/nav-sprite.png) 0 0; display:block; width:42px; height:42px;}
.prev a:hover {float:left; background:url(img/nav-sprite.png) 0 -42px;  }



.next { float:right;width:46px; height:59px; font-size:11px; }
.next a, a.next { float:right; background:url(img/nav-sprite.png) no-repeat -84px 0; display:block; width:42px; height:42px;}
.next a:hover, a.next:hover { background:url(img/nav-sprite.png) no-repeat -84px -42px;  }
a.next { float:right; margin:0 10px 10px; }

.overview { float:left; margin-left:62px; display:inline; width:42px; height:59px; font-size:11px;}
.overview a { float:left; background:url(img/nav-sprite.png) no-repeat -42px 0; display:block; width:42px; height:42px;}
.overview a:hover { background:url(img/nav-sprite.png) no-repeat -42px -42px; }

ul.related_post, .architect-info { float:left; list-style:none; }

span.architect-name { float:right; display:block; margin:25px 0 10px 0; font-weight:bold; width:100px; }
span.architect-information { float:left; width:100%; }
.architect-picture { float:left; display:block;}
ul.related_post, .architect-info { margin-bottom:20px;}
.related_post a {color:#434343; font-weight:600; text-decoration:underline;}
.related_post a:hover {color:#434343; font-weight:600; text-decoration:underline;}
ul.upcoming-events, ul.upcoming-events2 { float:left;}
 

ul.box-contenu { list-style:none; }
ul.box-contenu p { margin:0;  }
.events-right { float:right; width:325px; }
.events-right .box-stroke {float:right;}
ul.box-contenu img {float:left;}
form#commentform { float:left;}
form#commentform input { float:left; display:block; clear:both; }

.upcoming li { border-top:1px solid #eee; border-bottom:1px solid #ccc; width:220px; margin:0 5px }
.upcoming li ul { background:none; margin-bottom:0; border:0; width:210px; margin:5px }
.upcoming li ul li { border-top:0 !important; border-bottom:0 !important; margin:0; }
.upcoming li ul li span a { border:0; width:auto; padding-right:0; }
.upcoming span.date, span.date { font:700 11px  Tahoma, Arial, sans-serif;}

/*
Trends: Trend List + Trends Styles
*/




/*
Input
*/
input[type="text"], textarea { padding:3px; border:1px solid #999; margin:3px 0;  }

/*
Infocorner
*/
div.infocorner a { color:#009; }

/*
Footer Styles
*/


/*
Q&A style
*/
.faq_build_default { float:right; width:400px;}
.faq-page { float:left; width:100%; /*margin-top:20px;*/}
.faq-page .faq_build_default { float:left; width:100%; }
.faq_build_answer { margin-bottom:20px; padding-right:15px; }
.faq_build_answer br { display:block !important; }
span.calnk a:hover { background:#777 !important; }
.faq-useful-links .box-content {height:auto;}
.faq-useful-links .box-content ul {padding-left:20px;}
.faq-useful-links .box-content ul li a {color:#444; font-weight:bold;}

/*
Upload page Styles
*/
.sidebar-information { float:left; width:400px;}
.upload-form { float:right; margin-right:40px; width:500px; }
.upload-form form.wpcf7-form p { margin:5px 0; float:left; display:block; width:100%; }
.upload-form form.wpcf7-form p label { float:left; width:150px; font-weight:bold;}
.upload-form form.wpcf7-form p input, div.upload-form form.wpcf7-form p select  { float:left; }



.vraag textarea { width:250px; display:block; }

/*
Wandoplossingen page projects
*/
.tablewand {
	border-collapse:collapse;
	}
.tableheader {
	background-color:#969EA1;
	color:#FFF;
		}
.tabletotalcm{
	background-color:#009DE0;
	color:#FFF;
	font-size:14px;
		}
.tabletotalwd {
	background-color:#E95D0E;
	color:#FFF;
	font-size:14px;
		}