/*
Theme Name: Karin Meyn
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Action in Marketing
Author URI: http://www.aim.nu/
Version: 1.0
Text Domain: karinmeyn
*/


/******** Theme specifications ********

Theme Name: Karin Meyn
Theme URI: #
Description: Karin Meyn
Author: Action in Marketing
Author URI: http://www.aim.nu
Version: 0.1

Date: 15-10-2012   -   Last edit: 18-10-2012
Status: W.I.P.

******** End specifications ********/

html {
	overflow-y: scroll;
}

body {
	background: #fff;
	}
	
p {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 17px;
	}

h1 {
	height: 100%;
	text-indent: -999999px;
	}
	
a:link, a:visited {
	color: #a7a9ac;
	text-decoration: none;
	outline: none;
	border: none;
	}
	
a:hover, a.active, li.current_page_item a, li.current-page-ancestor a {
	color: #000;
	text-decoration: none;
	outline: none;
	border: none;
	}

.clear {
	clear: both;
	}

	
/******** Structure - Home********/

#content-wrap-home {
	width: 1060px;
	/*height: 700px;*/
	margin: 0 auto;
	position: relative;
	border: 0px dashed #FF0000;
	
	}
	
	section#homepage {
		margin: 0 auto;
		position: relative;
		float: none;
		/*top: 50%;*/
		}
	
		#logo-home {
			width: 370px;
			height: 32px;
			margin: 0 auto;
			display: block;
			background: url("images/karin-meyn_logo-white.png") no-repeat;
			padding-bottom: 45px;
			}
			
			#logo-home h1 a {
				width: 370px;
				height: 32px;
				display: block;
				}

	nav#home {
		font-family: Verdana, sans-serif;
		font-size: 12px;
		color: #fff;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
		}
	
		nav#home ul {
			text-align: center;
			}
	
			nav#home ul li{
				margin: 0 10px;
				display: inline-block;
				zoom: 1;
				/*display: inline;*/
				}
				
				nav#home a:link, nav#home a:visited {
					color: #fff;
					display: block;
					margin-bottom: 3px;
					}
			
				nav#home a:hover, nav#home a.active {
					color: #e3e3e3;
					}
				
/******** END Structure - Home********/
				
#content-wrap {
	width: 914px;
	margin: 0 auto;
	position: relative;
	}
	
	header {
		width: 914px;
		display: block;
		padding: 45px 0 42px 0;
		/*position: fixed;*/
		z-index: 10;
		}
		
		#logo {
			width: 370px;
			height: 32px;
			margin: 0 auto;
			display: block;
			background: url("images/karin-meyn_logo-black.png") no-repeat;
			padding-bottom: 41px;
			}
		
			#logo h1 a{
				width: 370px;
				height: 32px;
				display: block;
				}
		
		nav {
			font-family: Verdana, sans-serif;
			font-size: 13px;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 4px;
			}
		
			nav ul li {
				margin: 0 16px;
				display: inline;
				}

#content-container {
	margin-bottom: 27px;
	width: 914px;	
}
	
#content {
	width: 870px;
	margin: auto;
	}
	
	section {
		margin: 0 5px 10px 5px;
		display: block;
		float: left;
		}
		
		section.text {
			width: 240px;
			height: 380px;
			padding: 20px;
			text-align: center;
			position: relative;
			text-transform: uppercase;
			}
			
			section.text p {
				width: 240px;
				height: 157px;
				font-size: 10px;
				line-height: 20px;
				display: table-cell; vertical-align: middle;
				}

			section.text p.first {
				display: table-cell; vertical-align: bottom !important;
				padding-bottom: 31px;
			}
			
			section.text p.last {
				display: table-cell; vertical-align: top !important;
				padding-top: 31px;
			}

			.text-divider {
				width: 182px;
				height: 4px;
				margin: 0 auto;
				background: url("images/text-divider.png") no-repeat;
				}				
			
		section.image, section.image img {
			width: 280px;
			height: 420px;
			}
			
		section.image-wide {
			width: 570px;
			height: 420px;
			}	
			
		section.image-widest {
			width: 850px;
			height: 420px;
			}		
			
		section.small {
			height: 210px;
			}				
			
