/*

Theme Name: Cleano Studios

Theme URI: http://ilove2design.at/

Description: WordPres version of <a href="http://themeforest.net/item/cleano-studios/58699">Cleono Studios HTML Template</a>.

Version: 1.0

Author: Omar Corrales

Author URI: http://omarcorrales.com



*/

/*-----------------------------*/
/* menus */
/*-----------------------------*/

ul.menus li{
	width: 240px;
	height: 16px;
	padding: 8px 0 8px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
	margin-left:-40px;
}
ul.menus li a{color: #333333;}

ul.menus li.active, ul.menus li.active a{
color: #333333;
background: #9cdc37;
}

ul.menus li:hover{
	background: #9cdc37;
	font-style:normal;
}
ul.menus li.active:hover{
	background: #9cdc37;
}
ul.menus li{
border-top: 1px dotted #CCC;
}
ul.menus li.laatste{
border-bottom: 1px dotted #CCC;
margin-bottom: 15px;
}
ul.menus li.eerste{
border-top: 1px dotted #CCC;
}

/*-----------------------------*/
/* menus onze modellen */
/*-----------------------------*/

ul.menumodel li{
	width: 200px;
	height: 16px;
	padding: 8px 0 8px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
	margin-left:40px;
}
ul.menumodel li a{color: #333333;}

ul.menumodel li.active, ul.menumodel li.active a{
color: #333333;
background: #9cdc37;
}

ul.menumodel li:hover{
	background: #9cdc37;
	font-style:normal;
}
ul.menumodel li.active:hover{
	background: #9cdc37;
}
ul.menumodel li{
border-top: 1px dotted #CCC;
}
ul.menumodel li.laatste{
border-bottom: 1px dotted #CCC;
margin-bottom: 15px;
}
ul.menumodel li.eerste{
border-top: 1px dotted #CCC;
}


/* WEBSITE BODY */



body {

	background-image:url(graphic/bg.gif);

	background-repeat: repeat-x;

	background-color: #EFEFEF;

}



* {

	margin: 0;

}



/* NO BORDER FOR LINKED PICTURES */



img{

  border:0;

}



#wrapper {

	position: relative;

	margin: 0 auto;

	width: 912px;

}



/* HEADER */



#header {

	width: 912px;

	height: 160px;

	background-image: url(graphic/header.png);

	background-repeat: no-repeat;

	margin-top: 10px;

}



/* LOGO */



#logo {

	width: 320px;

	height: 42px;

	margin: 20px 0px 0px 5px;

	float: left;

	display: inline;

}



/* NAVIGATION */



#navigation {

	height: 18px;

	font-size: 14px;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

	text-decoration: none;

	letter-spacing: 0px;

	color: #404040;

	float: right;

	margin: -30px -5px 0px 0px;

	display: inline;

}



#navigation li {

	float: left;

	list-style: none;

	display: block;

	width: auto;

	background:url(graphic/navi_sep.gif) top right no-repeat;

	padding-right:16px;

}	



#navigation li a {

	font-size: 14px;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

	color: #404040;

	font-weight: normal;

	text-decoration: none;

}	



#navigation li.current_page_item a {

	font-size: 14px;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

	font-weight: normal;

	text-decoration: none;

}



#navigation li a:hover {

	font-size: 14px;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

	font-weight: normal;

	text-decoration: none;

}



/* FEATURED */



#featured {

	width: 912px;

	height: 300px;

	background-repeat: no-repeat;

	margin-top: 20px;

}





#featured_left {

	margin: 40px 0px 0px 40px;

	width: 400px;

	height: 220px;

	float: left;

	display: inline;

}



/* FEATURED UNDER*/



#featured_under {

	width: 912px;

	height: 113px;

	background-repeat: no-repeat;

	margin-top: 20px;

}



#featured_under_h {

	margin: 45px 0px 0px 40px;

	width: 832px;

	height: 50px;

	float: left;

	display: inline;

}

#featured_under_h h1 {

	text-transform:uppercase;

}



/* FEATURED FONTS */



