/*
Theme Name: KwinkPress Blog
Theme URI: http://www.kwink.be
Description: Theme voor de Kwink Blog
Version: 1.0
Author: Bruno Willaert
Author URI: http://www.kwink.be
Tags: kwink

	KwinkPress v1.0
	 http://www.kwink.be


*/




/* P R I M A R Y    C O N T E N T */

.home #primaryContent {
	background-color:#c5c2c0;
}
.portfolio #primaryContent, .clients #primaryContent {
	background-color:#e2e0df;
}
.blog #primaryContent {
	background-color:#564A46;
	position:relative;
	top:0px;
}
#primaryContent .content {
	padding:9px;
	width:882px;
}

.portfolio #primaryContent .content, .clients #primaryContent .content {
	padding-top:0px;
	background:url(/wp-content/themes/kwinkblog/images/structure/bg-portfolio.gif) repeat-y #e2e0df;
}
.blog #primaryContent .content {
	padding-top:0px;
	background:url(/wp-content/themes/kwinkblog/images/structure/bg-blog.jpg) repeat-y #564A46;
}

.home #primaryContent .box {
	width:270px;
	height:216px;
	background-color:#FFF;
	padding:9px;
}
.portfolio #primaryContent .box {
	width:190px;
	height:192px;
}
.clients #primaryContent .box {
	
	height:100px;
}
.portfolio #primaryContent .box .news {
	width:180px;
	height:134px;
	background-color:#FFF;
	padding:5px;
}
.clients #primaryContent .box .news {
	width:120px;
	/*height:94px;*/
	height:80px;
	background-color:#FFF;
	padding:10px;
}
.clients #primaryContent .box .news .klant {
	width:120px; 
	height:80px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:0 0;
	background-attachment:scroll;
	overflow:hidden;
}
.clients #primaryContent .box .news .klant:hover {
	background-position:0 -80px;
}
.portfolio #primaryContent .box .cats {
	width:180px;
	padding:2px 5px;
	color:#564a46;
}
.portfolio #primaryContent .box .cats a, .home #primaryContent .box .cats a, .portfolio .cats a {
	color:#564a46;
	text-decoration:none;
}
.portfolio #primaryContent .box .cats a:hover, .home #primaryContent .box .cats a:hover, .portfolio .cats a:hover {
	color:#564a46;
	text-decoration:underline;
}
.home .box img {padding-bottom:9px;}

/*PORTFOLIO DETAILPAGE */
.portfoliodetail {
	width:590px;
	margin-top:10px;
	height:274px;
}

.portfoliodetail .left {
	float:left;
	width:390px;
}
.portfoliodetail img {
	border:#FFF 8px solid;
}

.portfoliodetail .right {
	float:right;
	width:190px;
	font-size:11px;
}

.portfoliopics {
	float:none;
}

.portfoliopics img, .gallery img {
	float:left;
	margin-right:8px;
	border:#FFF 5px solid;
}

.blogitem {
	margin-top:8px;
}
.sidebar img{
	margin-bottom:9px;
}

img.share, .addtoany_share_save img {
	margin-top:4px;
	margin-bottom:8px;
	margin-left:4px;
}
img.labels {
	margin: 0 4px;
}

.twitterbox {
	margin-bottom:16px;
}

.twitterbox .top {
	background-image:url(/wp-content/themes/kwinkblog/images/structure/top-kader.jpg); 
	background-position:top; background-repeat:no-repeat;
	background-color:#e5e5e5;
	padding:10px 10px 0px 10px;
}
.twitterbox .bottom {
	background-image:url(/wp-content/themes/kwinkblog/images/structure/bottom-kader.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#e5e5e5;
	padding: 5px;
}









/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:900px;
	height:350px;
	/*background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;*/
	
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:900px;
  height:350px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  
}
.shShowreel {
	position:absolute;
	top:341px;
	left:0px;
	z-index:2000;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:900px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:350px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */



.slide h2, .slide p {
  margin:0px;
}

.slide img {
  float:right;
  margin:0;
}

a img, a:hover img {display:block;}

ul.commentlist  {
	list-style-position: inside;
	list-style-type: none;	
}
.comment-author a, .comment-author a:hover, .comment-meta a, .comment-meta a:hover{color:#F4F4F4; font-size:11px; text-decoration:none}

.commentlist li, #commentform input, #commentform textarea {
	color:#F4F4F4;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	
	font-style: normal;
	font-size: 1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	/*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	}

.commentmetadata {
	font-weight: normal;
	}


img.alignright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}