footer {
	width: 914px;
	margin: auto;
	height: 20px;
	margin-bottom: 40px;
	font-size: 9px;
	font-family: Verdana, sans-serif;
	color: #a7a9ac;
	text-transform: uppercase;
	}

nav.footer {
    color: #a7a9ac;
    display: table-cell;
    float: right;
    font-family: Verdana,sans-serif;
    font-size: 9px;
    left: -50%;
    letter-spacing: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

nav.footer ul.subnav {
    left: 50%;
    list-style: none outside none;
    position: relative;
}

			nav.footer ul li {
				margin: 0 12px 0 0;
				display: inline;
				}


/*footer.ie, footer.mac {
	letter-spacing: 1px;
	text-indent: 1px;		
}*/

	footer ul li {
		float: left;
		margin-right: 18px;
		padding-top: 5px;
		}

/*	footer.mac ul li {
		float: left;
		padding-top: 5px;
		}*/

	/*footer.mac ul li#pinterest {
		float: left;
		}*/

	footer ul li#facebook {
		margin-right: 4px !important;
		padding-top: 2px !important;		
	}
	
	footer ul li#pinterest {
		/*margin-right: 19px !important;*/
		padding-top: 2px !important;			
	}

	footer ul li#pietboon {
		/*margin-right: 19px !important;*/
	}

	footer ul li#language {
		margin-right: 0;
		cursor: pointer;
		/*float: right;*/
	}
	
		.facebook {
			width: 18px;
			height: 18px;
			display: block;
			background: url("images/icons-footer.png") no-repeat;
			}
			
		.pinterest {
			width: 18px;
			height: 18px;
			display: block;
			background: url("images/icons-footer.png") -22px 0 no-repeat;
			}	

			
/* contactform */
section.form {
	height: 360px;
	padding: 30px 20px;
	width: 240px;
	background: #dbedf9;
	font-size: 10px;
	text-transform: uppercase;
	font-family: Verdana, Tahoma, Arial;
}

.chrome section.form {
	height: 360px;
	padding: 30px 19px 30px 17px;
	width: 240px;
}

section.form form {
	/*margin-top: 43px;*/
}

section.form .formline {
	margin-bottom: 20px;
}

seCtion.form .first {
	margin-bottom: 10px !important;	
}

section.form .formline .background {
	height: 17px;
	background: #fff;
	padding: 2px;
}

section.form .formline .background_textarea {
	height: 75px;
}

section.form .formline_left .background {
	height: 17px;
	background: #fff;
	padding: 2px;
	width: 50px;
}

section.form .formline_right .background {
	height: 17px;
	background: #fff;
	padding: 2px;
	width: 167px;
}

.chrome section.form .formline_right .background {
	width: 169px;
}

section.form .formline label {
	display: block;
	margin-bottom: 4px;
}

section.form .formline textarea {
	width: 234px;
	height: 73px;
	border: 0;
	font-family: Verdana,sans-serif;
	font-size: 0.95em;
	resize: none;
}

section.form .formline .formline_left {
	float: left;
	width: 60px;
}

section.form .formline .formline_right {
	float: left;
	width: 100px;
	margin-left: 10px;
}

section.form .formline input {
	width: 230px;
	/*height: 18px;*/
	font-size: 10px;	
	border: 0;
}

section.form .formline select {
	width: 237px;
	border: 0;
	height: 16px;	
	font-size: 10px;
	font-variant: normal;
	text-transform: none;	
}

section.form .formline .formline_left select {
	width: 49px;
	/*-webkit-appearance:none;	*/
}

.chrome section.form .formline .formline_left select {
	width: 48px;
}

section.form .formline .formline_right input {
	width: 160px;
}

section.form input[type=submit] {
	background: #fff;
	border: 0;
	height: 20px;
	text-transform: uppercase;	
	font-size: 10px;
	padding: 2px 12px;
	margin: 10px 0 0 0;
	float: right;
}

.error {
	color: #FC0000
}

/* language switch */
/*#language:hover ul {
 visibility: visible !important;
 display: block;
}*/

#language ul {
	display: none;
	/*left: 0 !important;*/
	position: absolute;
	z-index: 5000;
	right: -15px;
	margin-top: -252px;
	background: #fff;
	padding: 5px 0 0 0;
}