h1 {

	font-size: 32px;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

	line-height: 34px;

	text-decoration: none;

	letter-spacing: -2px;

	color: #FFFFFF;

}



h2 {

	font-size: 15px;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

	line-height: 20px;

	text-decoration: none;

	letter-spacing: -1px;

	color: #FFFFFF;

}



#featured p{

	line-height: 16px;

}



/* SLIDER */



#featured_right {

	width: 333px;

	margin: 45px 40px 0px 0px;

	float: right;

	display: inline;

}



#slider {

	overflow: hidden; 

	width: 304px; 

	height: 225px;

	margin: auto;

	position: absolute;

}	



#slider ul, #slider li {

	margin: 0;

	padding: 0;

	list-style: none;

}

	

#slider li { 

	width: 304px;

	height: 255px;

	overflow: hidden; 

}	



#prevBtn, #nextBtn { 

	display: block;

	width: 21px;

	height: 48px;

	left: -21px;

	top: 80px; 

	position: relative;

}	



#nextBtn{ 

	left: 304px;

	top: 32px; 

}	

													

#prevBtn a, #nextBtn a {  

	display: block;

	width: 21px;

	height: 48px;

	background: url(slider/images/btn_prev-trans.png) no-repeat 0 0;	

}	



#nextBtn a { 

	background: url(slider/images/btn_next-trans.png) no-repeat 0 0;	

}	



/* IMAGE REPLACEMENT */



#prevBtn, #nextBtn{

	margin:0;

	padding:0;

	display:block;

	overflow:hidden;

	text-indent:-8000px;

}



/* FEATURED SUB*/



#featured_sub_wrapper {

	width: 912px;

	height: 100px;

	margin-top: 20px;

}



/* CONTENT */



#content {

	width: 912px;

	background-image: url(graphic/content_bg.gif);

	background-repeat: repeat-y;

	background-color: #FFFFFF;

	padding-bottom: 5px;

}



#content_rt {

	width: 912px;

	height: 30px;

	background-image: url(graphic/content_rt.gif);

	background-repeat: no-repeat;

	margin-top: 20px;

}



#content_rb {

	width: 912px;

	height: 30px;

	background-image: url(graphic/content_rb.gif);

	background-repeat: no-repeat;

}



#content_left {

	float: left;

	margin: 0px 0px 0px 25px;

	width: 550px;

	display: inline;

}

	

#content_right {

	float: right;

	margin: 0px 25px 0px 62px;

	width: 250px;

	display: inline;

}



#content_portfolio_wrapper {

	width: 912px;

}



.content_portfolio_l {

	float: left;

	margin: 0px 0px 0px 25px;

	width: 312px;

	display: inline;

}



.content_portfolio_r {

	float: right;

	margin: 0px 25px 0px 48px;

	width: 500px;

	display: inline;

}



