/*
Theme Name: Konstruktief
Theme URI: http://konstruktief.nl/
Description: Custom theme
Version: 0.1
Author: Konstruktief

Konstruktief by Konstruktief Studio || http://konstruktief.nl
*/

/* Body */
body { margin: 0; padding: 0; background: url('images/patterns/KS_stripe_beige_white_small.png') repeat; color:#333; visibility:hidden; overflow-y:scroll; text-align: left; }


/* Header */
#header-wrapper {width: 100%; margin: 0px; position: relative; z-index: 3; background: #101010;filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;  } 
#header { margin-left: 10px; padding: 14px 15px 0 15px; }
#logo { margin: 0;  padding: 0 14px 10px 2px; float: left; }
#logo a { display: block; width:30px; height:25px; background: transparent url('images/logo.png') no-repeat top left;}
#logo a:hover { background-position: left -25px; }

#menu {  display: inline;  position:relative;}
#menu ul {list-style:none; margin:0; padding:0}
#menu li {float:left;  }
#menu li a { text-decoration: none; }
#menu li a:hover { color:#e64d24; }

#searchform { position: absolute; top: 1px; right: 0px; float: right;padding: 14px 15px 0 15px; }
#searchform input#s { color: #b2b2b2; width: 152px; border: none; outline-width:0; padding: 6px; line-height: 12px; height: 16px;  background: transparent url('images/search_bg.png') no-repeat left top; margin: -5px 0 0 0; float: left; overflow: none; }
#searchform input#s:focus { color: #4c2805; } 
#searchform input#searchsubmit { float: left; width: 28px; border: none; background: transparent url('images/search_bg.png') no-repeat right top; margin-left: -3px; margin-top: -5px; height: 28px; color: #7D8182; text-indent: -9999px; cursor: pointer; overflow: none; }			
#header a { outline:none !important; }	

/* Footer */
#footer-wrapper {width: 270px; margin-bottom: 0; margin-left: 10px; top:300px; margin-right: 0px; bottom: 0; float: right; vertical-align:bottom; position: relative; z-index: 3;  } 
#footer { width: 250px; margin: 0 auto; padding: 14px 0 0 15px; 
background: #F6F7EC;filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9; }


/* Forms */
input { color: #b2b2b2; background: #fff; width: 200px; border: none; outline-width:0; padding: 6px; line-height: 12px; height: 16px; margin: -5px 0 0 0; float: left; overflow: none; }

input:focus { color: #b2b2b2; background: #fff; width: 200px; border: none; outline-width:0; padding: 6px; line-height: 12px; height: 16px; margin: -5px 0 0 0; float: left; overflow: none; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
textarea { color: #b2b2b2; background: #fff; width: 250px; border: none; outline-width:0; padding: 6px; line-height: 12px; margin: -5px 0 0 0; }
textarea:focus { color: #b2b2b2; background: #fff; width: 250px; border: none; outline-width:0; padding: 6px; line-height: 12px; margin: -5px 0 0 0; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.button input { color: #F6F7EC; background: #101010; width: 200px; border: none; outline-width:0; padding: 6px;  height: 40px; margin: -5px 0 0 0; float: left; overflow: none;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block;}


/* Grid */
#gridcontent { position:fixed; top:0; left:0; margin:0 auto;  width:100%; height:100%; overflow:hidden; z-index:1; }
#grid {position:relative; top:10%; left:50%; margin:0 auto;}
	
#grid .post { display:block; cursor: move; }
#grid .post a { position:relative; text-decoration:none; display:block; outline:none; cursor: move; }
#grid .post a .wrapper {position:absolute; top:0; left:0}
	.thumbnail .wrapper {width:100px; height:100px; overflow:hidden}
	.portrait.thumbnail .wrapper img {margin-top:-25px}
	.landscape.thumbnail .wrapper img {margin-left:-25px}
#grid .post .tint,
#grid .post .notint {display:none; }
#grid .post .icon {position:absolute; z-index:1; top:0px; width:11px; height:11px; right:0px; background:url(images/icon-arrow-work.png) 0 0; }
#grid .post #loader {position:absolute; z-index:1; padding:3px 6px; background:#39b7c9; color:white; }
#grid .post .info {position:absolute; color: #F7F9EE; width:190px; font-weight:normal; display:none; padding:10px; background:#E74D24; line-height:14px; z-index: 100; }
#grid .post .info p {margin:0;}
#grid .post a:hover .icon { background-position:-11px 0}
			

/* Panels */			
#overlay { width: 950px; margin: 10px; position: relative; z-index: 2; }
.panels { display: none; }
	.panels .content { float: left; width: 640px; }
	.panels .info { float: left; width: 300px; margin-left: 10px; }
	.panels .boxed { padding: 15px 20px; background: #fff; }
	.panels .boxed-yellow { padding: 15px 20px; background: #f7f9ee; }

	.panels .close { margin:0;  padding: 10px 10px 0px 0px; float:right; }
	.panels .close a { outline:none !important; display: block; width: 17px; height: 17px; background: transparent url('images/button-close.png') no-repeat top left; }
	.panels .close a:hover { background-position: left -17px;}

.panels .up { margin:0;  padding: 10px 10px 0px 0px; float:right; }
	.panels .up a { outline:none !important; display: block; width: 17px; height: 17px; background: transparent url('images/button-up.png') no-repeat top left; }
	.panels .up a:hover { background-position: left -17px;}

/* Nextgen gallery */
.ngg-image { margin-bottom: 20px; }


/* Typography */
h2 { font-size: 1.6em; font-weight: bold; }
h3 { font-size: 1.2em; margin-bottom: 6px; }
h4 { font-size: 1em; font-weight: bold; color: #999; margin-bottom: 20px; }
h4 a { font-size: 1em; font-weight: bold; color: #999; text-decoration: none; }
h4 a:hover { font-size: 1em; font-weight: bold; color: #666; text-decoration: none; }

/* General */
a { color: #e64d24; text-decoration: none; }
a:hover { text-decoration: underline; }


/* Navigation */
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }


/* Page */
.page .entry p { margin:0 0 6px 0; }


/* Rounded Corners */

.rc_white .rc_top .rc_left { background: url(images/rc_10.png) no-repeat; }
.rc_white .rc_top .rc_middle { background: #fff; }
.rc_white .rc_top .rc_right { background: url(images/rc_10.png) -5px 0px no-repeat; }

.rc_white .rc_bottom .rc_left { background: url(images/rc_10.png) 0px -5px no-repeat; }
.rc_white .rc_bottom .rc_middle { background: #fff; }
.rc_white .rc_bottom .rc_right { background: url(images/rc_10.png) -5px -5px no-repeat; }

.rc_yellow .rc_top .rc_left { background: url(images/rcy_10.png) no-repeat; }
.rc_yellow .rc_top .rc_middle { background: #f7f9ee; }
.rc_yellow .rc_top .rc_right { background: url(images/rcy_10.png) -5px 0px no-repeat; }

.rc_yellow .rc_bottom .rc_left { background: url(images/rcy_10.png) 0px -5px no-repeat; }
.rc_yellow .rc_bottom .rc_middle { background: #f7f9ee; }
.rc_yellow .rc_bottom .rc_right { background: url(images/rcy_10.png) -5px -5px no-repeat; }

.rc_bottom .rcy_right { background: url(images/rcy_10.png) -5px -5px no-repeat; height: 5px;	left: auto;	position: absolute;	right: 0; top: 0; width: 5px; }
.rc_bottom .rcy_left { background: url(images/rcy_10.png) 0px -5px no-repeat; height: 5px; left: 0; position: absolute; width: 5px; }

.rc_top { height: 5px; position: relative; }
* html .rc_top { padding: 0 5px; }
.rc_top .rc_left { height: 5px; left: 0; position: absolute; width: 5px; }
.rc_top .rc_middle { height: 5px; left: 5px; position: absolute; right: 5px; }
* html .rc_top .rc_middle {	left: 0; position: static; }
.rc_top .rc_right { height: 5px; left: auto; position: absolute; right: 0;	top: 0; width: 5px; }

.rc_bottom { height: 5px; position: relative; }
* html .rc_bottom { padding: 0 5px; }
.rc_bottom .rc_left { background: url(images/rc_10.png) 0px -5px no-repeat; height: 5px; left: 0; position: absolute; width: 5px; }
.rc_bottom .rc_middle {	height: 5px;	left: 5px;	position: absolute;	right: 5px; }
* html .rc_bottom .rc_middle { left: 0;	position: static; }
.rc_bottom .rc_right { background: url(images/rc_10.png) -5px -5px no-repeat; height: 5px;	left: auto;	position: absolute;	right: 0; top: 0; width: 5px; }


h5 { font-size: 18px; }