/*
Theme Name: Topbaby
Theme URI: http://topbaby.nl/
Description: Alles voor een Topbaby.
Version: 1.1
Author: Cold Coffee
Author URI: http://coldcoffee.nl/
*/

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 13px; color: #9e9e9e; }
input, select, textarea { font-family: Arial; font-size: 13px; color: #9e9e9e; }
body { background: url('images/bg.gif') repeat; }
img { border: 0px; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### links ### */
.textwidget a { color: #267cbc; text-decoration: none;}
.textwidget a:hover { color: #267cbc; text-decoration: underline;}

/* ### wrapper ### */
#wrapper { position: relative; overflow: hidden; display: block; width: 100%; min-height: 100%; }
#wrapper.home { background: url('images/bg-home.gif') repeat-x; }
#wrapper.inner { background: url('images/inner-bg.gif') repeat-x; }

	/* ### main container ### */
	#mainCntr { margin: 0 auto; width: 994px; }
	
		/* ### header container ### */
		#headerCntr { position: relative; width: 994px; height: 126px; }
		#headerCntr h1 { position: absolute; top: 14px; left: 9px; z-index: 1000; }
		#headerCntr h1 a { display: block; width: 313px; height: 96px; text-indent: -9999px; background: url('images/logo.png') no-repeat; }
			
			/* ### bekijk box ### */
			.bekijkBox { margin-right: 33px; width: 217px; float: right; }
			.bekijkBox a { width: 216px; height: 126px; float: right; display: block; text-indent: -9999px; background: url('images/bekijk.png') no-repeat; }
										
		/* ### banner container ### */
		#bannerCntr { width: 994px; height: 353px; float: left; background: url('images/banner-bg.png') no-repeat; }
		#bannerCntr .image { width: 420px; float: left; }
		#bannerCntr .text { padding: 42px 0 0 0; width: 574px; float: right; color: #898989; line-height: 24px; }
		#bannerCntr h1 { font-size: 29px; color: #74b935; line-height: 34px; }
		#bannerCntr p { padding: 23px 0 0 0; }
		
		/* ### content container ### */
		#contentCntr { width: 994px; float: left; position: relative; z-index: 1; }
		#contentCntr.center-bg { padding-top: 105px; background: url('images/center-bg.png') no-repeat; }
		#contentCntr .headerimg { position: absolute; top: -106px; left: 253px; }
		
			/* ### left container ### */
			#leftCntr { padding: 0 0 0 17px; float: left; width: 360px; }
			
				/* ### left box ### */
				.leftBox { padding-top: 20px; width: 360px; float: left; background: url('images/top2.png') top no-repeat; }
				.leftBox .bottom { padding-bottom: 20px; width: 360px; float: left; background: url('images/bottom2.png') bottom no-repeat; }
				.leftBox .center { padding: 0 25px; width: 310px; float: left; line-height: 20px; background: #fff; }
				.leftBox .widget { padding: 0 0 20px 0; }
				.leftBox h2 { padding: 5px 0 8px 0; font-size: 21px; color: #267cbc; }
				.leftBox p { padding: 0 0 5px 0; }
				.leftBox ul { padding: 0 0 5px 15px; }
				.leftBox a { color: #777; text-decoration: none; }
				.leftBox a:hover { color: #74b935; text-decoration: underline; }
							
			/* ### right container ### */
			#rightCntr { padding: 0 17px 0 0; float: right; width: 560px; }
			
				/* ### content box ### */
				.contentBox { padding-top: 20px; width: 560px; float: left; background: url('images/top3.png') top no-repeat; }
				.contentBox .bottom { padding-bottom: 20px; width: 560px; float: left; background: url('images/bottom3.png') bottom no-repeat; }
				.contentBox .center { padding: 0 20px; width: 520px; float: left; line-height: 18px; background: #fff; }
				.contentBox h1 { padding: 0 0 15px 0; font-size: 29px; color: #74b935; line-height: 32px; }
				.contentBox h2 { padding: 0; font-size: 24px; color: #74b935; line-height: 26px; }
				.contentBox h3 { font-size: 18px; color: #74b935; line-height: 22px; }
				.contentBox h4 { font-size: 13px; color: #898989; }
				.contentBox p { padding: 0 0 15px 0; }
				.contentBox p.quote { padding: 6px 10px; margin: 7px 0 15px 0; color: #505050; font-style: italic; background: #cecece; }
				.contentBox ul { margin: 0 0 15px 25px; }
				.contentBox a { color: #74b935; text-decoration: none; }
				.contentBox a:hover { color: #000; text-decoration: underline; }
				
				.contentBox #breadcrumbs { font-size: 11px; color: #888989; }
				.contentBox #breadcrumbs a { font-size: 11px; color: #888989; text-decoration: none; }
				.contentBox #breadcrumbs a:hover { color: #74b935; text-decoration: underline; }
				
				/* ### post box ### */
				.postBox { padding-top: 20px; width: 560px; float: left; background: url('images/top3.png') top no-repeat; }
				.postBox .bottom { padding-bottom: 20px; width: 560px; float: left; background: url('images/bottom3.png') bottom no-repeat; }
				.postBox .center { padding: 0 28px; width: 504px; float: left; line-height: 18px; background: #fff; }
				.postBox .post { padding: 7px 0 30px 0; }
				.postBox h1 { font-size: 29px; color: #74b935; line-height: 32px; }
				.postBox h2 { padding: 0; font-size: 24px; color: #74b935; line-height: 26px; }
				.postBox h3 { font-size: 18px; color: #267cbc; line-height: 22px; }
				.postBox h4 { font-size: 13px; color: #898989; }
				.postBox p { padding: 14px 0 0 0; }
				.postBox p.quote { padding: 6px 10px; margin: 7px 0 15px 0; color: #505050; font-style: italic; background: #cecece; }
				.postBox ul { margin: 0 0 15px 25px; }
				.postBox a { color: #74b935; text-decoration: none; }
				.postBox a:hover { color: #000; text-decoration: underline; }
				.postBox a.more-link { font-weight: bold; }
				.postBox p.postmetadata { font-size: 10px; color: #267cbc; }
				.postBox .navigation a { color: #267cbc; font-weight: bold; }
				
				.postBox #breadcrumbs { padding: 3px 0 0 0; font-size: 11px; color: #888989; }
				.postBox #breadcrumbs a { font-size: 11px; color: #888989; text-decoration: none; }
				.postBox #breadcrumbs a:hover { color: #74b935; text-decoration: underline; }
				
				.postBox .commentlist { padding: 0 0 20px 0; width: 100%; overflow: hidden; }
				.postBox .commentlist ol { list-style: none; }
				.postBox .commentlist li { padding: 10px; margin-top: 19px; font-size: 12px; line-height: 16px; background: #f7f7f7; }
				.postBox .commentlist li .comment-author { font-weight: bold; color: #267cbc; }
				.postBox .commentlist li .comment-author span { display: none; }
				.postBox .commentlist li .commentmetadata { font-size: 10px; color: #267cbc; }
				.postBox .commentlist li .reply { padding: 10px 0 0 0; overflow: hidden; width: 100%; }
				.postBox .commentlist li a { color: #267cbc; font-style: normal; }
				
				.postBox .comments { width: 100%; overflow: hidden; }
				.postBox .comments p { padding: 13px 0 0 0; width: 100%; float: left;}
				.postBox .comments small { padding: 3px 0 0 15px; float: left; font-size: 11px; line-height: 11px; }
				.postBox .comments label { width: 93px; float: left; font-size: 14px; color: #969696; font-weight: bold; }
				.postBox .comments input { padding: 0 5px; width: 250px; height: 26px; float: left; line-height: 26px; border: 1px solid #969696; background: #f7f7f7; }
				.postBox .comments textarea { padding: 5px; margin-right: 15px; width: 250px; height: 82px; float: left; border: 1px solid #969696; background: #f7f7f7; }
				.postBox .comments input#submit { padding: 0px; margin-top: 68px; cursor: pointer; width: 130px; height: 25px; float: left; font-size: 14px; color: #fff; font-weight: bold; border: 0px; background: url('images/btn.png') no-repeat; }
					
			/* ### center container ### */
			#centerCntr { padding: 11px 15px 0 19px; width: 960px; overflow: hidden; }
			
				/* ### tips box ### */
				.tipsBox { padding-top: 25px; width: 360px; min-height: 160px; float: left; background: url('images/top.png') top no-repeat; }
				.tipsBox .bottom { padding-bottom: 20px; width: 360px; float: left; background: url('images/bottom.png') bottom no-repeat; }
				.tipsBox .center { padding: 0 24px; width: 308px; float: left; line-height: 20px; border-left: 2px solid #bfbfbf; border-right: 2px solid #bfbfbf; background: #fff; }
				.tipsBox h2 { font-size: 21px; color: #267cbc; }
				.tipsBox p { padding: 8px 0 0 0; }			
				.tipsBox a.more { margin-top: 35px; height: 42px; float: right; text-align: right; line-height: 32px; font-size: 16px; color: #fff; text-decoration: none; background: url('images/button.png') right top no-repeat; }
				.tipsBox a.more strong { padding: 0 15px 0 0; font-weight: normal; }
				.tipsBox a.more span { display: block; font-size: 12px; color: #34434d; }
				.tipsBox .share { padding: 7px 0 20px 0; overflow: hidden; }
				
				/* ### item box ### */
				.itemBox { padding-top: 25px; width: 560px; min-height: 160px; float: right; background: url('images/top1.png') top no-repeat; }
				.itemBox .bottom { padding-bottom: 20px; width: 560px; float: left; background: url('images/bottom1.png') bottom no-repeat; }
				.itemBox .center { padding: 0 9px; width: 538px; float: left; border-left: 2px solid #bfbfbf; border-right: 2px solid #bfbfbf; background: #fff; }
				.itemBox ul { list-style: none; overflow: hidden; width: 100%; }
				.itemBox li { padding: 0 12px; width: 110px; float: left; text-align: center; color: #2784c9; line-height: 20px; }
				.itemBox h3 { padding: 13px 0 0 0; font-size: 13px; color: #74b935; }
									
		/* ### footer container ### */
		#footerCntr { margin: 53px 0 0 0; float: left; width: 100%; min-height: 58px; border-bottom: 1px solid #3f505d; background: #29343d url('images/footer-bg.gif') top repeat-x; }
		#footerCntr #footer { width: 994px; margin: 0 auto; }
		#footerCntr .copyright { padding: 0 0 0 135px; width: 269px; min-height: 58px; float: left; font-size: 11px; color: #dadada; line-height: 58px; background: url('images/footer-icon.png') left top no-repeat; }
		#footerCntr .link { width: 590px; float: right; }
		#footerCntr ul { list-style: none; }
		#footerCntr li { display: inline; }
		#footerCntr a { margin: 0 10px; float: left; font-size: 11px; color: #dadada; text-decoration: none; line-height: 58px; }
		#footerCntr a:hover { color: #fff; text-decoration: underline; }
		
	
/* Begin Images */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 10px; display: inline; }
img.alignleft { margin: 0 10px 2px 0; display: inline;	}
.alignright { float: right;	}
.alignleft { float: left; }
/* End Images */

.really_simple_share {margin-top: 10px;}