.content_portfolio_h {

	width: 862px;

	height: 30px;

	background-image: url(graphic/underline.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	margin: 0px 0px 20px 25px;

}



.content_portfolio_sep {

	width: 862px;

	height: 51px;

	margin: 0px 25px 0px 25px;

}



.content_left_h {

	width: 550px;

	height: 30px;

	background-image: url(graphic/underline.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	margin-bottom: 20px;

	text-transform:uppercase;

}



.content_right_h {

	width: 250px;

	height: 30px;

	background-image: url(graphic/underline.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	margin-bottom: 20px;

	text-transform:uppercase;

}



#content_blog_wrapper {

	width: 912px;

}



.content_blog {

	float: right;

	margin: 0px 25px 0px 25px;

	width: 862px;

	display: inline;

}



.content_blog_h {

	width: 862px;

	height: 30px;

	background-image: url(graphic/underline.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	margin: 0px 0px 20px 25px;

}


.content_blog_sep {

	width: 862px;

	height: 51px;

	margin: 0px 25px 0px 25px;

}



.content_blog_navi {

	width: 862px;

	height: 20px;

	margin: 0px 25px 0px 25px;

}



.content_blog_navi_element {

	display: block;

	margin: 0px 8px 0px 0px;

	padding: 6px;

	background-color: #f5f5f5;

	border: 1px solid #dcdcdc;

	float: left; 

}



.content_blog_icon_line {

	width: 862px;

	height: 32px;

	margin: 0px 25px;

}



.blog_icons {

	float: left;

	display: inline;

	margin-right: 20px;

}



.content p {

	font-size: 12px;

	line-height: 19px;

	color: #333333;

	font-family: Arial, Verdana, sans-serif;

	margin-bottom:10px;

}

.content img {

	vertical-align:middle;

}

.content a {

	font-size: 12px;

	font-family: Arial, Verdana, sans-serif;

	text-decoration: none;

}



h3 {

	font-size: 20px;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

	line-height: 20px;

	text-decoration: none;
	
font-weight:normal;

	letter-spacing: 0px;

	color: #76bc07;

margin-top: 20px;
margin-bottom: 10px;

}



h4 {

	font-size: 16px;

	line-height: 18px;

	color: #76bc07;
font-weight:normal;

	font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;

margin-top: 20px;
margin-bottom: 5px;

}



.pic {

	float: left;

	display: inline;

	margin-right: 20px;

}



.icon {

	float: left;

	display: inline;

	margin: 3px 10px 0px 0px;

	padding-bottom: 10px;

}



.tiwtter {

	padding-top: 7px;

	height: 22px;

	width: 180px;

	float: left;

	font-size: 16px;

	line-height: 18px;

	color: #000000;

	font-family: Arial, Verdana, sans-serif;

}



.tiwtter a {

	font-size: 16px;

	line-height: 18px;

	color: #000000;

	font-family: Arial, Verdana, sans-serif;

	text-decoration: none;

}



#tiwtter_i {

	height: 32px;

	width: 42px;

	float: left;

}



/* FOOTER */



#footer {

	width: 912px;

	height: 54px;

	margin: 20px 0px 40px 0px;

	background-image: url(graphic/footer_bg.gif);

	text-align:center;

}



.footer p {

	font-size: 12px;
	
	line-height:20px;

	color: #cccccc;

	font-family: Arial, Verdana, sans-serif;

}



.footer a {

	font-size: 12px;

	color: #FFFFFF;

	font-family: Arial, Verdana, sans-serif;

	text-decoration: none;

}



#footer_left {

	float: left;

	margin: 5px 0px 0px 15px;

	display: inline;

	text-align:center;

	width: 912px;

}



#footer_right {

	float: right;

	width: 441px;

	margin: 19px 15px 0px 0px;

	text-align: right;

	display: inline;

}



/* --- COMMENT STYLES --- */

.comments {

	margin:25px;

}

#comments {

	border-bottom:1px solid #c7c7c7;

	padding-bottom:5px;

	text-transform:uppercase;

	margin-bottom:25px;

}



#respond {

	margin:25px 25px 0;

}

#respond h3 {

	text-transform:uppercase;

	margin-bottom:10px;

}

#respond label {

	margin-left:10px;

	font-size:14px;

}

#respond .cancel-comment-reply {

	margin-bottom:10px;

}



.commentlist {

	list-style:none;

	padding:0;

	margin:0;

	overflow:hidden;

	display:block;

}

.commentlist li {

	padding:10px;

	margin:0;

	overflow:hidden;

	font-family: Arial, Verdana, sans-serif;

	display:block;

}

.commentlist li.thread-even {

	background-color:#f8f8f8;

}

.commentlist li .picture {

	width:65px;

	text-align:center;

	margin-right:15px;

	font-size:11px;

}

.commentlist li .comment-text {

	text-align:left;

	width:90%;

	color:#6e6e6e;

}

.commentlist li .comment-text .author-date {

	display:block;

	margin-bottom:10px;

	overflow:hidden;

}

.commentlist li .comment-text .author-date .author-link {

	font-size:16px;

	font-weight:bold;

	color:#000;

}

.commentlist li .comment-text .author-date .date-info {

	font-size:11px;

	color:#646464;

}



.commentlist li ul {

	clear:both;

	padding:10px 0;

	margin:0;

}

.commentlist li ul li {

	padding:10px;

	margin:0;

	margin-left:30px;

}

