/*
Theme Name: Carin Smit
Theme URI: http://hugovermaak.com/
Description: Wordpress theme for Carin Smit.
Version: 1.0
Author: Hugo Vermaak
Author URI: http://hugovermaak.com/
Tags: red, custom header, fixed width, two columns

	This theme was designed and built by Hugo Vermaak,
	whose blog you will find at http://hugovermaak.com/

	This theme is for exclusive use on http://www.carinsmit.co.za

*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: #5f9abc url(images/bg.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#container
{
	width: 920px;
	margin: 0 auto;
	position: relative;
}

	#header
	{
		background: url(images/header-banner.jpg) no-repeat;
		width: 900px;
		height: 154px;
		margin: 142px auto 0 auto;
	}
		
		#rss-icon
		{
			float: right;
			padding: 50px 45px 0 0;
		}
		
		#rss-icon img
		{
			border: none;
		}
	
	#navigation
	{
		width: 920px;
		height: 87px;
		margin: 0 auto;
	}
	
		#navigation ul
		{
			list-style: none;
		}
		
			#navigation li, #navigation a 
			{
				display: block;
				height: 87px;
			}
			
			#navigation li
			{
				float: left;
				text-indent: -9999px;
			}
				
				.btnWelcome
				{
					background: url(images/nav.png) no-repeat 0 0;
					width: 130px;
				}
				
				.btnAbout
				{
					background: url(images/nav.png) no-repeat -130px 0;
					width: 87px;
				}
				
				.btnMessage
				{
					background: url(images/nav.png) no-repeat -217px 0;
					width: 183px;
				}
				
				.btnServices
				{
					background: url(images/nav.png) no-repeat -400px 0;
					width: 104px;
				}
				
				.btnResources
				{
					background: url(images/nav.png) no-repeat -504px 0;
					width: 123px;
				}
				
				.btnBlog
				{
					background: url(images/nav.png) no-repeat -627px 0;
					width: 79px;
				}
				
				.btnContact
				{
					background: url(images/nav.png) no-repeat -706px 0;
					width: 128px;
				}
				
				.btnSearch
				{
					background: url(images/nav.png) no-repeat -834px 0;
					width: 86px;
				}
				
				.btnWelcome:hover
				{
					background: url(images/nav.png) no-repeat 0 -87px;
				}
				
				.btnAbout:hover
				{
					background: url(images/nav.png) no-repeat -130px -87px;
				}
				
				.btnMessage:hover
				{
					background: url(images/nav.png) no-repeat -217px -87px;
				}
				
				.btnServices:hover
				{
					background: url(images/nav.png) no-repeat -400px -87px;
				}
				
				.btnResources:hover
				{
					background: url(images/nav.png) no-repeat -504px -87px;
				}
				
				.btnBlog:hover
				{
					background: url(images/nav.png) no-repeat -627px -87px;
				}
				
				.btnContact:hover
				{
					background: url(images/nav.png) no-repeat -706px -87px;
				}
				
				.btnSearch:hover
				{
					background: url(images/nav.png) no-repeat -834px -87px;
				}
				
	#searchBox
	{
		background: #df291b url(images/searchBG.jpg) repeat-x bottom;
		position: absolute;
		left: 742px;
		top: 230px;
		padding: 10px;
		display: none;
	}
		
		#searchBox h2
		{
			color: #fff;
			font-size: medium;
		}
		
		#searchBox span a
		{
			position: relative;
			float: right;
			padding-top: 5px;
			display: block;
		}
		
		#searchBox img
		{
			border: none;
		}
	
	#content
	{
		background: #fff;
		color: #636363;
		width: 860px;
		margin: 0 auto;
		padding: 10px 20px 35px 20px;
	}
	
/*		#content h1
		{
			color: #df291b;
			font-weight: normal;
			font-size: x-large;
			padding: 0 0 10px 0;
		}
		
		#content h2
		{
			color: #5f9abc;
			font-weight: normal;
			font-size: large;
			margin: 15px 0;
		}
		
		#content h3
		{
			font-weight: bold;
			font-size: medium;
			margin: 15px 0;
		}
		
		#content h4
		{
			color: #df291b;
			font-weight: normal;
			font-size: small;
		}*/

		
		#content p
		{
			padding: 8px 0;
			text-align: justify;
		}
		