#language ul.active {
	visibility: visible !important;
	display: block;
}

#language ul li {
	display: block;
	float: none;
	width: 77px;
	text-align: right;
	line-height: 14px;
	margin: 0 15px 0 15px;
}

.mac .footer,
.ie .footer {
	letter-spacing: 1px;
}


/* get inspired */
#wrapper-inspiration {
	width: 914px;
}

#content.inspiration {
	float: left;
	width: 860px;
	padding-top: 0 !important;
	overflow: hidden;
	margin-left: 27px;
	position: relative;
	z-index: 1000;
}

#nav {
	left: 50%;
	margin-left: -457px; /*half the width*/
	position: fixed;
	top: 200px;
	width: 914px;
	z-index: 100;
}

#prev {
	float: left;
	width: 17px;
	margin-right: 10px;
}

#prev img {
	cursor: pointer;	
	padding-top:  202px;
}

#next {
	float: right;
	width: 17px;
	margin-left: 10px;
}

#next img {
	cursor: pointer;	
	padding-top:  202px;	
}

#wrapper-slider {
	width: 3480px !important;
}

.slide {
	width: 870px;
	overflow: hidden;
	float: left;
	margin-right: 0px;
}

.ar .slide {
	float: right !important;
}

.disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: default !important;		
}

.slide section.image-widest {
	margin: 0 0 10px 0 !important;
}

.slide section.image-wide {
	margin: 0 10px 10px 0 !important;
}

.slide section.image {
	margin: 0 10px 10px 0 !important;
}

/*.slide section.last {
	margin: 0 0 10px 0 !important;
}*/

.slide section .mask {
	position: absolute;
	height: 420px;
	text-align: center;
	display: none;
	opacity: 0.75;
	filter: alpha(opacity=75);	
	cursor: pointer;
	z-index: 2000;	
}

.slide section.small .mask {
	height: 210px;
}


.slide section .mask a {
	background: none;
	display: block;
}

.slide section .icons {
	position: absolute;
	display: none;
	width: 162px;
	margin-top: 194px;
	text-indent: -9999px;
	z-index: 3000;	
}

.slide section.small .icons {
	margin-top: 97px;
}

.slide section.image .icons {
	margin-left: 64px;
}

.slide section.image-wide .icons {
	margin-left: 210px;
}

.slide section.image-widest .icons {
	margin-left: 355px;
}

.slide a {
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	margin-right: 10px !important;
}

.slide a span, .at_PinItButton {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.slide .at300b:hover {
	opacity: 1;
}

.slide .facebook {
	background: url(images/icons.png) 0 0 no-repeat;
}

.slide .twitter {
	background: url(images/icons.png) -50px 0 no-repeat;
}

.slide .pinterest {
	background: url(images/icons.png) -100px 0 no-repeat;
}

.slide .fancybox {
	background: url(images/icons.png) -146px 0 no-repeat;
	margin-right: 0 !important;
}

.slide section .mask {
	width: 860px;
}

.slide section .mask a.image {
	position: absolute;
	z-index: 1000;
	width: 100px;
	height: 100px;
	display: block;
	background: none;
}

.slide section.image-wide .mask {
	width: 570px;
}

.slide section.image .mask {
	width: 280px;
}

.book {
	float: none;
	text-align: center;
}

.bookspacer {
	height: 35px;	
}

.wpcf7 {
	display: block;
    height: 360px;
    padding: 30px 20px;
	margin-top:-15px !important;
    width: 250px;
    background: #dbedf9;
    font-size: 10px;
    text-transform: uppercase;
    font-family: Verdana, Tahoma, Arial;
}


.wpcf7 label {
    font-size: 9px;
    text-transform: uppercase;
    font-family: Verdana, Tahoma, Arial;
}


.wpcf7-textarea, .wpcf7-text {
	display: block;
    width: 240px !important;
}

input, textarea, select, button {
    font-family: Verdana, Tahoma, Arial;
	font-size: 9.5px;
	padding: 3px;
}

.wpcf7-validation-errors, .wpcf7-acceptance-missing {
	background-color: #fff !important;
    border: 2px solid #f7e700;
	z-index:100!important;
}

.wpcf7-textarea {
	margin-top: -10px !important;
	margin-bottom: 10px !important;
}