li.depth-2 .comment-text { width:89%; }

li.depth-3 .comment-text { width:89%; }

li.depth-4 .comment-text { width:88%; }

li.depth-5 .comment-text { width:87%; }

/* --- CONTACT FORM --- */



.wpcf7 form {

	margin-top:20px;

}



.form_nm,.wpcf7 input,#respond input {

	background-color: #f9f9f9;

	color: #404040;

	font-family: Arial, Verdana, sans-serif;

	font-size: 13px;

	border: 1px solid #dcdcdc;

	text-indent: 8px;

	width: 200px;

	height: 20px;

	padding-top: 4px;

	margin:5px 0;

}



.wpcf7 input#submit,#respond input#submit {

	color:#ffffff;

	padding:5px 10px;

	background-color:#2a2a2a;

	width:auto;

	height:auto;

	text-indent:0;

}



.form_tf,.wpcf7 textarea,#respond textarea {

	background-color: #f9f9f9;

	color: #404040;

	font-family: Arial, Verdana, sans-serif;

	font-size: 13px;

	line-height: 20px;

	border: 1px solid #dcdcdc;

	text-indent: 8px;

	line-height: 18px;

	width: 380px;

	height: 150px;

	padding-top: 5px;

	margin-top:5px;

}



/* Image Styles */



    .mini-icon {

	float: left;

	display: inline;

	margin: 3px 10px 0px 0px;

	padding-bottom: 10px;

    }



    img.centered, .aligncenter, div.aligncenter {

    	display: block;

    	margin-left: auto;

	margin-right: auto;

    }

    img.alignright {

    	padding: 0 0 15px 15px;

    	display: inline;

    }

    img.alignleft {

    	padding: 0 15px 10px 0;

    	display: inline;

    }

    .alignright {

    	float: right;

    }

    .alignleft {

    	float: left;

    }

    .wp-caption {

    	border: 1px solid #bab9b5;

    	text-align: left;

    	color: #777;

    	font-style: italic;

    	background-color: #f3f3f3;

    	padding: 10px 5px;

    	margin-bottom: 30px;

    	-moz-border-radius: 2px;

    	-khtml-border-radius: 2px;

    	-webkit-border-radius: 2px;

    	border-radius: 2px;

    }

    .wp-caption img {

    	margin: 0 auto;

    	display: block;

    	padding: 0;

    	border: 0 none;

    }

    .wp-caption p.wp-caption-text {

    	font-size: 11px;

    	line-height: 13px;

    	padding: 10px 5px 0 5px;

    	margin: 0;

    }

	

/* WP-PageNavi Styles */

	.wp-pagenavi {

		clear:both;

		font-size:14px;

		padding:10px;

		text-transform:uppercase;

		font-family: Arial, Verdana, sans-serif;

		font-size: 14px;

		margin:0 15px;

	}

	.wp-pagenavi a, .wp-pagenavi a:link {

		padding: 3px 6px; 

		margin: 2px 4px;

		text-decoration: none;

		color: #000000;

		background-color: #f5f5f5;	

		border:1px solid #dcdcdc;

	}

	.wp-pagenavi a:visited {

		padding: 3px 6px;  

		margin: 2px 4px;

		text-decoration: none;

		color: #000000;

	}

	.wp-pagenavi a:hover {

		background-color: #f5f5f5;	

		border:1px solid #b8b8b8;

	}

	.wp-pagenavi a:active {

		padding: 3px 6px; 

		margin: 2px 4px;

		text-decoration: none;

		color: #000000;

	}

	.wp-pagenavi span.pages {

		color: #737373;

		display:none;

	}

	.wp-pagenavi span.current {

		padding: 3px 6px; 

		margin: 2px 4px;

		color: #000;

		background-color: #f5f5f5;	

		border:1px solid #dcdcdc;

	}

	.wp-pagenavi span.extend {

		padding: 2px 4px 2px 4px; 

		margin: 2px 4px;	

		color: #000000;

		background-color: #f5f5f5;	

		border:1px solid #dcdcdc;

	}