/*  

Theme Name: Ithemba Theme

Description: De lay-out voor de Ithemba website

Version: 0.1

Author: Queromedia
Edited by inITso

Author URI: http://www.queromedia.be/
http://www.initso.be

*/

*{
	margin: 0;
	padding: 0;
	}
body{
	background: #A0BA33;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%; /* IE6 */
	height: 100%; /* IE6 */
	}
h1{
	font-size: 20px;
	color: #9FBA33;
	margin: 0 0 12px;
	}
h2, h2 a {
	font-size: 16px;
	color: #503524;	
	margin: 0 0 12px;
	}
p{
	color: #4F3423;
	margin: 0 0 12px;
	}
a{
	color: #7D9228;
	text-decoration: none;
	}
a:hover{
	color: #B7D739;
	}

#wrapper{
	background: url(../template/content.gif) top left #EEE6DD;
	width: 998px;
	margin: 0 auto;
	text-align: left;
	}
#header{
	background: url(../template/header.gif) top left no-repeat;
	padding: 174px 0 0;
	}
#nav{
	background: url(../template/navigatie.gif) top left;
	padding: 0 50px 0 280px;
	list-style: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
#nav li{
	float: left;
	margin: 0 0.15em;
	}
#nav li a{
	height: 2.214em;
	line-height: 2.214em;
	float: left;
	width: 9em;
	display: block;
	color: #579D18;
	text-decoration: none;
	text-align: center;
	}
#nav li a:hover{
	background: #E2D9CF ;
	color: #579D18;
	}
#content{
	padding: 12px 67px 12px 94px;
	}
#content ul{
	margin: 0 0 1.5em 1.5em;
	}
#right{
	float: right;
	width: 622px;
	}
#right img{
	border: 3px solid #FFFFFF;
	}
#left{
	float: left;
	width: 177px;
	}
#left .side{
	background: url(../template/sidebar-footer.gif) bottom left no-repeat #fff;
	padding: 12px 0 23px;
	margin: 0 0 12px;
	}
#left ul.side{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20pt;
	color: #9FBA33;
	list-style: none;
	padding: 12px 0 35px 25px;
	}
#left div.side h2{
	background: #B9D743;
	color: #fff;
	margin: 0 12px 12px;
	padding: 5px;
	font-size: 15px;
	}
#left div.side p{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F3423;
	margin: 12px 12px;
	}
#left div.side a{
	margin: 0 12px;
	font-size: 11px;
	}
#left .side input{
	margin: 0 12px 12px;
	}
#left .side #quick_subscribe_messages{
	margin: 0 12px;
	}
	
#left a{
	color: #9FBA33;
	text-decoration: none;
	}
#left a:hover{
	color: #B7D739;
	}

#footer{
	background: url(../template/footer.gif) top left no-repeat #fff;
	height: 17px;
	}

/* Splashpage */
#splash{
	width: 100%;
	height: 100%;
	background: #A0BA33;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */