/*
Theme Name: CL COATINGS
Theme URI: http://www.clcoatings.nl/
*/

/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #676767; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #676767; }
body { background: #fff url('images/bg.jpg') center 162px no-repeat; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 790px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { padding-top: 68px; position: relative; width: 790px; height: 94px; }
	#headerCntr h1 { position: absolute; top: 7px; left: -55px; }
	#headerCntr h1 a { display: block; width: 274px; height: 132px; text-indent: -9999px; background: url('images/logo.jpg') no-repeat; }
	
		/* ### SEARCH BOX ### */
		.searchBox { width: 790px; height: 30px; overflow: hidden; }
		.searchBox form fieldset { border: 0px; float: right; overflow: hidden; }
		.searchBox input.inputbox { padding: 3px 5px; font-size: 10px; width: 130px; height: 16px; float: left; border: 0px; background: #e2e2e2; }
		.searchBox input.button { width: 22px; height: 22px; margin-left: 4px; text-indent: -9999px; float: left; cursor: pointer; border: 0px; background: url('images/search.gif') no-repeat; }
		
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 790px; height: 30px; overflow: hidden; }
		#menuCntr ul { list-style: none; float: right; overflow: hidden; }
		#menuCntr li { padding-right: 5px; float: left; font-weight: bold; text-transform: uppercase; }
		#menuCntr li a { padding: 0px 10px 0px 18px; display: block; float: left; line-height: 24px; color: #000; text-decoration: none; background: url('images/menuArrow.gif') left no-repeat; }
		#menuCntr li a:hover { color: #FFFFFF; background: #fd403b url('images/menuHover.gif') left no-repeat; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-top: 21px; width: 790px; background: url('images/cntrTop.png') top left no-repeat; }
	#contentCntr #bottom { padding-bottom: 25px; width: 790px; background: url('images/cntrBottom.png') bottom left no-repeat; }
	#contentCntr #mid { width: 790px; overflow: hidden; background: url('images/cntrMid.png') repeat-y; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-bottom: 120px; float: left; width: 212px; background: url('images/leftLogo.gif') right bottom no-repeat; }
		
			/* ### ADDRESS BOX ### */
			.addressBox { padding: 0 11px 17px 11px; width: 190px; }
			.addressBox address { font-size: 14px; color: #FFFFFF; font-style: normal; line-height: 18px; }
			.addressBox a { color: #3c40fb; text-decoration: underline; }
			.addressBox a:hover { color: #3c40fb; text-decoration: none; }
			
			/* ### MENU BOX ### */
			.menuBox { padding-bottom: 30px; width: 212px; overflow: hidden; }
			.menuBox ul { list-style: none; overflow: hidden; width: 212px; border-top: #FFFFFF solid 3px; }
			.menuBox li { line-height: 28px; float: left; width: 212px; border-bottom: #FFFFFF solid 3px; font-size: 17px; font-weight: bold; }
			.menuBox li a { padding-left: 35px; display: block; color: #FFFFFF; text-decoration: none; line-height: 28px; background: url('images/leftMenu.gif') left no-repeat; }
			.menuBox li a:hover { color: #FFFFFF; background: #f82d28 url('images/leftHover.gif') left no-repeat; }
					
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-left: 32px; float: right; width: 546px; }
		#rightCntr h2 { color: #000; font-size: 24px; }
		#rightCntr h2 a { color: #000; text-decoration: none; }
		#rightCntr h2 a:hover { text-decoration: underline; }
		#rightCntr .page { padding-bottom: 10px; overflow: hidden; background: url('images/postBottom.gif') bottom left repeat-x; }
		#rightCntr p { padding-bottom: 18px; color: #676767; line-height: 18px; font-size: 12px; font-weight: normal; }
		#rightCntr .intro { padding-top: 8px; margin-bottom: 20px; width: 546px; overflow: hidden; background: url('images/introBottom.gif') bottom left no-repeat; }
		#rightCntr .intro img { padding: 2px; float: right; margin: 0 0 0px 15px; border: #c0c0c0 solid 1px; }
		#rightCntr .intro a { color: #fd403b; float: left; font-weight: bold; text-decoration: underline; }
		#rightCntr p.img { padding: 0px; }
		#rightCntr img { padding: 2px; float: left; margin-right: 30px; border: #c0c0c0 solid 1px; }
		#rightCntr a.meer { color: #fd403b; float: right; font-weight: bold; text-decoration: underline; }
		#rightCntr h4 { padding-bottom: 4px; font-size: 12px; }
		#rightCntr a:hover { text-decoration: none; }
		
		.leftMenuImg { width:90px; margin-left:10px; }
		
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 20px 0; overflow: hidden; width: 790px; }
	#footerCntr ul { list-style: none; overflow: hidden; width: 100%; }
	#footerCntr li { padding: 0 7px; font-size: 10px; float: left; background: url('images/footerSprtr.gif') right 3px no-repeat; }
	#footerCntr li a { color: #000; text-decoration: underline; }
	#footerCntr li a:hover { text-decoration: none; }
	#footerCntr p { padding-left: 7px; font-size: 10px; color: #636363; line-height: 17px; }

/* ### WORDPRESS CSS ### */
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
.entry p a:visited { color: #b85b5a; }
.sticky { padding: 0 10px 10px; background: #f7f7f7; }
.sticky h2 { padding-top: 10px; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { padding: 2px; float: right; border: 1px solid #eee; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.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; }
small, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }

/*	Begin Headers */
h2.pagetitle { margin-top: 30px; text-align: center; }
h3.comments { padding: 0; margin: 40px auto 20px ; }
/* End Headers */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Lists */
html>body .entry ul { padding: 0 0 0 10px; margin-left: 0px; list-style: none; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { padding: 0; margin: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
/* End Entry Lists */

/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { padding: 2px; width: 170px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { padding: 2px; width: 100%; }
#respond:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { padding: 5px 5px 10px 10px; margin: 15px 0 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { padding: 0; text-align: center; margin: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { padding-left: 20px; margin: 15px 30px 0 10px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { display: none; }
.navigation { display: block; text-align: center; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { padding-top: 4px; border: 1px solid #ddd; text-align: center; margin: 10px; background-color: #f3f3f3; }
.wp-caption img { padding: 0; margin: 0; border: 0 none; }
.wp-caption p.wp-caption-text { padding: 0 4px 5px; font-size: 11px; line-height: 17px; margin: 0; }
/* End captions */

#wpcf { text-align:left; }


#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}