/*		#content small
		{
			margin-top: -15px;
			padding-top: -15px;
		}
		
		#content ul<ul
		{
			padding: 5px 0;
		}
		
		#content ol
		{
			padding: 5px 0;
		}
		
		#content li
		{
			margin: 5px 0 5px 15px;
		}*/
		
		
		#slider
		{
			width: 820px;
			margin: 0 auto;
			padding: 20px 0 0 0;
		}
		
		.slide-shadow
		{
			background: url(images/slide-shadow.jpg) no-repeat;
			width: 820px;
			height: 20px;
		}
		
		#page-slider
		{
			width: 640px;
			margin: 0 auto;
			padding: 20px 0 0 0;
		}
		
		.page-slide-shadow
		{
			background: url(images/page-slide-shadow.jpg) no-repeat;
			width: 640px;
			height: 20px;
		}
		
		#main
		{
		}
		
			#main h1
			{
			color: #df291b;
			font-weight: normal;
			font-size: x-large;
			padding: 0 0 10px 0;
			}
			
			#main h2
			{
				color: #5f9abc;
				font-weight: normal;
				font-size: large;
				margin: 15px 0;
			}
			
			#main h3
			{
				font-weight: bold;
				font-size: medium;
				margin: 15px 0;
			}
			
			#main h4
			{
				color: #df291b;
				font-weight: normal;
				font-size: small;
			}
			
			#main small
			{
				margin-top: -15px;
				padding-top: -15px;
			}
			
			#main ul<ul
			{
				padding: 5px 0;
			}
			
			#main ol
			{
				padding: 5px 0;
			}
			
			#main li
			{
				margin: 5px 0 5px 15px;
			}
			
			#main a
			{
				color: #df291b;
			}
		
		#home-left
		{
			width: 430px;
			float: left;
			overflow: hidden;
		}
		
			#home-left h1
			{
				color: #df291b;
				font-weight: normal;
				font-size: x-large;
				padding: 0 0 10px 0;
			}
		
		
			#home-left h3
				{
					padding: 0px;
					margin: 0px;
				}
			
				#home-left h3 a
				{
					color: #5f9abc;
					font-weight: normal;
					font-size: medium;
				}
				
			#home-left h4
			{
				color: #df291b;
				font-weight: normal;
				font-size: small;
			}
				
				#home-left p
				{
					padding: 5px 20px 5px 0;
					margin: 0px;
					text-align: justify;
				}
				
				#home-left p a
				{
					color: #df291b;
				}
				
				#home-left img
				{
					border: none;
				}
			
		#home-right
		{
			width: 430px;
			float: right;
		}
		
			#home-right h1
			{
				color: #df291b;
				font-weight: normal;
				font-size: x-large;
				padding: 0 0 10px 0;
			}
		
			#home-right h2
			{
				color: #5f9abc;
				font-weight: normal;
				font-size: large;
				margin: 15px 0;
			}	
		
			#home-right h3
			{
				padding: 0px;
				margin: 0px;
			}
		
			#home-right h3 a
			{
				color: #5f9abc;
				font-weight: normal;
				font-size: medium;
			}
			
			#home-right p
			{
				padding: 5px 0;
				margin: 0px;
				text-align: justify;
			}
			
			#home-right p a
			{
				color: #df291b;
			}
			
			#home-right img
			{
				border: none;
			}
		
		#left-col
		{
			width: 220px;
			float: left;
		}
		
		#left-col ul
		{
			list-style: none;
		}
		
		#left-col ul li a
		{
			background: #f5f4dd;
			border-left: #e0dd9b 3px solid;
			border-right: #e0dd9b 3px solid;
			color: #636363;
			display: block;
			padding: 5px 5px 5px 10px;
			margin: 2px 0;
			width: 80%;
			text-decoration: none;
		}
		
		#left-col ul li a:hover
		{
			background: #f5f4dd;
			border-left: #5f9abc 3px solid;
			border-right: #5f9abc 3px solid;
			color: #5f9abc;
			display: block;
			padding: 5px 5px 5px 10px;
			margin: 2px 0;
			width: 80%;
			text-decoration: none;
		}
		
		#left-col  ul ul,
		#left-col .current_page_item ul ul,
		#left-col .current_page_ancestor ul ul,
		#left-col .current_page_ancestor .current_page_item ul ul,
		#left-col .current_page_ancestor .current_page_ancestor ul ul {
			display: none;
		}
		
		#left-col .current_page_item ul,
		#left-col .current_page_ancestor ul,
		#left-col .current_page_ancestor .current_page_item ul,
		#left-col .current_page_ancestor .current_page_ancestor ul,
		#left-col .current_page_ancestor .current_page_ancestor .current_page_item ul,
		#left-col .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
			display: block;
			list-style: none;
		}
		
		#left-col .current_page_item ul li a,
		#left-col .current_page_ancestor ul li a,
		#left-col .current_page_ancestor .current_page_item ul li a,
		#left-col .current_page_ancestor .current_page_ancestor ul li a,
		#left-col .current_page_ancestor .current_page_ancestor .current_page_item ul li a,
		#left-col .current_page_ancestor .current_page_ancestor .current_page_ancestor ul li a {
			background: #f5f4dd;
			border-left: #e0dd9b 3px solid;
			border-right: #e0dd9b 3px solid;
			color: #636363;
			display: block;
			padding: 5px 0 5px 5px;
			margin: 2px 10px;
			width: 80%;
			text-decoration: none;
		}
		
		#left-col .current_page_item ul li a:hover,
		#left-col .current_page_ancestor ul li a:hover,
		#left-col .current_page_ancestor .current_page_item ul li a:hover,
		#left-col .current_page_ancestor .current_page_ancestor ul li a:hover,
		#left-col .current_page_ancestor .current_page_ancestor .current_page_item ul li a:hover,
		#left-col .current_page_ancestor .current_page_ancestor .current_page_ancestor ul li a:hover {
			background: #f5f4dd;
			border-left: #df291b 3px solid;
			border-right: #df291b 3px solid;
			color: #df291b;
		}

		
		#right-col
		{
			width: 640px;
			float: left;
		}
		
			#right-col p
			{
				line-height: 1.5em;
				text-align: justify;
			}
			
			#right-col ul, #right-col ol
			{
				padding: 0 0 0 25px;
			}
			
				#right-col li
				{
					padding: 5px 0;
					text-align: justify;
				}
			
			#right-col h1
			{
				color: #df291b;
				font-weight: normal;
				font-size: x-large;
				padding: 0 0 10px 0;
			}
		
			#right-col h2
			{
				color: #5f9abc;
				font-weight: normal;
				font-size: large;
				margin: 15px 0;
				padding: 0px 0 10px 0;
			}	
		
			#right-col h3
			{
				padding: 0px;
				margin: 0px;
			}
			
			
			#right-col h2 a
			{
				color: #5f9abc;
			}
			
			#right-col h2 a:hover
			{
				color: #df291b;
			}
			
			#right-col img
			{
				border: none;
			}
			
			#right-col h3
			{
				padding: 10px 0 10px 10px;
				font-size: medium;
			}
			
			#right-col h4
			{
				color: #df291b;
				font-weight: normal;
				font-size: small;
			}
			
			#right-col small
			{
				margin-top: -15px;
				padding-top: -15px;
			}
			
			#right-col ul<ul
			{
				padding: 5px 0;
			}
			
			#right-col ol
			{
				padding: 5px 0;
			}
			
			#right-col li
			{
				margin: 5px 0 5px 15px;
			}
			
			#right-col a
			{
				color: #df291b;
			}
			
		#contact-left
		{
			width: 400px;
			float: left;
		}
		
			#contact-left input[type="text"], #contact-left textarea
			{
				background: #f1eecb;
				border: 1px solid #e0dd9b;
				color: #636363;
				padding: 10px;
				margin-top: 5px;
				width: 350px;
			}
			
			#contact-left textarea
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: small;
				width: 350px;
			}
			
			#contact-left label
			{
				color: #5f9abc;
				font-weight: 700;
			}
			
			#contact-left span
			{
				color: #df291b;
			}
			
			#contact-left h1
			{
				color: #df291b;
				font-weight: normal;
				font-size: x-large;
				padding: 0 0 10px 0;
			}
		
		#contact-right
		{
			width: 460px;
			float: right;
		}
		
			#contact-right dl
			{
				clear: both;
			}
			
			#contact-right dt
			{
				color: #df291b;
				float: left;
				width: 50px;
			}
			
			#contact-right dd
			{
				float: left;
			}
			
				#contact-physical
				{
					width: 200px;
					float: left;
				}
				
				#contact-postal
				{
					width: 240px;
					float: right
				}
				
			#contact-right h1
			{
				color: #df291b;
				font-weight: normal;
				font-size: x-large;
				padding: 0 0 10px 0;
			}
		
			#contact-right h2
			{
				color: #5f9abc;
				font-weight: normal;
				font-size: large;
				margin: 15px 0;
			}	
		
			#contact-right h3
			{
				padding: 0px;
				margin: 0px;
			}
		
		#blog
		{
			width: 600px;
			float: left;
		}
		
			.blog-heading
			{
				margin: 0 0 5px 0;
			}
			
				.blog-heading small a
				{
					color: #5f9abc;
				}
			
			.blog-post
			{
				margin: 0 0 10px; 0;
			}
			
				.blog-post img
				{
					border: none;
					padding: 15px;
				}
				
				.blog-post p
				{
					padding: 10px 0;
					text-align: justify;
				}
			
				.blog-post a, .blog-heading a
				{
					color: #df291b;
				}
				
				.blog-heading h1 a
				{
					font-size: x-large;
				}
				
				#blog small
				{
					margin-top: -15px;
					padding-top: -15px;
				}
				
				#blog ul<ul
				{
					padding: 5px 0;
				}
				
				#blog ol
				{
					padding: 5px 0;
				}
				
				#blog li
				{
					margin: 5px 0 5px 15px;
				}
				
			#blog h2, #blog h3
			{
				padding: 15px 0 10px 0;
			}
			
			#blog h1
			{
				color: #df291b;
				font-weight: normal;
				font-size: x-large;
				padding: 0 0 10px 0;
			}
		
			#blog h2
			{
				color: #5f9abc;
				font-weight: normal;
				font-size: large;
				margin: 15px 0;
			}	
		
			#home-right h3
			{
				padding: 0px;
				margin: 0px;
			}
				
			#blog h2 a
			{
				color: #5f9abc;
			}
			
			#blog small a
			{
				color: #5f9abc;
			}
		
			#blog p
			{
				line-height: 1.5em;
				text-align: justify;
			}
				
				#blog table td
				{
					padding: 15px;
				}
				
				#blog table img
				{
					border: 1px solid #c3c3c3;
					padding: 5px;
				}

			/**********************************/
			#research
		{
			width: 600px;
			float: left;
		}
		
			.research-heading
			{
				margin: 0 0 5px 0;
			}
			
				.research-heading small a
				{
					color: #5f9abc;
				}
			
			.research-post
			{
				margin: 0 0 10px; 0;
			}
			
				.research-post img
				{
					border: none;
					padding: 15px;
				}
				
				.research-post p
				{
					padding: 10px 0;
					text-align: justify;
				}
			
				.research-post a, .research-heading a
				{
					color: #df291b;
				}
				
				.research-heading h1 a
				{
					font-size: x-large;
				}
				
				#research small
				{
					margin-top: -15px;
					padding-top: -15px;
				}
				
				#research ul<ul
				{
					padding: 5px 0;
				}
				
				#research ol
				{
					padding: 5px 0;
				}
				
				#research li
				{
					margin: 5px 0 5px 15px;
				}
				
			#research h2, #research h3
			{
				padding: 15px 0 10px 0;
			}
			
			#research h1
			{
				color: #df291b;
				font-weight: normal;
				font-size: x-large;
				padding: 0 0 10px 0;
			}
		
			#research h2
			{
				color: #5f9abc;
				font-weight: normal;
				font-size: large;
				margin: 15px 0;
			}	
				
			#research h2 a
			{
				color: #5f9abc;
			}
			
			#research small a
			{
				color: #5f9abc;
			}
		
			#research p
			{
				line-height: 1.5em;
				text-align: justify;
			}
				
				#research table td
				{
					padding: 15px;
				}
				
				#research table img
				{
					border: 1px solid #c3c3c3;
					padding: 5px;
				}


			#post-navigation
			{
				margin: 25px 0 0 0;
			}
			
			#post-navigation a
			{
				text-decoration: none;
			}
			
				.next-posts a, .prev-posts a
				{
					color: #a09c61;
					display: block;
					width: 102px;
					height: 28px;
				}
				
				.next-posts a:hover, .prev-posts a:hover
				{
					color: #df291b;
				}
				
				.next-posts
				{
					float: right;
				}
				
					.next-posts a
					{
						background: url("images/newer-entries.png") no-repeat;
						padding: 10px 0px 0px 15px;
					}
				
				.prev-posts
				{
					float: left;
				}
				
					.prev-posts a
 					{
						background: url("images/older-entries.png") no-repeat;	
						padding: 10px 0px 0px 25px;
					}
		
		#sidebar
		{
			width: 200px;
			float: right;
		}
		
		#sidebar h1
		{
			color: #df291b;
			font-weight: normal;
			font-size: x-large;
			padding: 0 0 10px 0;
		}
	
		#sidebar h3
		{
			color: #636363;
			font-weight: normal;
			font-size: large;
			margin: 15px 0;
		}	
	
		#sidebar h2
		{
			padding: 0px;
			margin: 0px;
		}
		
			#sidebar ul
			{
				list-style: none;
			}
			
			#sidebar h2
			{
				color: #df291b;
				padding: 10px 0 10px 0;
				font-size: medium;
				font-weight: normal;
			}
			
			#sidebar a
			{
				color: #5f9abc;
				text-decoration: none;
			}
			
				#sidebar-categories
				{
				}
				
					#sidebar-categories li
					{
						padding: 0 0 5px 10px;
					}
				
				#sidebar-recent
				{
				}
				
					#sidebar-recent li
					{
						padding: 0 0 10px 10px;
					}
				
				#sidebar-archive
				{
				}
					
					#sidebar-archive li
					{
						padding: 0 0 5px 10px;
					}
					
				#sidebar-links
				{
				}
					
					#sidebar-links li
					{
						padding: 0 0 10px 10px;
					}
		
		
	#footer
	{
		background: url(images/footer.png) no-repeat;
		color: #fff;
		width: 900px;
		height: 240px;
		margin: 0 auto;
	}
	
	#footer p
	{
		text-align: center;
	}
	
		#footer-left
		{
			width: 410px;
			float: left;
			padding: 60px 0 0 40px;
		}
		
		#footer-left h3
		{
			background: url(images/navigate.png) no-repeat;
			width: 78px;
			height: 13px;
			padding: 0 0 8px 0;
			text-indent: -9999px;
		}
		
		#footer-left ul
		{
			list-style: none;
		}
		
		#footer-left li
		{
			padding: 3px 0;
		}
		
		#footer-left a
		{
			text-decoration: none;
			color: #fff;
		}
		
		#footer-left a:hover
		{
			color: #fff;
			text-decoration: underline;
		}
		
			#navigate-left
			{
				width: 140px;
				float: left;
			}
			
			#navigate-right
			{
				width: 100px;
				float: left;
			}
			
		#footer-right
		{
			width: 450px;
			float: right;
			padding: 100px 0 0 0;
		}
	
	.clear
	{
		clear: both;
	}
	
	.red
	{
		color: #df291b;
	}
	
	.hr
	{
		background: url(images/hr.png) repeat-x;
		height: 10px;
		width: 100%;
		padding: 10px 0;
	}
	
	.note
	{
		background: #fff799;
		border: 1px solid #ffe26d;
		padding: 20px;
	}
	
		.note h3
		{
			color: #ed1c24;
			margin-top: -15px;
			padding-top: -15px;
		}
		
	table.metals
	{
		width: 100%;
	}
		
	.metals td h3
	{
		background: #e6dfb1;
		padding: 10px;
	}
	
	.metals td h4
	{
		background: #f8f3df;
		margin: 0px;
		padding: 5px;
	}
	
	.metals td p
	{
		background: #fffae4;
		margin: 0px;
		padding: -8px 0;
	}
	
	.green-days
	{
		background: #3c963a;
		color: #fff;
		border: 1px solid #037436;
		padding: 20px;
		margin: 10px 0;
		width: 600px;
	}
	
	.red-days
	{
		background: #b00d11;
		color: #fff;
		border: 1px solid #7c0101;
		padding: 20px;
		margin: 10px 0;
		width: 600px;
	}
	
	.yellow-days
	{
		background: #fbbc11;
		color: #000;
		border: 1px solid #f8961d;
		padding: 20px;
		margin: 10px 0;
		width: 600px;
	}
	
	.table-data td
	{
		padding: 10px;
		border-bottom: 1px solid #d7d0a0;
	}
	
	.dark
	{
		background: #e6dfb1;
		text-align: center;
		font-weight: 700;
		font-size: medium;
	}
	
	.medium
	{
		background: #f8f3df;
		color: #df291b;
		font-weight: 700;
	}
	
	.light
	{
		background: #fffae4;
	}
	
	.video
	{
		margin: 15px 0;
	}
	
	.video h2
	{
		margin-top: -15px;
		padding-top: -15px;
	}
	
	.associations td
	{
		background: #CCC;
		padding: 5px;
	}
	
	.associations td img
	{
		border: 1px solid #999;
	}